@sankhyalabs/ezui 1.1.78 → 1.1.79
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/cjs/{AssetsUtils-dd585fba.js → AssetsUtils-02db4f46.js} +1 -1
- package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-button_3.cjs.entry.js +520 -0
- package/dist/cjs/ez-calendar_13.cjs.entry.js +2417 -0
- package/dist/cjs/ez-date-time-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/{ez-button_11.cjs.entry.js → ez-grid.cjs.entry.js} +14 -1410
- package/dist/cjs/ez-icon.cjs.entry.js +30 -0
- package/dist/cjs/ez-label-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal_2.cjs.entry.js +370 -0
- package/dist/cjs/ez-popover.cjs.entry.js +2 -2
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +3 -3
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/{index-4e4bae01.js → index-2003dec4.js} +0 -10
- package/dist/cjs/{index-40ebb2be.js → index-a2266984.js} +18 -23
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +0 -2
- package/dist/collection/components/ez-form/DataBinder.js +44 -0
- package/dist/collection/components/ez-form/ez-form.css +1 -15
- package/dist/collection/components/ez-form/ez-form.js +109 -428
- package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +45 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.js +11 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.js +14 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +5 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/FileInput.tpl.js +5 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.js +13 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.js +5 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/TextArea.tpl.js +5 -0
- package/dist/collection/components/ez-form/fieldbuilder/tpl/TextInput.tpl.js +5 -0
- package/dist/collection/components/ez-form/store/form.slice.js +38 -0
- package/dist/collection/components/ez-form/structure/FormItem.js +11 -0
- package/dist/collection/components/ez-form/structure/FormSheet.js +5 -0
- package/dist/collection/components/ez-form/structure/FormSheetMetadata.js +86 -0
- package/dist/collection/components/test-du/test-du.js +65 -23
- package/dist/custom-elements/index.d.ts +0 -12
- package/dist/custom-elements/index.js +380 -2065
- package/dist/esm/{AssetsUtils-3803e935.js → AssetsUtils-76ca41e1.js} +1 -1
- package/dist/esm/ez-action-chip.entry.js +1 -1
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-button_3.entry.js +514 -0
- package/dist/esm/ez-calendar_13.entry.js +2401 -0
- package/dist/esm/ez-date-time-input.entry.js +2 -2
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/{ez-button_11.entry.js → ez-grid.entry.js} +4 -1390
- package/dist/esm/ez-icon.entry.js +26 -0
- package/dist/esm/ez-label-chip.entry.js +1 -1
- package/dist/esm/ez-modal_2.entry.js +365 -0
- package/dist/esm/ez-popover.entry.js +2 -2
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +3 -3
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ezui.js +2 -2
- package/dist/esm/{index-1dacecd3.js → index-077c7fcf.js} +0 -10
- package/dist/esm/{index-ca8700cb.js → index-afe19542.js} +17 -21
- package/dist/esm/loader.js +2 -2
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-00b837e2.js +1 -0
- package/dist/ezui/{p-516d0e0f.entry.js → p-0a2056d9.entry.js} +1 -1
- package/dist/ezui/{p-a15093e3.entry.js → p-0d8368fc.entry.js} +1 -1
- package/dist/ezui/p-1e36e3ff.entry.js +1 -0
- package/dist/ezui/p-446ec85b.js +1 -0
- package/dist/ezui/{p-74f978db.entry.js → p-5509ee41.entry.js} +46 -46
- package/dist/ezui/{p-a18a2d7b.entry.js → p-57ea4b84.entry.js} +1 -1
- package/dist/ezui/{p-5a86e18a.entry.js → p-6d157776.entry.js} +1 -1
- package/dist/ezui/{p-f3c5f27e.entry.js → p-7a1f2e0e.entry.js} +1 -1
- package/dist/ezui/p-7de3c95d.js +1 -0
- package/dist/ezui/{p-8d6cdd3e.entry.js → p-857ead8e.entry.js} +1 -1
- package/dist/ezui/{p-c6d469fc.entry.js → p-920bb8c9.entry.js} +1 -1
- package/dist/ezui/p-9be02ecf.entry.js +1 -0
- package/dist/ezui/p-a4a39579.entry.js +1 -0
- package/dist/ezui/p-d5699f29.entry.js +1 -0
- package/dist/ezui/p-d64a3939.entry.js +1 -0
- package/dist/ezui/{p-5da66d3e.entry.js → p-da31cd21.entry.js} +1 -1
- package/dist/types/components/ez-form/DataBinder.d.ts +10 -0
- package/dist/types/components/ez-form/ez-form.d.ts +24 -32
- package/dist/types/components/ez-form/fieldbuilder/FieldBuilder.d.ts +2 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.d.ts +3 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/FileInput.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.d.ts +8 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/TextArea.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/fieldbuilder/tpl/TextInput.tpl.d.ts +4 -0
- package/dist/types/components/ez-form/store/form.slice.d.ts +24 -0
- package/dist/types/components/ez-form/structure/FormItem.d.ts +9 -0
- package/dist/types/components/ez-form/structure/FormSheet.d.ts +9 -0
- package/dist/types/components/ez-form/structure/FormSheetMetadata.d.ts +27 -0
- package/dist/types/components/test-du/test-du.d.ts +8 -2
- package/dist/types/components.d.ts +9 -63
- package/package.json +1 -1
- package/react/components.d.ts +0 -2
- package/react/components.js +0 -2
- package/react/components.js.map +1 -1
- package/dist/cjs/ApplicationUtils-d1c1db56.js +0 -35
- package/dist/cjs/DataUnit-fdd7c70e.js +0 -474
- package/dist/cjs/ez-calendar.cjs.entry.js +0 -217
- package/dist/cjs/ez-collapsible-box_6.cjs.entry.js +0 -634
- package/dist/cjs/ez-combo-box.cjs.entry.js +0 -254
- package/dist/cjs/ez-form.cjs.entry.js +0 -1838
- package/dist/cjs/ez-number-input.cjs.entry.js +0 -74
- package/dist/cjs/form-metadata.cjs.entry.js +0 -129
- package/dist/collection/components/ez-form/assets/trash-can-outline.svg +0 -3
- package/dist/collection/components/ez-form/store/Form.actions.js +0 -132
- package/dist/collection/components/ez-form/store/Form.reducer.js +0 -194
- package/dist/collection/components/ez-form/store/Form.selectors.js +0 -44
- package/dist/collection/components/ez-form/subcomponents/DataUnit.js +0 -301
- package/dist/collection/components/ez-form/subcomponents/FormMetadata.js +0 -8
- package/dist/collection/components/ez-form/subcomponents/css/place-holder.css +0 -24
- package/dist/collection/components/ez-form/subcomponents/form-metadata.js +0 -227
- package/dist/collection/components/ez-form/subcomponents/place-holder.js +0 -14
- package/dist/collection/components/ez-form/subcomponents/structure/Field.js +0 -95
- package/dist/collection/components/ez-form/subcomponents/structure/FieldSet.js +0 -27
- package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js +0 -41
- package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js +0 -37
- package/dist/esm/ApplicationUtils-01280a9d.js +0 -33
- package/dist/esm/DataUnit-1cd45202.js +0 -464
- package/dist/esm/ez-calendar.entry.js +0 -213
- package/dist/esm/ez-collapsible-box_6.entry.js +0 -625
- package/dist/esm/ez-combo-box.entry.js +0 -250
- package/dist/esm/ez-form.entry.js +0 -1834
- package/dist/esm/ez-number-input.entry.js +0 -70
- package/dist/esm/form-metadata.entry.js +0 -125
- package/dist/ezui/assets/trash-can-outline.svg +0 -3
- package/dist/ezui/p-14bee38e.entry.js +0 -1
- package/dist/ezui/p-37a611ea.js +0 -1
- package/dist/ezui/p-3a09c678.entry.js +0 -1
- package/dist/ezui/p-43c15c94.entry.js +0 -1
- package/dist/ezui/p-7107d7ef.js +0 -1
- package/dist/ezui/p-72ff3c95.entry.js +0 -1
- package/dist/ezui/p-88f45a83.entry.js +0 -1
- package/dist/ezui/p-8f4851a6.js +0 -1
- package/dist/ezui/p-9dfd537e.js +0 -1
- package/dist/ezui/p-a0331955.entry.js +0 -1
- package/dist/ezui/p-a19f2af3.entry.js +0 -1
- package/dist/ezui/p-da929c01.js +0 -1
- package/dist/types/components/ez-form/store/Form.actions.d.ts +0 -111
- package/dist/types/components/ez-form/store/Form.reducer.d.ts +0 -20
- package/dist/types/components/ez-form/store/Form.selectors.d.ts +0 -14
- package/dist/types/components/ez-form/subcomponents/DataUnit.d.ts +0 -91
- package/dist/types/components/ez-form/subcomponents/FormMetadata.d.ts +0 -24
- package/dist/types/components/ez-form/subcomponents/form-metadata.d.ts +0 -16
- package/dist/types/components/ez-form/subcomponents/place-holder.d.ts +0 -3
- package/dist/types/components/ez-form/subcomponents/structure/Field.d.ts +0 -11
- package/dist/types/components/ez-form/subcomponents/structure/FieldSet.d.ts +0 -13
- package/dist/types/components/ez-form/subcomponents/structure/FormSheet.d.ts +0 -14
- package/dist/types/components/ez-form/subcomponents/structure/NavigationBar.d.ts +0 -19
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-4e4bae01.js');
|
|
6
|
-
const index$1 = require('./index-40ebb2be.js');
|
|
7
|
-
const CSSVarsUtils = require('./CSSVarsUtils-66e86394.js');
|
|
8
|
-
|
|
9
|
-
const ezNumberInputCss = ":host{display:block;width:100%}";
|
|
10
|
-
|
|
11
|
-
let EzNumberInput = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.ezChange = index.createEvent(this, "ezChange", 7);
|
|
15
|
-
/**
|
|
16
|
-
* Deixa o campo disponível ou não para uso.
|
|
17
|
-
*/
|
|
18
|
-
this.enabled = true;
|
|
19
|
-
}
|
|
20
|
-
setLabel() {
|
|
21
|
-
this._textInput.label = this.label;
|
|
22
|
-
}
|
|
23
|
-
setErrorMessage() {
|
|
24
|
-
this._textInput.errorMessage = this.errorMessage;
|
|
25
|
-
}
|
|
26
|
-
applyValueToInput() {
|
|
27
|
-
if (this._textInput) {
|
|
28
|
-
this._textInput.value = this.getTextValue(this.value);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
changeValue(newValue) {
|
|
32
|
-
this.errorMessage = "";
|
|
33
|
-
if (newValue && newValue !== this.value) {
|
|
34
|
-
this.value = newValue;
|
|
35
|
-
this.ezChange.emit(this.value);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
parseNumber() {
|
|
39
|
-
const parsedNumber = this._textInput.value ? index$1.NumberUtils.stringToNumber(this._textInput.value) : null;
|
|
40
|
-
if (parsedNumber != null && isNaN(parsedNumber)) {
|
|
41
|
-
this.errorMessage = "O valor digitado não é um número válido";
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
try {
|
|
45
|
-
this.changeValue(parsedNumber);
|
|
46
|
-
}
|
|
47
|
-
catch (e) {
|
|
48
|
-
this.errorMessage = e.message;
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
getTextValue(value) {
|
|
54
|
-
if (value) {
|
|
55
|
-
return this.precision > 0 ? index$1.NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
|
|
56
|
-
}
|
|
57
|
-
return null;
|
|
58
|
-
}
|
|
59
|
-
componentDidLoad() {
|
|
60
|
-
CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
61
|
-
}
|
|
62
|
-
render() {
|
|
63
|
-
return (index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
|
|
64
|
-
}
|
|
65
|
-
get _elem() { return index.getElement(this); }
|
|
66
|
-
static get watchers() { return {
|
|
67
|
-
"label": ["setLabel"],
|
|
68
|
-
"errorMessage": ["setErrorMessage"],
|
|
69
|
-
"value": ["applyValueToInput"]
|
|
70
|
-
}; }
|
|
71
|
-
};
|
|
72
|
-
EzNumberInput.style = ezNumberInputCss;
|
|
73
|
-
|
|
74
|
-
exports.ez_number_input = EzNumberInput;
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-4e4bae01.js');
|
|
6
|
-
const DataUnit = require('./DataUnit-fdd7c70e.js');
|
|
7
|
-
require('./ApplicationUtils-d1c1db56.js');
|
|
8
|
-
|
|
9
|
-
let FormMetadata = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
buildField(element) {
|
|
14
|
-
let label = element.getAttribute("label");
|
|
15
|
-
let name = element.getAttribute("name") || label;
|
|
16
|
-
let userInterface = element.getAttribute("ui") || "SHORTTEXT";
|
|
17
|
-
let properties = [];
|
|
18
|
-
if (userInterface === "OPTIONSELECTOR") {
|
|
19
|
-
if (!label) {
|
|
20
|
-
label = "Selecione uma das opções:";
|
|
21
|
-
}
|
|
22
|
-
const objOpts = {};
|
|
23
|
-
Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
|
|
24
|
-
const optValue = optElem.getAttribute("value") || index;
|
|
25
|
-
const optLabel = optElem.textContent;
|
|
26
|
-
objOpts[optValue] = optLabel;
|
|
27
|
-
});
|
|
28
|
-
properties.push({ name: "options", value: JSON.stringify(objOpts) });
|
|
29
|
-
}
|
|
30
|
-
else if (userInterface === "FILE") {
|
|
31
|
-
const urlElement = element.querySelector("URL");
|
|
32
|
-
const headersElement = element.querySelectorAll("HEADERS>HEADER");
|
|
33
|
-
if (urlElement) {
|
|
34
|
-
properties.push({ name: "URL", value: urlElement.textContent });
|
|
35
|
-
}
|
|
36
|
-
if (headersElement && headersElement.length > 0) {
|
|
37
|
-
const headers = {};
|
|
38
|
-
headersElement.forEach(header => {
|
|
39
|
-
headers[header.getAttribute("name")] = header.textContent;
|
|
40
|
-
});
|
|
41
|
-
properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
|
|
42
|
-
}
|
|
43
|
-
this.addPropertyIfExists(properties, element, "maxfiles");
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
if (!label) {
|
|
47
|
-
label = element.textContent;
|
|
48
|
-
}
|
|
49
|
-
this.addPropertyIfExists(properties, element, "precision");
|
|
50
|
-
this.addPropertyIfExists(properties, element, "prettyprecision");
|
|
51
|
-
}
|
|
52
|
-
const defaultValue = element.getAttribute("defaultValue");
|
|
53
|
-
const required = element.getAttribute("required") === "true";
|
|
54
|
-
const readOnly = element.getAttribute("readonly") === "true";
|
|
55
|
-
return { name, userInterface, label, defaultValue, required, readOnly, properties };
|
|
56
|
-
}
|
|
57
|
-
addPropertyIfExists(properties, element, name) {
|
|
58
|
-
const value = element.getAttribute(name);
|
|
59
|
-
if (value) {
|
|
60
|
-
properties.push({ name, value });
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
buildFieldSet(dataUnit, element) {
|
|
64
|
-
const label = element.getAttribute("label");
|
|
65
|
-
const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
|
|
66
|
-
const field = this.buildField(f);
|
|
67
|
-
dataUnit.addFieldMetadata(field);
|
|
68
|
-
return { name: field.name };
|
|
69
|
-
});
|
|
70
|
-
return { label, fields };
|
|
71
|
-
}
|
|
72
|
-
fromElements(elements, label, name, dataUnit, autoLoad) {
|
|
73
|
-
const form = {
|
|
74
|
-
name: name || label,
|
|
75
|
-
dataUnit,
|
|
76
|
-
label,
|
|
77
|
-
autoLoad
|
|
78
|
-
};
|
|
79
|
-
Array.from(elements).forEach(child => {
|
|
80
|
-
const tagName = child.tagName.toUpperCase();
|
|
81
|
-
switch (tagName) {
|
|
82
|
-
case "FIELD":
|
|
83
|
-
if (!form.items) {
|
|
84
|
-
form.items = [];
|
|
85
|
-
}
|
|
86
|
-
const f = this.buildField(child);
|
|
87
|
-
dataUnit.addFieldMetadata(f);
|
|
88
|
-
form.items.push({ name: f.name });
|
|
89
|
-
break;
|
|
90
|
-
case "FIELD-SET":
|
|
91
|
-
if (!form.items) {
|
|
92
|
-
form.items = [];
|
|
93
|
-
}
|
|
94
|
-
form.items.push(this.buildFieldSet(dataUnit, child));
|
|
95
|
-
break;
|
|
96
|
-
case "SUB-FORM":
|
|
97
|
-
if (!form.subForms) {
|
|
98
|
-
form.subForms = [];
|
|
99
|
-
}
|
|
100
|
-
const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
|
|
101
|
-
const name = child.getAttribute("name") || label;
|
|
102
|
-
const subDuName = child.getAttribute("dataunit");
|
|
103
|
-
let subDu;
|
|
104
|
-
if (subDuName) {
|
|
105
|
-
subDu = new DataUnit.DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
|
|
106
|
-
}
|
|
107
|
-
else {
|
|
108
|
-
subDu = dataUnit;
|
|
109
|
-
}
|
|
110
|
-
form.subForms.push(this.fromElements(child.children, label, name, subDu, child.getAttribute("autoload") === "true"));
|
|
111
|
-
break;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
return form;
|
|
115
|
-
}
|
|
116
|
-
connectedCallback() {
|
|
117
|
-
if (!this.dataunit) {
|
|
118
|
-
this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
|
|
119
|
-
}
|
|
120
|
-
const du = new DataUnit.DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
|
|
121
|
-
this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
|
|
122
|
-
}
|
|
123
|
-
render() {
|
|
124
|
-
return index.h(index.Host, null);
|
|
125
|
-
}
|
|
126
|
-
get _host() { return index.getElement(this); }
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
exports.form_metadata = FormMetadata;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M3.333 0V0.667H0V2H0.667V10.667C0.667 11.0205 0.80744 11.3596 1.05743 11.6096C1.30741 11.8596 1.64647 12 2 12H8.667C9.02053 12 9.35959 11.8596 9.60957 11.6096C9.85956 11.3596 10 11.0205 10 10.667V2H10.667V0.667H7.333V0H3.333ZM2 2H8.667V10.667H2V2ZM3.333 3.333V9.333H4.667V3.333H3.333ZM6 3.333V9.333H7.333V3.333H6Z" fill="white"/>
|
|
3
|
-
</svg>
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
export function changeFieldValue(dataUnit, recordId, fieldName, value) {
|
|
2
|
-
return {
|
|
3
|
-
type: "FORM/CHANGEFIELD",
|
|
4
|
-
payload: { dataUnit, recordId, fieldName, value }
|
|
5
|
-
};
|
|
6
|
-
}
|
|
7
|
-
export function changeTab(formId, index) {
|
|
8
|
-
return {
|
|
9
|
-
type: "FORM/CHANGETAB",
|
|
10
|
-
payload: { formId, index }
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
export function clearEdition(dataUnit, recordsLimit) {
|
|
14
|
-
return {
|
|
15
|
-
type: "FORM/CLEAREDITION",
|
|
16
|
-
payload: {
|
|
17
|
-
dataUnit,
|
|
18
|
-
recordsLimit
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
export function collapseExpandGroup(collapseId, collapsed) {
|
|
23
|
-
return {
|
|
24
|
-
type: "FORM/COLLAPSEGROUP",
|
|
25
|
-
payload: { collapseId, collapsed }
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
export function previousRecord(dataUnit) {
|
|
29
|
-
return {
|
|
30
|
-
type: "FORM/NAVIGATE",
|
|
31
|
-
payload: {
|
|
32
|
-
dataUnit,
|
|
33
|
-
limit: 0,
|
|
34
|
-
backward: true
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
export function nextRecord(dataUnit, limit) {
|
|
39
|
-
return {
|
|
40
|
-
type: "FORM/NAVIGATE",
|
|
41
|
-
payload: {
|
|
42
|
-
dataUnit,
|
|
43
|
-
limit,
|
|
44
|
-
backward: false
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
export function insertRecord(dataUnit, insertionIndex) {
|
|
49
|
-
return {
|
|
50
|
-
type: "FORM/INSERT",
|
|
51
|
-
payload: {
|
|
52
|
-
dataUnit,
|
|
53
|
-
insertionIndex
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
export function formLoad() {
|
|
58
|
-
return {
|
|
59
|
-
type: "FORM/LOAD"
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
export function dataLoading(dataUnit) {
|
|
63
|
-
return {
|
|
64
|
-
type: "FORM/DATALOADING",
|
|
65
|
-
payload: {
|
|
66
|
-
dataUnit
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
export function savingChanges(dataUnit) {
|
|
71
|
-
return {
|
|
72
|
-
type: "FORM/SAVINGCHANGES",
|
|
73
|
-
payload: {
|
|
74
|
-
dataUnit
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
export function dataLoaded(dataUnit) {
|
|
79
|
-
return {
|
|
80
|
-
type: "FORM/DATALOADED",
|
|
81
|
-
payload: {
|
|
82
|
-
dataUnit
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
export function changesSaved(dataUnit) {
|
|
87
|
-
return {
|
|
88
|
-
type: "FORM/CHANGESSAVED",
|
|
89
|
-
payload: {
|
|
90
|
-
dataUnit
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
}
|
|
94
|
-
export function removingRecord(dataUnit) {
|
|
95
|
-
return {
|
|
96
|
-
type: "FORM/REMOVINGRECORD",
|
|
97
|
-
payload: {
|
|
98
|
-
dataUnit
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
}
|
|
102
|
-
export function recordRemoved(dataUnit) {
|
|
103
|
-
return {
|
|
104
|
-
type: "FORM/RECORDREMOVED",
|
|
105
|
-
payload: {
|
|
106
|
-
dataUnit
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
export function invalidField(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
|
|
111
|
-
return {
|
|
112
|
-
type: "FORM/INVALIDFIELD",
|
|
113
|
-
payload: {
|
|
114
|
-
tabController,
|
|
115
|
-
tabIndex,
|
|
116
|
-
dataUnit,
|
|
117
|
-
recordId,
|
|
118
|
-
recordIndex,
|
|
119
|
-
fieldName,
|
|
120
|
-
errorMessage
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
}
|
|
124
|
-
export function showHideNavigationButtons(buttonName, status) {
|
|
125
|
-
return {
|
|
126
|
-
type: "FORM/SHOWHIDENAVBTN",
|
|
127
|
-
payload: {
|
|
128
|
-
buttonName,
|
|
129
|
-
status
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
}
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
const inicialHistState = {
|
|
2
|
-
currentTabIndex: {},
|
|
3
|
-
currentRecordIndex: {},
|
|
4
|
-
changes: {},
|
|
5
|
-
collapsedGroups: {},
|
|
6
|
-
newRecordIndex: {}
|
|
7
|
-
};
|
|
8
|
-
const inicialNonHistState = {
|
|
9
|
-
dataLoading: {},
|
|
10
|
-
invalidFields: {},
|
|
11
|
-
visibleButtons: {
|
|
12
|
-
previousVisible: true,
|
|
13
|
-
nextVisible: true,
|
|
14
|
-
addVisible: true,
|
|
15
|
-
removeVisible: true,
|
|
16
|
-
saveVisible: true,
|
|
17
|
-
cancelVisible: true,
|
|
18
|
-
reloadVisible: false
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
export default function formReducer(state = inicialHistState, action) {
|
|
22
|
-
switch (action.type) {
|
|
23
|
-
case "FORM/COLLAPSEGROUP":
|
|
24
|
-
return collapseGroup(state, action.payload);
|
|
25
|
-
case "FORM/CHANGETAB":
|
|
26
|
-
return changeTab(state, action.payload.formId, action.payload.index);
|
|
27
|
-
case "FORM/NAVIGATE":
|
|
28
|
-
return navigate(state, action.payload);
|
|
29
|
-
case "FORM/INSERT":
|
|
30
|
-
return insertRecord(state, action.payload);
|
|
31
|
-
case "FORM/CHANGEFIELD":
|
|
32
|
-
return changeFieldValue(state, action.payload);
|
|
33
|
-
case "FORM/CLEAREDITION":
|
|
34
|
-
return clearEdition(state, action.payload);
|
|
35
|
-
case "FORM/INVALIDFIELD":
|
|
36
|
-
return navigateToInvalid(state, action.payload);
|
|
37
|
-
default:
|
|
38
|
-
return state;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
export function formNonHistoricReducer(state = inicialNonHistState, action) {
|
|
42
|
-
switch (action.type) {
|
|
43
|
-
case "FORM/DATALOADING":
|
|
44
|
-
return dataLoading(state, action.payload);
|
|
45
|
-
case "FORM/DATALOADED":
|
|
46
|
-
return dataLoaded(state, action.payload);
|
|
47
|
-
case "FORM/SAVINGCHANGES":
|
|
48
|
-
return savingChanges(state, action.payload);
|
|
49
|
-
case "FORM/CHANGESSAVED":
|
|
50
|
-
return changesSaved(state, action.payload);
|
|
51
|
-
case "FORM/REMOVINGRECORD":
|
|
52
|
-
return removingRecord(state, action.payload);
|
|
53
|
-
case "FORM/RECORDREMOVED":
|
|
54
|
-
return recordRemoved(state, action.payload);
|
|
55
|
-
case "FORM/INVALIDFIELD":
|
|
56
|
-
return invalidField(state, action.payload);
|
|
57
|
-
case "FORM/CLEAREDITION":
|
|
58
|
-
return clearAllInvalidFields(state, action.payload);
|
|
59
|
-
case "FORM/CHANGEFIELD":
|
|
60
|
-
return clearInvalidField(state, action.payload);
|
|
61
|
-
case "FORM/SHOWHIDENAVBTN":
|
|
62
|
-
return showHideNavBtn(state, action.payload);
|
|
63
|
-
default:
|
|
64
|
-
return state;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
function collapseGroup(state, { collapseId, collapsed }) {
|
|
68
|
-
const currentCollapsed = Object.assign({}, state.collapsedGroups);
|
|
69
|
-
if (collapsed) {
|
|
70
|
-
currentCollapsed[collapseId] = true;
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
delete currentCollapsed[collapseId];
|
|
74
|
-
}
|
|
75
|
-
return Object.assign(Object.assign({}, state), { collapsedGroups: currentCollapsed });
|
|
76
|
-
}
|
|
77
|
-
function changeTab(state, formId, index) {
|
|
78
|
-
const currentTabIndex = Object.assign({}, state.currentTabIndex);
|
|
79
|
-
currentTabIndex[formId] = index;
|
|
80
|
-
return Object.assign(Object.assign({}, state), { currentTabIndex });
|
|
81
|
-
}
|
|
82
|
-
function navigate(state, { dataUnit, limit, backward }) {
|
|
83
|
-
const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
|
|
84
|
-
const recIndex = currentRecordIndex[dataUnit] || 0;
|
|
85
|
-
return gotoIndex(state, dataUnit, backward ? Math.max(limit, recIndex - 1) : Math.min(limit, recIndex + 1));
|
|
86
|
-
}
|
|
87
|
-
function gotoIndex(state, dataUnit, index) {
|
|
88
|
-
const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
|
|
89
|
-
currentRecordIndex[dataUnit] = index;
|
|
90
|
-
return Object.assign(Object.assign({}, state), { currentRecordIndex });
|
|
91
|
-
}
|
|
92
|
-
function insertRecord(state, { dataUnit, insertionIndex }) {
|
|
93
|
-
const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
|
|
94
|
-
const newRecordIndex = Object.assign({}, state.newRecordIndex);
|
|
95
|
-
currentRecordIndex[dataUnit] = insertionIndex;
|
|
96
|
-
newRecordIndex[dataUnit] = (state.newRecordIndex[dataUnit] || 0) + 1;
|
|
97
|
-
return Object.assign(Object.assign({}, state), { currentRecordIndex,
|
|
98
|
-
newRecordIndex });
|
|
99
|
-
}
|
|
100
|
-
function changeFieldValue(state, { dataUnit, recordId, fieldName, value }) {
|
|
101
|
-
const changes = Object.assign({}, state.changes);
|
|
102
|
-
const dataUnitChanges = Object.assign({}, changes[dataUnit]);
|
|
103
|
-
const recordChanges = Object.assign({}, dataUnitChanges[recordId]);
|
|
104
|
-
recordChanges[fieldName] = value;
|
|
105
|
-
dataUnitChanges[recordId] = recordChanges;
|
|
106
|
-
changes[dataUnit] = dataUnitChanges;
|
|
107
|
-
const invalidFields = Object.assign({}, state.invalidFields);
|
|
108
|
-
const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
|
|
109
|
-
const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
|
|
110
|
-
delete errorMessages[fieldName];
|
|
111
|
-
dataUnitInvalidRecords[recordId] = errorMessages;
|
|
112
|
-
invalidFields[dataUnit] = dataUnitInvalidRecords;
|
|
113
|
-
return Object.assign(Object.assign({}, state), { changes,
|
|
114
|
-
invalidFields, invalidFieldSelected: undefined });
|
|
115
|
-
}
|
|
116
|
-
function clearEdition(state, { dataUnit, recordsLimit }) {
|
|
117
|
-
const changes = Object.assign({}, state.changes);
|
|
118
|
-
const newRecordIndex = Object.assign({}, state.newRecordIndex);
|
|
119
|
-
const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
|
|
120
|
-
delete changes[dataUnit];
|
|
121
|
-
delete newRecordIndex[dataUnit];
|
|
122
|
-
const recIndex = currentRecordIndex[dataUnit] || 0;
|
|
123
|
-
currentRecordIndex[dataUnit] = Math.min(recordsLimit, recIndex);
|
|
124
|
-
return Object.assign(Object.assign({}, state), { changes,
|
|
125
|
-
newRecordIndex,
|
|
126
|
-
currentRecordIndex });
|
|
127
|
-
}
|
|
128
|
-
function navigateToInvalid(state, payload) {
|
|
129
|
-
let newState = Object.assign({}, state);
|
|
130
|
-
if (newState.invalidFieldSelected === undefined) {
|
|
131
|
-
newState.invalidFieldSelected = true;
|
|
132
|
-
newState = gotoIndex(newState, payload.dataUnit, payload.recordIndex);
|
|
133
|
-
newState = changeTab(newState, payload.tabController, payload.tabIndex);
|
|
134
|
-
}
|
|
135
|
-
return newState;
|
|
136
|
-
}
|
|
137
|
-
function dataLoading(state, { dataUnit }) {
|
|
138
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
139
|
-
dataLoading[dataUnit] = true;
|
|
140
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
141
|
-
}
|
|
142
|
-
function dataLoaded(state, { dataUnit }) {
|
|
143
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
144
|
-
delete dataLoading[dataUnit];
|
|
145
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
146
|
-
}
|
|
147
|
-
function savingChanges(state, { dataUnit }) {
|
|
148
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
149
|
-
dataLoading[dataUnit] = true;
|
|
150
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
151
|
-
}
|
|
152
|
-
function changesSaved(state, { dataUnit }) {
|
|
153
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
154
|
-
delete dataLoading[dataUnit];
|
|
155
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
156
|
-
}
|
|
157
|
-
function removingRecord(state, { dataUnit }) {
|
|
158
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
159
|
-
dataLoading[dataUnit] = true;
|
|
160
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
161
|
-
}
|
|
162
|
-
function recordRemoved(state, { dataUnit }) {
|
|
163
|
-
const dataLoading = Object.assign({}, state.dataLoading);
|
|
164
|
-
delete dataLoading[dataUnit];
|
|
165
|
-
return Object.assign(Object.assign({}, state), { dataLoading });
|
|
166
|
-
}
|
|
167
|
-
function invalidField(state, { dataUnit, recordId, fieldName, errorMessage }) {
|
|
168
|
-
const invalidFields = Object.assign({}, state.invalidFields);
|
|
169
|
-
const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
|
|
170
|
-
const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
|
|
171
|
-
errorMessages[fieldName] = errorMessage;
|
|
172
|
-
dataUnitInvalidRecords[recordId] = errorMessages;
|
|
173
|
-
invalidFields[dataUnit] = dataUnitInvalidRecords;
|
|
174
|
-
return Object.assign(Object.assign({}, state), { invalidFields });
|
|
175
|
-
}
|
|
176
|
-
function clearAllInvalidFields(state, { dataUnit }) {
|
|
177
|
-
const invalidFields = Object.assign({}, state.invalidFields);
|
|
178
|
-
delete invalidFields[dataUnit];
|
|
179
|
-
return Object.assign(Object.assign({}, state), { invalidFields });
|
|
180
|
-
}
|
|
181
|
-
function clearInvalidField(state, { dataUnit, recordId, fieldName }) {
|
|
182
|
-
const invalidFields = Object.assign({}, state.invalidFields);
|
|
183
|
-
const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
|
|
184
|
-
const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
|
|
185
|
-
delete errorMessages[fieldName];
|
|
186
|
-
dataUnitInvalidRecords[recordId] = errorMessages;
|
|
187
|
-
invalidFields[dataUnit] = dataUnitInvalidRecords;
|
|
188
|
-
return Object.assign(Object.assign({}, state), { invalidFields });
|
|
189
|
-
}
|
|
190
|
-
function showHideNavBtn(state, { buttonName, status }) {
|
|
191
|
-
const visibleButtons = Object.assign({}, state.visibleButtons);
|
|
192
|
-
visibleButtons[buttonName] = status;
|
|
193
|
-
return Object.assign(Object.assign({}, state), { visibleButtons });
|
|
194
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
//histórico
|
|
2
|
-
export const selectCurrentTab = (state, formName) => {
|
|
3
|
-
const data = state.hist.present.currentTabIndex;
|
|
4
|
-
return data[formName] || 0;
|
|
5
|
-
};
|
|
6
|
-
export const selectIsCollapsedFieldSet = (state, fieldSetName) => {
|
|
7
|
-
const data = state.hist.present.collapsedGroups;
|
|
8
|
-
return data[fieldSetName];
|
|
9
|
-
};
|
|
10
|
-
export const selectRecordChanges = (state, dataUnit, recordId) => {
|
|
11
|
-
const data = selectDataUnitChanges(state, dataUnit);
|
|
12
|
-
return data ? data[recordId] : undefined;
|
|
13
|
-
};
|
|
14
|
-
export const selectDataUnitChanges = (state, dataUnit) => {
|
|
15
|
-
const data = state.hist.present.changes;
|
|
16
|
-
return data[dataUnit];
|
|
17
|
-
};
|
|
18
|
-
export const selectCurrentRecordIndex = (state, dataUnit) => {
|
|
19
|
-
const data = state.hist.present.currentRecordIndex;
|
|
20
|
-
return data[dataUnit] || 0;
|
|
21
|
-
};
|
|
22
|
-
export const selectNewRecordIndex = (state, dataUnit) => {
|
|
23
|
-
const data = state.hist.present.newRecordIndex;
|
|
24
|
-
return data[dataUnit] || 0;
|
|
25
|
-
};
|
|
26
|
-
export const selectUndoState = state => { return { canUndo: state.hist.past.length > 0, canRedo: state.hist.future.length > 0 }; };
|
|
27
|
-
//não histórico
|
|
28
|
-
export const selectLoadingData = (state, dataUnit) => {
|
|
29
|
-
const data = state.nonhist.dataLoading;
|
|
30
|
-
return data[dataUnit];
|
|
31
|
-
};
|
|
32
|
-
export const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
|
|
33
|
-
const data = state.nonhist.invalidFields;
|
|
34
|
-
const dataUnitMessages = data[dataUnit] || {};
|
|
35
|
-
const recordMessages = dataUnitMessages[recordId] || {};
|
|
36
|
-
return recordMessages[fieldName] || "";
|
|
37
|
-
};
|
|
38
|
-
export const selectInvalidFields = (state, dataUnit, recordId) => {
|
|
39
|
-
const data = state.nonhist.invalidFields;
|
|
40
|
-
const dataUnitMessages = data[dataUnit] || {};
|
|
41
|
-
const recordMessages = dataUnitMessages[recordId] || {};
|
|
42
|
-
return Object.keys(recordMessages);
|
|
43
|
-
};
|
|
44
|
-
export const selectVisibleButtons = state => state.nonhist.visibleButtons;
|