namirasoft-site-react 1.4.134 → 1.4.135
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 +50 -6
- package/dist/App.js.map +1 -1
- package/dist/components/NSBarAction.js +1 -1
- package/dist/components/NSBarAction.js.map +1 -1
- package/dist/components/NSBarAction.module.css +3 -3
- package/dist/components/NSBarAlert.d.ts +2 -1
- package/dist/components/NSBarAlert.js +2 -1
- package/dist/components/NSBarAlert.js.map +1 -1
- package/dist/components/NSBarAlert.module.css +6 -6
- package/dist/components/NSBox.module.css +8 -8
- package/dist/components/NSBoxBaseCombo.d.ts +8 -12
- package/dist/components/NSBoxBaseCombo.js +22 -34
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.module.css +1 -1
- package/dist/components/NSBoxBaseLayout.d.ts +31 -0
- package/dist/components/NSBoxBaseLayout.js +34 -0
- package/dist/components/NSBoxBaseLayout.js.map +1 -0
- package/dist/components/NSBoxBoolean.d.ts +5 -8
- package/dist/components/NSBoxBoolean.js +15 -26
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +8 -8
- package/dist/components/NSBoxBooleans.d.ts +2 -0
- package/dist/components/NSBoxBooleans.js +1 -1
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxCombo.d.ts +4 -2
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +3 -7
- package/dist/components/NSBoxDate.js +14 -19
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDateTime.d.ts +3 -7
- package/dist/components/NSBoxDateTime.js +14 -19
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDouble.d.ts +6 -10
- package/dist/components/NSBoxDouble.js +15 -19
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +3 -7
- package/dist/components/NSBoxDuration.js +14 -19
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxEmail.d.ts +4 -8
- package/dist/components/NSBoxEmail.js +19 -25
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +2 -2
- package/dist/components/NSBoxEntity.js +1 -1
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +13 -11
- package/dist/components/NSBoxEnum.js +1 -1
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +5 -4
- package/dist/components/NSBoxFile.js +31 -22
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFile.module.css +2 -2
- package/dist/components/NSBoxIPV4.d.ts +3 -7
- package/dist/components/NSBoxIPV4.js +13 -19
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV6.d.ts +3 -7
- package/dist/components/NSBoxIPV6.js +13 -18
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxInteger.d.ts +6 -12
- package/dist/components/NSBoxInteger.js +15 -19
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +3 -7
- package/dist/components/NSBoxMoney.js +13 -18
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +3 -7
- package/dist/components/NSBoxPassword.js +21 -25
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +3 -7
- package/dist/components/NSBoxPhone.js +26 -30
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPhone.module.css +5 -5
- package/dist/components/NSBoxRadio.d.ts +4 -8
- package/dist/components/NSBoxRadio.js +13 -17
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxRadio.module.css +13 -49
- package/dist/components/NSBoxSearch.d.ts +4 -2
- package/dist/components/NSBoxSearch.js +10 -18
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +3 -8
- package/dist/components/NSBoxString.js +11 -23
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +4 -7
- package/dist/components/NSBoxTextArea.js +14 -20
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTextArea.module.css +2 -35
- package/dist/components/NSBoxTime.d.ts +3 -8
- package/dist/components/NSBoxTime.js +14 -23
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSButton.module.css +14 -15
- package/dist/components/NSDialog.d.ts +1 -0
- package/dist/components/NSDialog.js +1 -1
- package/dist/components/NSDialog.js.map +1 -1
- package/dist/components/NSDialog.module.css +5 -1
- package/dist/components/NSDialogPageSelection.js +1 -1
- package/dist/components/NSDialogPageSelection.js.map +1 -1
- package/dist/components/NSDownload.js +2 -2
- package/dist/components/NSDownload.js.map +1 -1
- package/dist/components/NSFilterBox.js +3 -3
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSFilterBox.module.css +8 -15
- package/dist/components/NSLabelErrorNotifier.js +1 -1
- package/dist/components/NSLabelErrorNotifier.js.map +1 -1
- package/dist/components/NSLabelErrorNotifier.module.css +1 -1
- package/dist/components/NSMenuAction.js +1 -1
- package/dist/components/NSMenuAction.js.map +1 -1
- package/dist/components/NSMenuAction.module.css +1 -23
- package/dist/components/NSMenuButton.d.ts +19 -10
- package/dist/components/NSMenuButton.js +29 -16
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSMenuButton.module.css +8 -88
- package/dist/components/NSPagination.js +45 -36
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +30 -55
- package/dist/components/NSPanel.module.css +1 -1
- package/dist/components/NSTag.d.ts +1 -1
- package/dist/formatter/IDFormatter.d.ts +1 -1
- package/dist/main.d.ts +0 -1
- package/dist/main.js +0 -1
- package/dist/main.js.map +1 -1
- package/dist/props/IValidationProps.d.ts +1 -1
- package/package.json +1 -1
- package/src/App.tsx +59 -25
- package/src/components/NSBarAction.module.css +3 -3
- package/src/components/NSBarAction.tsx +4 -2
- package/src/components/NSBarAlert.module.css +6 -6
- package/src/components/NSBarAlert.tsx +6 -5
- package/src/components/NSBox.module.css +8 -8
- package/src/components/NSBoxBaseCombo.module.css +1 -1
- package/src/components/NSBoxBaseCombo.tsx +49 -75
- package/src/components/NSBoxBaseLayout.tsx +83 -0
- package/src/components/NSBoxBoolean.module.css +8 -8
- package/src/components/NSBoxBoolean.tsx +36 -55
- package/src/components/NSBoxBooleans.tsx +5 -1
- package/src/components/NSBoxCombo.tsx +4 -2
- package/src/components/NSBoxDate.tsx +33 -48
- package/src/components/NSBoxDateTime.tsx +33 -48
- package/src/components/NSBoxDouble.tsx +40 -55
- package/src/components/NSBoxDuration.tsx +35 -49
- package/src/components/NSBoxEmail.tsx +38 -54
- package/src/components/NSBoxEntity.tsx +2 -2
- package/src/components/NSBoxEnum.tsx +9 -7
- package/src/components/NSBoxFile.module.css +2 -2
- package/src/components/NSBoxFile.tsx +67 -57
- package/src/components/NSBoxIPV4.tsx +36 -52
- package/src/components/NSBoxIPV6.tsx +33 -48
- package/src/components/NSBoxInteger.tsx +37 -53
- package/src/components/NSBoxMoney.tsx +34 -49
- package/src/components/NSBoxPassword.tsx +41 -55
- package/src/components/NSBoxPhone.module.css +5 -5
- package/src/components/NSBoxPhone.tsx +48 -61
- package/src/components/NSBoxRadio.module.css +13 -49
- package/src/components/NSBoxRadio.tsx +77 -87
- package/src/components/NSBoxSearch.tsx +27 -40
- package/src/components/NSBoxString.tsx +28 -53
- package/src/components/NSBoxTextArea.module.css +2 -35
- package/src/components/NSBoxTextArea.tsx +31 -50
- package/src/components/NSBoxTime.tsx +33 -54
- package/src/components/NSButton.module.css +14 -15
- package/src/components/NSDialog.module.css +5 -1
- package/src/components/NSDialog.tsx +25 -24
- package/src/components/NSDialogPageSelection.tsx +5 -5
- package/src/components/NSDownload.tsx +2 -2
- package/src/components/NSFilterBox.module.css +8 -15
- package/src/components/NSFilterBox.tsx +6 -6
- package/src/components/NSLabelErrorNotifier.module.css +1 -1
- package/src/components/NSLabelErrorNotifier.tsx +1 -1
- package/src/components/NSMenuAction.module.css +1 -23
- package/src/components/NSMenuAction.tsx +0 -1
- package/src/components/NSMenuButton.module.css +8 -88
- package/src/components/NSMenuButton.tsx +66 -42
- package/src/components/NSPagination.module.css +30 -55
- package/src/components/NSPagination.tsx +96 -103
- package/src/components/NSPanel.module.css +1 -1
- package/src/components/NSTag.tsx +1 -1
- package/src/formatter/IDFormatter.tsx +1 -1
- package/src/main.ts +1 -2
- package/src/props/IValidationProps.ts +1 -1
- package/dist/components/NSFilterBoxDialog.d.ts +0 -12
- package/dist/components/NSFilterBoxDialog.js +0 -17
- package/dist/components/NSFilterBoxDialog.js.map +0 -1
- package/dist/components/NSFilterBoxDialog.module.css +0 -37
- package/src/components/NSFilterBoxDialog.module.css +0 -37
- package/src/components/NSFilterBoxDialog.tsx +0 -73
package/dist/App.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import './App.css';
|
|
3
3
|
import { VariableType } from 'namirasoft-schema';
|
|
4
4
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
5
|
-
import { NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo, NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum, NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney, NSBoxRadio, NSBoxTextArea, } from './main';
|
|
5
|
+
import { NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo, NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum, NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney, NSBoxRadio, NSBoxTextArea, NSPagination, NSBoxBooleans, } from './main';
|
|
6
6
|
import { NSBoxEntity } from './components/NSBoxEntity';
|
|
7
7
|
import { NamirasoftAPIProductServer } from 'namirasoft-api-product';
|
|
8
8
|
import { useRef } from 'react';
|
|
@@ -19,7 +19,7 @@ export function App() {
|
|
|
19
19
|
menu_item: "Text",
|
|
20
20
|
isActive: () => false
|
|
21
21
|
}], name: 'Test' }), _jsx(NSBarAction, { menus: {
|
|
22
|
-
"
|
|
22
|
+
"Test1": [{
|
|
23
23
|
handler: () => { },
|
|
24
24
|
id: "1",
|
|
25
25
|
menu_item: "Name",
|
|
@@ -29,13 +29,57 @@ export function App() {
|
|
|
29
29
|
id: "2",
|
|
30
30
|
menu_item: "Text",
|
|
31
31
|
isActive: () => false
|
|
32
|
+
}],
|
|
33
|
+
"Test2": [{
|
|
34
|
+
handler: () => { },
|
|
35
|
+
id: "1",
|
|
36
|
+
menu_item: "Name",
|
|
37
|
+
isActive: () => true
|
|
38
|
+
}, {
|
|
39
|
+
handler: () => { },
|
|
40
|
+
id: "2",
|
|
41
|
+
menu_item: "Text",
|
|
42
|
+
isActive: () => false
|
|
43
|
+
}],
|
|
44
|
+
"Test3": [{
|
|
45
|
+
handler: () => { },
|
|
46
|
+
id: "1",
|
|
47
|
+
menu_item: "Test3",
|
|
48
|
+
isActive: () => true
|
|
49
|
+
}],
|
|
50
|
+
"Test4": [{
|
|
51
|
+
handler: () => { },
|
|
52
|
+
id: "1",
|
|
53
|
+
menu_item: "Test4",
|
|
54
|
+
isActive: () => true
|
|
32
55
|
}]
|
|
33
|
-
}, title: 'Title' }), _jsx(NSSection, { center_items: true, children: _jsxs(NSPanel, { grid: true, children: [_jsx(
|
|
56
|
+
}, title: 'Title' }), _jsx(NSSection, { center_items: true, children: _jsxs(NSPanel, { grid: true, children: [_jsx(NSBoxBooleans, { hideHeaderAll: true, hideHeaderBoxes: true, items: [{
|
|
57
|
+
text: "1",
|
|
58
|
+
value: "1",
|
|
59
|
+
}, {
|
|
60
|
+
text: "1",
|
|
61
|
+
value: "1",
|
|
62
|
+
}, {
|
|
63
|
+
text: "1",
|
|
64
|
+
value: "1",
|
|
65
|
+
}, {
|
|
66
|
+
text: "1",
|
|
67
|
+
value: "1",
|
|
68
|
+
}, {
|
|
69
|
+
text: "1",
|
|
70
|
+
value: "1",
|
|
71
|
+
}, {
|
|
72
|
+
text: "1",
|
|
73
|
+
value: "1",
|
|
74
|
+
}, {
|
|
75
|
+
text: "1",
|
|
76
|
+
value: "1",
|
|
77
|
+
}] }), _jsx(NSPagination, { onPageChange: () => { }, totalItems: 25000 - 100 }), _jsx(NSBoxBoolean, { title: 'Text', required: true, indeterminate: true }), _jsx(NSBoxCombo, { title: 'Text', required: true, multiple: false, getOptions: () => [{
|
|
34
78
|
value: "1",
|
|
35
79
|
title: "1",
|
|
36
|
-
}] }), _jsx(NSBoxEnum, {
|
|
80
|
+
}] }), _jsx(NSBoxEnum, { title: 'Type', required: true, multiple: true, getEnumObject: () => { return VariableType; }, onChanged: e => {
|
|
37
81
|
console.log(e.getValues(VariableType, VariableType.Any));
|
|
38
|
-
} }), _jsx(NSBoxEntity, {
|
|
82
|
+
} }), _jsx(NSBoxEntity, { title: 'Product', required: true, multiple: false, getItems: new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List, getValue: x => x.id, getTitle: x => x.name, onChanged: e => {
|
|
39
83
|
var _a, _b;
|
|
40
84
|
let box = e;
|
|
41
85
|
console.log((_a = box.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getData());
|
|
@@ -44,6 +88,6 @@ export function App() {
|
|
|
44
88
|
}
|
|
45
89
|
catch (error) {
|
|
46
90
|
}
|
|
47
|
-
} }), _jsx(NSBoxEmail, {
|
|
91
|
+
} }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxTextArea, { title: 'Test', required: true, style: { width: "100%" } }), _jsx(NSBoxMoney, { title: 'Money', required: true }), _jsx(NSBoxRadio, { title: 'NSBoxRadio', required: true }), _jsx(NSBoxPhone, { title: 'Phone', required: true }), _jsx(NSBoxPassword, { title: 'Password', required: true }), _jsx(NSBoxIPV4, { ref: NSBoxTest, title: 'IPV4', required: true }), _jsx(NSBoxIPV6, { title: 'IPV6', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDateTime, { title: 'Datetime', required: true }), _jsx(NSBoxDouble, { title: 'Double', required: true }), _jsx(NSBoxDuration, { title: 'Duration', required: true }), _jsx(NSBoxTime, { title: 'Time', required: true }), _jsx(NSBoxInteger, { title: 'Integer', required: true }), _jsx(NSBoxSearch, { title: 'Search', required: true }), _jsx(NSBoxFile, { required: true, title: 'Driver License', multiple: true, maxFilesCount: 3, style: { width: "100%" } })] }) })] }));
|
|
48
92
|
}
|
|
49
93
|
//# 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,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,sCAAsC,CAAC;AAC9C,OACA,EACC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAC1E,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAC1H,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAC1D,UAAU,EACV,aAAa,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAElB,IAAI,SAAS,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IACxC,OAAO,CACN,8BACC,KAAC,YAAY,IACZ,KAAK,EAAE,CAAC;wBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;wBAClB,EAAE,EAAE,GAAG;wBACP,SAAS,EAAE,MAAM;wBACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;qBACpB,EAAE;wBACF,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;wBAClB,EAAE,EAAE,GAAG;wBACP,SAAS,EAAE,MAAM;wBACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;qBACrB,CAAC,EACF,IAAI,EAAC,MAAM,GACI,EAChB,KAAC,WAAW,IACX,KAAK,EAAE;oBACN,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ export function NSBarAction(props) {
|
|
|
12
12
|
show: false
|
|
13
13
|
});
|
|
14
14
|
const groups = Object.keys(props.menus);
|
|
15
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_action_bar_holder, children: _jsxs("div", { className: 'container d-flex justify-content-center justify-content-lg-between
|
|
15
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_action_bar_holder, children: _jsxs("div", { className: 'container d-flex justify-content-center justify-content-lg-between align-items-center w-100', children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), isNotEmptyString(props.description) &&
|
|
16
16
|
_jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), state.show &&
|
|
17
17
|
_jsx(NSDialogInfo, { description: props.description, title: props.title, onClose: () => setState({ show: false }), children: _jsx(_Fragment, {}) })] }), _jsx("div", { className: Styles.ns_actions_holder, children: groups.map((group, index) => _jsx(NSMenuAction, { name: group, items: props.menus[group] }, `NSBarAction_NSMenuAction_Key_${index}`)) })] }) }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
|
|
18
18
|
_jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAc9C,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAElD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,8BACC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAE1C,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAc9C,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAElD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,8BACC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAE1C,eAAK,SAAS,EAAC,6FAA6F,aAC3G,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;oCACnC,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAGT,KAAK,CAAC,IAAI;oCACV,KAAC,YAAY,IACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,YAExC,mBAAK,GACS,IAEX,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAEtC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC3B,KAAC,YAAY,IAA+C,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAA/E,gCAAgC,KAAK,EAAE,CAA4C,CACtG,GAEG,IACD,GAED,EAEN,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,4BAA4B,KAAK,EAAE,CAGvC,CACjB,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,IAEJ,CACH,CAAC;AACH,CAAC"}
|
|
@@ -32,8 +32,9 @@
|
|
|
32
32
|
justify-content: center;
|
|
33
33
|
flex-direction: column;
|
|
34
34
|
flex-wrap: wrap;
|
|
35
|
-
gap:
|
|
35
|
+
gap: 16px;
|
|
36
36
|
width: 100%;
|
|
37
|
+
margin: 16px 0px 16px 0px;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
.ns_info_container {
|
|
@@ -69,7 +70,7 @@
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
|
|
72
|
-
@media only screen and (min-width:
|
|
73
|
+
@media only screen and (min-width: 1024px) {
|
|
73
74
|
.ns_action_bar_holder {
|
|
74
75
|
justify-content: space-between;
|
|
75
76
|
min-height: 80px;
|
|
@@ -94,5 +95,4 @@
|
|
|
94
95
|
justify-content: flex-start;
|
|
95
96
|
gap: 4px;
|
|
96
97
|
}
|
|
97
|
-
|
|
98
98
|
}
|
|
@@ -2,7 +2,8 @@ import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
|
2
2
|
import { NSBarTitleProps } from './NSBarTitle';
|
|
3
3
|
export interface NSBarAlertProps extends IBaseComponentProps {
|
|
4
4
|
title: NSBarTitleProps;
|
|
5
|
+
button_text?: string;
|
|
5
6
|
isVisible: () => boolean;
|
|
6
|
-
|
|
7
|
+
onClick?: () => void;
|
|
7
8
|
}
|
|
8
9
|
export declare function NSBarAlert(props: NSBarAlertProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { NSSection } from './NSSection';
|
|
3
3
|
import Styles from './NSBarAlert.module.css';
|
|
4
4
|
export function NSBarAlert(props) {
|
|
5
|
-
|
|
5
|
+
var _a;
|
|
6
|
+
return (_jsx(NSSection, { style: props.style, classList: [Styles.ns_bar_alert_section], children: _jsx("div", { className: "container", children: _jsxs("article", { className: Styles.ns_bar_alert_container, children: [_jsxs("div", { className: Styles.ns_bar_alert_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/alarm/blue.svg", alt: "Alarm", width: 24, height: 24 }), _jsxs("h3", { children: [" ", props.title.title, " "] })] }), _jsxs("p", { className: Styles.ns_bar_alert_description, children: [" ", props.title.description, " "] }), _jsx("div", { className: Styles.ns_bar_alert_link, children: _jsx("button", { onClick: props.onClick, children: (_a = props.button_text) !== null && _a !== void 0 ? _a : "Continue" }) })] }) }) }));
|
|
6
7
|
}
|
|
7
8
|
//# sourceMappingURL=NSBarAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBarAlert.js","sourceRoot":"","sources":["../../src/components/NSBarAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,MAAM,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBarAlert.js","sourceRoot":"","sources":["../../src/components/NSBarAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,MAAM,UAAU,UAAU,CAAC,KAAsB;;IAEhD,OAAO,CACN,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,YACtE,cAAK,SAAS,EAAC,WAAW,YACzB,mBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAChD,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC3G,8BAAM,KAAK,CAAC,KAAK,CAAC,KAAK,SAAO,IACzB,EACN,aAAG,SAAS,EAAE,MAAM,CAAC,wBAAwB,kBAAI,KAAK,CAAC,KAAK,CAAC,WAAW,SAAM,EAC9E,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,iBAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,YAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,UAAU,GAAU,GACrE,IACG,GACL,GACK,CACZ,CAAC;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_bar_alert_section {
|
|
2
2
|
color: #141B5C;
|
|
3
3
|
background-color: #FE9900;
|
|
4
4
|
padding: 16px 0;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
gap: 8px;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.ns_bar_alert_title {
|
|
19
19
|
color: inherit;
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-wrap: wrap;
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
gap: 8px;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
.ns_bar_alert_title>h3 {
|
|
29
29
|
color: inherit;
|
|
30
30
|
font-size: 20px;
|
|
31
31
|
font-weight: 600;
|
|
32
32
|
margin: 0 16px 2px 8px;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.ns_bar_alert_description
|
|
35
|
+
.ns_bar_alert_description {
|
|
36
36
|
color: inherit;
|
|
37
37
|
font-size: 12px;
|
|
38
38
|
font-weight: 300;
|
|
@@ -58,12 +58,12 @@
|
|
|
58
58
|
gap: 0;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.
|
|
61
|
+
.ns_bar_alert_title {
|
|
62
62
|
justify-content: space-between;
|
|
63
63
|
gap: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.ns_bar_alert_description
|
|
66
|
+
.ns_bar_alert_description {
|
|
67
67
|
text-align: start;
|
|
68
68
|
}
|
|
69
69
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_box_input_parent {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
color: #141B5C;
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
max-width: 100%;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.ns_box_input_bar {
|
|
11
11
|
display: flex;
|
|
12
12
|
justify-content: space-between !important;
|
|
13
13
|
align-items: center !important;
|
|
14
14
|
height: 28px;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.ns_box_input_title {
|
|
18
18
|
font-size: 16px;
|
|
19
19
|
font-weight: 400;
|
|
20
20
|
display: flex;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
gap: 4px;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.ns_box_input {
|
|
27
27
|
padding: 8px 32px 8px 12px;
|
|
28
28
|
font-size: 16px;
|
|
29
29
|
font-weight: 400;
|
|
@@ -35,17 +35,17 @@
|
|
|
35
35
|
background-size: 24px 24px;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.ns_box_input:focus-visible {
|
|
39
39
|
border-color: rgba(0, 0, 0, 1) !important;
|
|
40
40
|
outline: solid 1px #4096ff !important;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
@media only screen and (min-width:
|
|
44
|
-
.
|
|
43
|
+
@media only screen and (min-width: 480px) {
|
|
44
|
+
.ns_box_input {
|
|
45
45
|
max-width: inherit;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.
|
|
48
|
+
.ns_box_input_parent {
|
|
49
49
|
width: 272px;
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -3,21 +3,17 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { BaseOptionType } from "antd/es/select";
|
|
5
5
|
import { FilterItem, SortItem } from "namirasoft-core";
|
|
6
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
7
|
export interface NSBoxBaseComboOption extends BaseOptionType {
|
|
7
8
|
value: string;
|
|
8
9
|
title: string;
|
|
9
10
|
}
|
|
10
|
-
export interface
|
|
11
|
-
title: string;
|
|
11
|
+
export interface INSBoxBaseComboProps<Box> extends INSBoxBaseLayoutProps<string, Box> {
|
|
12
12
|
multiple: boolean;
|
|
13
13
|
searchable?: boolean;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
defaultValue?: string;
|
|
16
|
-
onChanged?: (box: any, callback?: () => void) => void;
|
|
17
|
-
onClicked?: (box: any) => void;
|
|
18
14
|
onLoaded?: (box: any) => void;
|
|
19
15
|
}
|
|
20
|
-
export interface NSBoxBaseComboProps<Data> extends
|
|
16
|
+
export interface NSBoxBaseComboProps<Data, Box> extends IBaseComponentProps, IValidationProps, INSBoxBaseComboProps<Box> {
|
|
21
17
|
getItems: (filters: FilterItem[] | null, page: number | null, size: number | null, sorts: SortItem[], user_id: (string | null)) => Promise<{
|
|
22
18
|
count: number;
|
|
23
19
|
rows: Data[];
|
|
@@ -33,17 +29,17 @@ interface NSBoxBaseComboState<Data> {
|
|
|
33
29
|
};
|
|
34
30
|
data: Data | null;
|
|
35
31
|
data_list: Data[];
|
|
36
|
-
error?: string;
|
|
37
32
|
set_value: (string) | null;
|
|
38
33
|
set_values: (string[]) | null;
|
|
39
34
|
}
|
|
40
|
-
export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>, NSBoxBaseComboState<Data>> {
|
|
36
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
37
|
+
constructor(props: NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>);
|
|
38
|
+
getError(): string | null;
|
|
43
39
|
find(finder: (data: Data) => boolean): Data | null;
|
|
44
40
|
findAll(finder: (data: Data) => boolean): Data[];
|
|
45
41
|
getData(checkError?: boolean): Data | null;
|
|
46
|
-
getDataList(): Data[];
|
|
42
|
+
getDataList(checkError?: boolean): Data[];
|
|
47
43
|
setData(data: Data | null, callback?: () => void): void;
|
|
48
44
|
setDataList(data_list: Data[], callback?: () => void): void;
|
|
49
45
|
getValue(checkError?: boolean): string | null;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx
|
|
3
|
-
import React from "react";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
4
|
import Styles from "./NSBoxBaseCombo.module.css";
|
|
5
|
-
import StylesNSBox from "./NSBox.module.css";
|
|
6
5
|
import { Select, Space } from 'antd';
|
|
7
6
|
import { Validator } from "../Validator";
|
|
8
|
-
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
9
7
|
import { NSLoading } from "./NSLoading";
|
|
10
|
-
import {
|
|
8
|
+
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
11
9
|
import { NSNoData } from "./NSNoData";
|
|
10
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
12
11
|
export class NSBoxBaseCombo extends React.Component {
|
|
13
12
|
constructor(props) {
|
|
14
13
|
super(props);
|
|
14
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
15
15
|
this.state = {
|
|
16
16
|
items: null,
|
|
17
17
|
items_list: null,
|
|
@@ -27,8 +27,8 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
27
27
|
this.getValue = this.getValue.bind(this);
|
|
28
28
|
this.onChanged = this.onChanged.bind(this);
|
|
29
29
|
}
|
|
30
|
-
getError(
|
|
31
|
-
let value_string =
|
|
30
|
+
getError() {
|
|
31
|
+
let value_string = this.getStringValue();
|
|
32
32
|
return (Validator.getError(this.props.title, value_string, this.props));
|
|
33
33
|
}
|
|
34
34
|
find(finder) {
|
|
@@ -51,24 +51,10 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
51
51
|
return ans;
|
|
52
52
|
}
|
|
53
53
|
getData(checkError = true) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
throw new Error(error);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
return this.state.data;
|
|
62
|
-
}
|
|
63
|
-
getDataList() {
|
|
64
|
-
this.state.data_list.forEach(value => {
|
|
65
|
-
let error = this.getError(value);
|
|
66
|
-
if (error) {
|
|
67
|
-
this.setState({ error });
|
|
68
|
-
throw new Error(error);
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
return this.state.data_list;
|
|
54
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data);
|
|
55
|
+
}
|
|
56
|
+
getDataList(checkError = true) {
|
|
57
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data_list);
|
|
72
58
|
}
|
|
73
59
|
setData(data, callback) {
|
|
74
60
|
this.setState({ data, set_value: null }, () => {
|
|
@@ -149,15 +135,17 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
149
135
|
}).catch(() => { });
|
|
150
136
|
}
|
|
151
137
|
render() {
|
|
152
|
-
var _a, _b
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
138
|
+
var _a, _b;
|
|
139
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
140
|
+
menu.builtin.fullscreen = false;
|
|
141
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => { var _a; return (_a = this.getStringValue()) !== null && _a !== void 0 ? _a : ""; }, setValue: () => { }, menu: menu, children: _jsx(Select, { id: this.props.id, mode: this.props.multiple ? "multiple" : undefined, showSearch: this.props.searchable !== false, className: Styles.ns_box_base_combo_select, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : "Please select one", defaultValue: this.props.defaultValue, value: this.props.multiple ? (this.state.data_list.map(v => { return this.props.getValue(v); })) : (this.state.data ? this.props.getValue(this.state.data) : null), optionLabelProp: "label", notFoundContent: this.state.items === null ? _jsx(NSLoading, {}) : _jsx(NSNoData, { lable: "Nothing to select" }), onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
142
|
+
this.props.onClicked(this); }, options: (_b = this.state.items_list) !== null && _b !== void 0 ? _b : [], loading: this.state.items === null, optionRender: (option) => {
|
|
143
|
+
var _a;
|
|
144
|
+
return (_jsx(Space, { children: (_a = option.data.title) !== null && _a !== void 0 ? _a : "" }));
|
|
145
|
+
}, labelRender: (x) => {
|
|
146
|
+
var _a;
|
|
147
|
+
return (_a = x.title) !== null && _a !== void 0 ? _a : x.value;
|
|
148
|
+
}, suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", width: 24, height: 24, style: { position: "relative", right: "-7px" }, alt: "SelectBox Icon" }) }) })));
|
|
161
149
|
}
|
|
162
150
|
}
|
|
163
151
|
//# sourceMappingURL=NSBoxBaseCombo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseCombo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBaseCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseCombo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { RefObject } from "react";
|
|
2
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
3
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
4
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
5
|
+
import { NSMenuButtonMenuProps, NSMenuButtonProps } from "./NSMenuButton";
|
|
6
|
+
export interface INSBoxBaseLayoutProps<Data, Box> {
|
|
7
|
+
title: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
defaultValue?: Data;
|
|
10
|
+
hideHeader?: boolean;
|
|
11
|
+
onChanged?: (e: Box, callback?: () => void) => void;
|
|
12
|
+
onClicked?: (e: Box) => void;
|
|
13
|
+
menu?: NSMenuButtonMenuProps;
|
|
14
|
+
}
|
|
15
|
+
export interface NSBoxBaseLayoutProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, NSMenuButtonProps {
|
|
16
|
+
title: string;
|
|
17
|
+
hideHeader?: boolean;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export interface NSBoxBaseLayoutState {
|
|
21
|
+
error?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare class NSBoxBaseLayout extends React.Component<NSBoxBaseLayoutProps, NSBoxBaseLayoutState> {
|
|
24
|
+
static checkGetValue<T>(box: {
|
|
25
|
+
NSBoxBaseLayout_Main: RefObject<NSBoxBaseLayout>;
|
|
26
|
+
getError: () => string | null;
|
|
27
|
+
}, checkError: boolean, handler: () => T): T;
|
|
28
|
+
constructor(props: NSBoxBaseLayoutProps);
|
|
29
|
+
private _onGetValue;
|
|
30
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
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 StylesNSBox from "./NSBox.module.css";
|
|
5
|
+
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
6
|
+
import { NSMenuButton } from "./NSMenuButton";
|
|
7
|
+
export class NSBoxBaseLayout extends React.Component {
|
|
8
|
+
static checkGetValue(box, checkError, handler) {
|
|
9
|
+
return box.NSBoxBaseLayout_Main.current._onGetValue(checkError, box.getError, handler);
|
|
10
|
+
}
|
|
11
|
+
constructor(props) {
|
|
12
|
+
super(props);
|
|
13
|
+
this.state = { error: "" };
|
|
14
|
+
this._onGetValue = this._onGetValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
_onGetValue(checkError, getError, handler) {
|
|
17
|
+
if (checkError) {
|
|
18
|
+
let error = getError();
|
|
19
|
+
if (error) {
|
|
20
|
+
this.setState({ error });
|
|
21
|
+
throw new Error(error);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return handler();
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
let id = undefined;
|
|
29
|
+
if (this.props.id)
|
|
30
|
+
id = this.props.id + "_parent";
|
|
31
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: id, className: `${StylesNSBox.ns_box_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { getValue: this.props.getValue, setValue: this.props.setValue, menu: this.props.menu })] }), this.props.children, _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: undefined }) })] }) }));
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=NSBoxBaseLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AAyBxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,GAGvB,EAAE,UAAmB,EAAE,OAAgB;QAEvC,OAAQ,GAAG,CAAC,oBAAoB,CAAC,OAA2B,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7G,CAAC;IACD,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACO,WAAW,CAAI,UAAmB,EAAE,QAA6B,EAAE,OAAgB;QAE1F,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACvB,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,EAAE,CAAC;IAClB,CAAC;IACQ,MAAM;;QAEd,IAAI,EAAE,GAAG,SAAS,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;YAChB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;QAChC,OAAO,CACN,4BACC,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aAE5H,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,gBAAgB,EAAE,aAC1E,gBAAM,SAAS,EAAE,WAAW,CAAC,kBAAkB,aAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IAChG,EAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,IACnG,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -2,25 +2,22 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
defaultValue?: boolean;
|
|
8
|
-
indeterminate?: boolean;
|
|
9
|
-
onChanged?: (e: NSBoxBoolean, callback?: () => void) => void;
|
|
10
|
-
onClicked?: (e: NSBoxBoolean) => void;
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
export interface NSBoxBooleanProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<boolean, NSBoxBoolean> {
|
|
11
7
|
checked?: (boolean | null);
|
|
8
|
+
indeterminate?: boolean;
|
|
12
9
|
}
|
|
13
10
|
export interface NSBoxBooleanState {
|
|
14
11
|
value: boolean | null;
|
|
15
|
-
error?: string;
|
|
16
12
|
}
|
|
17
13
|
export declare class NSBoxBoolean extends React.Component<NSBoxBooleanProps, NSBoxBooleanState> {
|
|
14
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
18
15
|
constructor(props: NSBoxBooleanProps);
|
|
19
16
|
private getInterpretedValue;
|
|
20
17
|
getError(): string | null;
|
|
21
18
|
getValue(checkError?: boolean): boolean;
|
|
22
19
|
setValue(value: boolean, callback?: () => void): void;
|
|
23
|
-
getValueOrNull(): boolean | null;
|
|
20
|
+
getValueOrNull(checkError?: boolean): boolean | null;
|
|
24
21
|
setValueOrNull(value: boolean | null, callback?: () => void): void;
|
|
25
22
|
private onChanged;
|
|
26
23
|
componentDidUpdate(prevProps: Readonly<NSBoxBooleanProps>): void;
|