@michalrakus/x-react-web-lib 1.7.3 → 1.9.0

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.
Files changed (152) hide show
  1. package/README.md +3 -3
  2. package/gulpfile.js +82 -82
  3. package/lib/administration/XBrowseMetaBrowse.d.ts +2 -2
  4. package/lib/administration/XBrowseMetaBrowse.js +21 -21
  5. package/lib/administration/XBrowseMetaForm.d.ts +5 -5
  6. package/lib/administration/XBrowseMetaForm.js +63 -63
  7. package/lib/administration/XUserBrowse.d.ts +2 -2
  8. package/lib/administration/XUserBrowse.js +88 -87
  9. package/lib/administration/XUserForm.d.ts +9 -9
  10. package/lib/administration/XUserForm.js +195 -194
  11. package/lib/components/SearchTableParams.d.ts +11 -11
  12. package/lib/components/SearchTableParams.js +2 -2
  13. package/lib/components/SourceCodeLinkEntity.d.ts +4 -4
  14. package/lib/components/SourceCodeLinkEntity.js +14 -14
  15. package/lib/components/XAutoComplete.d.ts +36 -36
  16. package/lib/components/XAutoComplete.js +155 -155
  17. package/lib/components/XAutoCompleteBase.d.ts +45 -45
  18. package/lib/components/XAutoCompleteBase.js +371 -371
  19. package/lib/components/XAutoCompleteDT.d.ts +33 -33
  20. package/lib/components/XAutoCompleteDT.js +140 -140
  21. package/lib/components/XBrowse.d.ts +33 -33
  22. package/lib/components/XBrowse.js +360 -360
  23. package/lib/components/XButton.d.ts +9 -9
  24. package/lib/components/XButton.js +13 -13
  25. package/lib/components/XButtonIconMedium.d.ts +9 -9
  26. package/lib/components/XButtonIconMedium.js +13 -13
  27. package/lib/components/XButtonIconNarrow.d.ts +10 -10
  28. package/lib/components/XButtonIconNarrow.js +25 -25
  29. package/lib/components/XButtonIconSmall.d.ts +9 -9
  30. package/lib/components/XButtonIconSmall.js +13 -13
  31. package/lib/components/XCalendar.d.ts +8 -8
  32. package/lib/components/XCalendar.js +27 -27
  33. package/lib/components/XChangePasswordForm.d.ts +5 -5
  34. package/lib/components/XChangePasswordForm.js +160 -160
  35. package/lib/components/XCheckbox.d.ts +8 -8
  36. package/lib/components/XCheckbox.js +57 -57
  37. package/lib/components/XCheckboxDT.d.ts +10 -10
  38. package/lib/components/XCheckboxDT.js +46 -46
  39. package/lib/components/XDataTable.d.ts +11 -11
  40. package/lib/components/XDataTable.js +197 -197
  41. package/lib/components/XDropdown.d.ts +18 -18
  42. package/lib/components/XDropdown.js +57 -57
  43. package/lib/components/XDropdownDT.d.ts +13 -13
  44. package/lib/components/XDropdownDT.js +128 -128
  45. package/lib/components/XDropdownDTFilter.d.ts +7 -7
  46. package/lib/components/XDropdownDTFilter.js +121 -121
  47. package/lib/components/XDropdownForEntity.d.ts +25 -25
  48. package/lib/components/XDropdownForEntity.js +149 -149
  49. package/lib/components/XDropdownFormDTFilter.d.ts +7 -7
  50. package/lib/components/XDropdownFormDTFilter.js +121 -121
  51. package/lib/components/XEditColumnDialog.d.ts +13 -13
  52. package/lib/components/XEditColumnDialog.js +112 -112
  53. package/lib/components/XEnvVars.d.ts +15 -12
  54. package/lib/components/XEnvVars.js +23 -20
  55. package/lib/components/XErrors.d.ts +12 -12
  56. package/lib/components/XErrors.js +2 -2
  57. package/lib/components/XExportRowsDialog.d.ts +15 -15
  58. package/lib/components/XExportRowsDialog.js +184 -184
  59. package/lib/components/XFieldChangeEvent.d.ts +11 -11
  60. package/lib/components/XFieldChangeEvent.js +2 -2
  61. package/lib/components/XFieldSelector.d.ts +7 -7
  62. package/lib/components/XFieldSelector.js +113 -113
  63. package/lib/components/XFormBase.d.ts +59 -59
  64. package/lib/components/XFormBase.js +526 -526
  65. package/lib/components/XFormBaseModif.d.ts +5 -5
  66. package/lib/components/XFormBaseModif.js +33 -33
  67. package/lib/components/XFormBaseT.d.ts +4 -4
  68. package/lib/components/XFormBaseT.js +31 -31
  69. package/lib/components/XFormComponent.d.ts +40 -40
  70. package/lib/components/XFormComponent.js +177 -177
  71. package/lib/components/XFormComponentDT.d.ts +30 -30
  72. package/lib/components/XFormComponentDT.js +145 -145
  73. package/lib/components/XFormDataTable2.d.ts +143 -143
  74. package/lib/components/XFormDataTable2.js +686 -686
  75. package/lib/components/XFormFooter.d.ts +6 -6
  76. package/lib/components/XFormFooter.js +19 -19
  77. package/lib/components/XFormNavigator3.d.ts +12 -12
  78. package/lib/components/XFormNavigator3.js +130 -130
  79. package/lib/components/XHolders.d.ts +7 -7
  80. package/lib/components/XHolders.js +15 -15
  81. package/lib/components/XInput.d.ts +13 -13
  82. package/lib/components/XInput.js +38 -38
  83. package/lib/components/XInputDT.d.ts +11 -11
  84. package/lib/components/XInputDT.js +37 -37
  85. package/lib/components/XInputDate.d.ts +13 -13
  86. package/lib/components/XInputDate.js +63 -63
  87. package/lib/components/XInputDateDT.d.ts +10 -10
  88. package/lib/components/XInputDateDT.js +55 -55
  89. package/lib/components/XInputDecimal.d.ts +15 -15
  90. package/lib/components/XInputDecimal.js +78 -78
  91. package/lib/components/XInputDecimalBase.d.ts +12 -12
  92. package/lib/components/XInputDecimalBase.js +18 -18
  93. package/lib/components/XInputDecimalDT.d.ts +11 -11
  94. package/lib/components/XInputDecimalDT.js +74 -74
  95. package/lib/components/XInputFileList.d.ts +36 -36
  96. package/lib/components/XInputFileList.js +251 -244
  97. package/lib/components/XInputText.d.ts +12 -12
  98. package/lib/components/XInputText.js +69 -69
  99. package/lib/components/XInputTextDT.d.ts +9 -9
  100. package/lib/components/XInputTextDT.js +42 -42
  101. package/lib/components/XInputTextarea.d.ts +18 -18
  102. package/lib/components/XInputTextarea.js +85 -85
  103. package/lib/components/XLazyDataTable.d.ts +78 -78
  104. package/lib/components/XLazyDataTable.js +885 -885
  105. package/lib/components/XLocale.d.ts +26 -26
  106. package/lib/components/XLocale.js +59 -59
  107. package/lib/components/XLoginDialog.d.ts +8 -8
  108. package/lib/components/XLoginDialog.js +21 -21
  109. package/lib/components/XLoginForm.d.ts +7 -7
  110. package/lib/components/XLoginForm.js +128 -128
  111. package/lib/components/XObject.d.ts +3 -3
  112. package/lib/components/XObject.js +2 -2
  113. package/lib/components/XResponseError.d.ts +11 -11
  114. package/lib/components/XResponseError.js +32 -32
  115. package/lib/components/XSearchButton.d.ts +26 -26
  116. package/lib/components/XSearchButton.js +225 -225
  117. package/lib/components/XSearchButtonDT.d.ts +12 -12
  118. package/lib/components/XSearchButtonDT.js +188 -188
  119. package/lib/components/XSearchButtonOld.d.ts +13 -13
  120. package/lib/components/XSearchButtonOld.js +212 -212
  121. package/lib/components/XToOneAssocButton.d.ts +8 -8
  122. package/lib/components/XToOneAssocButton.js +30 -30
  123. package/lib/components/XToken.d.ts +6 -6
  124. package/lib/components/XToken.js +2 -2
  125. package/lib/components/XUtils.d.ts +74 -74
  126. package/lib/components/XUtils.js +627 -627
  127. package/lib/components/XUtilsConversions.d.ts +12 -12
  128. package/lib/components/XUtilsConversions.js +125 -125
  129. package/lib/components/XUtilsMetadata.d.ts +39 -39
  130. package/lib/components/XUtilsMetadata.js +452 -452
  131. package/lib/components/locale/x-en.json +26 -26
  132. package/lib/components/useXToken.d.ts +2 -2
  133. package/lib/components/useXToken.js +44 -44
  134. package/lib/serverApi/ExportImportParam.d.ts +51 -51
  135. package/lib/serverApi/ExportImportParam.js +34 -34
  136. package/lib/serverApi/FindParam.d.ts +34 -34
  137. package/lib/serverApi/FindParam.js +30 -30
  138. package/lib/serverApi/FindResult.d.ts +8 -8
  139. package/lib/serverApi/FindResult.js +2 -2
  140. package/lib/serverApi/XBrowseMetadata.d.ts +19 -19
  141. package/lib/serverApi/XBrowseMetadata.js +2 -2
  142. package/lib/serverApi/XEntityMetadata.d.ts +35 -35
  143. package/lib/serverApi/XEntityMetadata.js +2 -2
  144. package/lib/serverApi/XFileJsonField.d.ts +6 -0
  145. package/lib/serverApi/XFileJsonField.js +2 -0
  146. package/lib/serverApi/XUser.d.ts +8 -7
  147. package/lib/serverApi/XUser.js +2 -2
  148. package/lib/serverApi/XUserAuthenticationIfc.d.ts +9 -9
  149. package/lib/serverApi/XUserAuthenticationIfc.js +2 -2
  150. package/lib/serverApi/XUtilsCommon.d.ts +13 -13
  151. package/lib/serverApi/XUtilsCommon.js +110 -110
  152. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { XFormBase } from "./XFormBase";
3
- export declare const xSaveButtonId: string;
4
- export declare const XFormFooter: (props: {
5
- form: XFormBase;
6
- }) => JSX.Element;
1
+ /// <reference types="react" />
2
+ import { XFormBase } from "./XFormBase";
3
+ export declare const xSaveButtonId: string;
4
+ export declare const XFormFooter: (props: {
5
+ form: XFormBase;
6
+ }) => JSX.Element;
@@ -1,19 +1,19 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.XFormFooter = exports.xSaveButtonId = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var XButton_1 = require("./XButton");
9
- var XLocale_1 = require("./XLocale");
10
- // constant to be used in method formReadOnly to identify save button
11
- exports.xSaveButtonId = "x-save-button-id";
12
- // helper wrapper
13
- var XFormFooter = function (props) {
14
- var readOnly = props.form.formReadOnlyBase(exports.xSaveButtonId);
15
- return (react_1.default.createElement("div", { className: "flex justify-content-center" },
16
- react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-save", label: (0, XLocale_1.xLocaleOption)('save'), onClick: props.form.onClickSave, disabled: readOnly }),
17
- react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('cancel'), onClick: props.form.onClickCancel })));
18
- };
19
- exports.XFormFooter = XFormFooter;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.XFormFooter = exports.xSaveButtonId = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var XButton_1 = require("./XButton");
9
+ var XLocale_1 = require("./XLocale");
10
+ // constant to be used in method formReadOnly to identify save button
11
+ exports.xSaveButtonId = "x-save-button-id";
12
+ // helper wrapper
13
+ var XFormFooter = function (props) {
14
+ var readOnly = props.form.formReadOnlyBase(exports.xSaveButtonId);
15
+ return (react_1.default.createElement("div", { className: "flex justify-content-center" },
16
+ react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-save", label: (0, XLocale_1.xLocaleOption)('save'), onClick: props.form.onClickSave, disabled: readOnly }),
17
+ react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('cancel'), onClick: props.form.onClickCancel })));
18
+ };
19
+ exports.XFormFooter = XFormFooter;
@@ -1,12 +1,12 @@
1
- import { Component } from "react";
2
- export interface XFormNavigator3Props {
3
- rootFormElement?: any;
4
- }
5
- export declare class XFormNavigator3 extends Component<XFormNavigator3Props> {
6
- state: {
7
- formElements: any[];
8
- };
9
- constructor(props: XFormNavigator3Props);
10
- openForm(newFormElement: any): void;
11
- render(): JSX.Element;
12
- }
1
+ import { Component } from "react";
2
+ export interface XFormNavigator3Props {
3
+ rootFormElement?: any;
4
+ }
5
+ export declare class XFormNavigator3 extends Component<XFormNavigator3Props> {
6
+ state: {
7
+ formElements: any[];
8
+ };
9
+ constructor(props: XFormNavigator3Props);
10
+ openForm(newFormElement: any): void;
11
+ render(): JSX.Element;
12
+ }
@@ -1,130 +1,130 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- var __read = (this && this.__read) || function (o, n) {
41
- var m = typeof Symbol === "function" && o[Symbol.iterator];
42
- if (!m) return o;
43
- var i = m.call(o), r, ar = [], e;
44
- try {
45
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
46
- }
47
- catch (error) { e = { error: error }; }
48
- finally {
49
- try {
50
- if (r && !r.done && (m = i["return"])) m.call(i);
51
- }
52
- finally { if (e) throw e.error; }
53
- }
54
- return ar;
55
- };
56
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
57
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
58
- if (ar || !(i in from)) {
59
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
60
- ar[i] = from[i];
61
- }
62
- }
63
- return to.concat(ar || Array.prototype.slice.call(from));
64
- };
65
- Object.defineProperty(exports, "__esModule", { value: true });
66
- exports.XFormNavigator3 = void 0;
67
- var react_1 = __importStar(require("react"));
68
- var XFormNavigator3 = /** @class */ (function (_super) {
69
- __extends(XFormNavigator3, _super);
70
- function XFormNavigator3(props) {
71
- var _this = _super.call(this, props) || this;
72
- _this.state = {
73
- formElements: []
74
- };
75
- _this.openForm = _this.openForm.bind(_this);
76
- return _this;
77
- }
78
- XFormNavigator3.prototype.openForm = function (newFormElement) {
79
- //console.log("zavolany XFormNavigator3.openForm");
80
- //console.log(newFormElement);
81
- // vzdy treba vytvorit novy objekt a ten set-nut do stavu, ak len pridame prvok do pola, tak react nevyvola render!
82
- // shallow copy klonovanie (vytvara sa kopia referencii)
83
- var formElementsCloned = this.state.formElements.slice();
84
- if (newFormElement !== null) {
85
- formElementsCloned.push(newFormElement);
86
- }
87
- else {
88
- // user stlacil cancel/back - vratime sa na predchadzajuci formular
89
- // vyhodime posledny element
90
- if (formElementsCloned.length > 0) {
91
- formElementsCloned.pop();
92
- }
93
- else {
94
- console.log("neocakavana chyba - pole formElements je prazdne");
95
- }
96
- }
97
- this.setState({ formElements: formElementsCloned }, function () {
98
- // ked sa na mobile preklikavame medzi formularmi, tak browser drzi nascrollovanu poziciu ale my sa chceme vratit na zaciatok stranky
99
- // (tento callback sa zavola po refreshnuti stranky)
100
- // taketo nieco nezafungovalo, neviem preco...
101
- // setTimeout(function() {
102
- // window.scrollTo(0,0);
103
- // }, 100);
104
- // tak scrollujeme k menu, ktore je v hornej casti
105
- var menuElem = document.getElementById("menuId");
106
- if (menuElem !== null) {
107
- menuElem.scrollIntoView();
108
- }
109
- });
110
- };
111
- XFormNavigator3.prototype.render = function () {
112
- var _this = this;
113
- var formElements = this.props.rootFormElement !== null ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements), false) : this.state.formElements;
114
- var forms = formElements.map(function (formElement, index) {
115
- var displayed = (index === formElements.length - 1);
116
- // klonovanim elementu pridame atribut openForm={this.openForm} (nemusime tento atribut pridavat pri vytvarani elementu)
117
- var formElementCloned = react_1.default.cloneElement(formElement, { openForm: _this.openForm, displayed: displayed }, formElement.children);
118
- // prvych n - 1 komponentov skryjeme cez display: "none" a az posledny vyrenderujeme naozaj (cez display: "block")
119
- // TODO - do buducnosti - ak nechceme drzat stav componentu cez display: "none", staci vratit null (komponent vobec nevyrenderujeme)
120
- var display = (displayed ? "block" : "none");
121
- // TODO - neviem ci naisto treba key={index}
122
- // max-width: 100% - koli chybe ked sa na mobile nezobrazovala lava cast tabulky/formularu (nedalo sa k nej doscrollovat)
123
- // poznamka2: tento problem sa vyskytoval v suvislosti s flex-direction: column na .App-form - ten sme zrusili a preto maxWidth (zatial) odstranujeme
124
- return react_1.default.createElement("div", { key: index, style: { display: display /*, maxWidth: "100%"*/ } }, formElementCloned);
125
- });
126
- return (react_1.default.createElement("div", { className: "App-form" }, forms));
127
- };
128
- return XFormNavigator3;
129
- }(react_1.Component));
130
- exports.XFormNavigator3 = XFormNavigator3;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ var desc = Object.getOwnPropertyDescriptor(m, k);
20
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
+ desc = { enumerable: true, get: function() { return m[k]; } };
22
+ }
23
+ Object.defineProperty(o, k2, desc);
24
+ }) : (function(o, m, k, k2) {
25
+ if (k2 === undefined) k2 = k;
26
+ o[k2] = m[k];
27
+ }));
28
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }) : function(o, v) {
31
+ o["default"] = v;
32
+ });
33
+ var __importStar = (this && this.__importStar) || function (mod) {
34
+ if (mod && mod.__esModule) return mod;
35
+ var result = {};
36
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
+ __setModuleDefault(result, mod);
38
+ return result;
39
+ };
40
+ var __read = (this && this.__read) || function (o, n) {
41
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
42
+ if (!m) return o;
43
+ var i = m.call(o), r, ar = [], e;
44
+ try {
45
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
46
+ }
47
+ catch (error) { e = { error: error }; }
48
+ finally {
49
+ try {
50
+ if (r && !r.done && (m = i["return"])) m.call(i);
51
+ }
52
+ finally { if (e) throw e.error; }
53
+ }
54
+ return ar;
55
+ };
56
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
57
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
58
+ if (ar || !(i in from)) {
59
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
60
+ ar[i] = from[i];
61
+ }
62
+ }
63
+ return to.concat(ar || Array.prototype.slice.call(from));
64
+ };
65
+ Object.defineProperty(exports, "__esModule", { value: true });
66
+ exports.XFormNavigator3 = void 0;
67
+ var react_1 = __importStar(require("react"));
68
+ var XFormNavigator3 = /** @class */ (function (_super) {
69
+ __extends(XFormNavigator3, _super);
70
+ function XFormNavigator3(props) {
71
+ var _this = _super.call(this, props) || this;
72
+ _this.state = {
73
+ formElements: []
74
+ };
75
+ _this.openForm = _this.openForm.bind(_this);
76
+ return _this;
77
+ }
78
+ XFormNavigator3.prototype.openForm = function (newFormElement) {
79
+ //console.log("zavolany XFormNavigator3.openForm");
80
+ //console.log(newFormElement);
81
+ // vzdy treba vytvorit novy objekt a ten set-nut do stavu, ak len pridame prvok do pola, tak react nevyvola render!
82
+ // shallow copy klonovanie (vytvara sa kopia referencii)
83
+ var formElementsCloned = this.state.formElements.slice();
84
+ if (newFormElement !== null) {
85
+ formElementsCloned.push(newFormElement);
86
+ }
87
+ else {
88
+ // user stlacil cancel/back - vratime sa na predchadzajuci formular
89
+ // vyhodime posledny element
90
+ if (formElementsCloned.length > 0) {
91
+ formElementsCloned.pop();
92
+ }
93
+ else {
94
+ console.log("neocakavana chyba - pole formElements je prazdne");
95
+ }
96
+ }
97
+ this.setState({ formElements: formElementsCloned }, function () {
98
+ // ked sa na mobile preklikavame medzi formularmi, tak browser drzi nascrollovanu poziciu ale my sa chceme vratit na zaciatok stranky
99
+ // (tento callback sa zavola po refreshnuti stranky)
100
+ // taketo nieco nezafungovalo, neviem preco...
101
+ // setTimeout(function() {
102
+ // window.scrollTo(0,0);
103
+ // }, 100);
104
+ // tak scrollujeme k menu, ktore je v hornej casti
105
+ var menuElem = document.getElementById("menuId");
106
+ if (menuElem !== null) {
107
+ menuElem.scrollIntoView();
108
+ }
109
+ });
110
+ };
111
+ XFormNavigator3.prototype.render = function () {
112
+ var _this = this;
113
+ var formElements = this.props.rootFormElement !== null ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements), false) : this.state.formElements;
114
+ var forms = formElements.map(function (formElement, index) {
115
+ var displayed = (index === formElements.length - 1);
116
+ // klonovanim elementu pridame atribut openForm={this.openForm} (nemusime tento atribut pridavat pri vytvarani elementu)
117
+ var formElementCloned = react_1.default.cloneElement(formElement, { openForm: _this.openForm, displayed: displayed }, formElement.children);
118
+ // prvych n - 1 komponentov skryjeme cez display: "none" a az posledny vyrenderujeme naozaj (cez display: "block")
119
+ // TODO - do buducnosti - ak nechceme drzat stav componentu cez display: "none", staci vratit null (komponent vobec nevyrenderujeme)
120
+ var display = (displayed ? "block" : "none");
121
+ // TODO - neviem ci naisto treba key={index}
122
+ // max-width: 100% - koli chybe ked sa na mobile nezobrazovala lava cast tabulky/formularu (nedalo sa k nej doscrollovat)
123
+ // poznamka2: tento problem sa vyskytoval v suvislosti s flex-direction: column na .App-form - ten sme zrusili a preto maxWidth (zatial) odstranujeme
124
+ return react_1.default.createElement("div", { key: index, style: { display: display /*, maxWidth: "100%"*/ } }, formElementCloned);
125
+ });
126
+ return (react_1.default.createElement("div", { className: "App-form" }, forms));
127
+ };
128
+ return XFormNavigator3;
129
+ }(react_1.Component));
130
+ exports.XFormNavigator3 = XFormNavigator3;
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const XHolder1: (props: {
3
- element: any;
4
- }) => JSX.Element;
5
- export declare const XHolder2: (props: {
6
- element: any;
7
- }) => JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const XHolder1: (props: {
3
+ element: any;
4
+ }) => JSX.Element;
5
+ export declare const XHolder2: (props: {
6
+ element: any;
7
+ }) => JSX.Element;
@@ -1,15 +1,15 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.XHolder2 = exports.XHolder1 = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var XHolder1 = function (props) {
9
- return react_1.default.createElement("div", null, props.element);
10
- };
11
- exports.XHolder1 = XHolder1;
12
- var XHolder2 = function (props) {
13
- return react_1.default.createElement("div", null, props.element);
14
- };
15
- exports.XHolder2 = XHolder2;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.XHolder2 = exports.XHolder1 = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var XHolder1 = function (props) {
9
+ return react_1.default.createElement("div", null, props.element);
10
+ };
11
+ exports.XHolder1 = XHolder1;
12
+ var XHolder2 = function (props) {
13
+ return react_1.default.createElement("div", null, props.element);
14
+ };
15
+ exports.XHolder2 = XHolder2;
@@ -1,13 +1,13 @@
1
- import React from "react";
2
- import { XFormComponent, XFormComponentProps } from "./XFormComponent";
3
- import { XField } from "../serverApi/XEntityMetadata";
4
- export interface XInputProps<T> extends XFormComponentProps<T> {
5
- field: string;
6
- inputStyle?: React.CSSProperties;
7
- }
8
- export declare abstract class XInput<T, P extends XInputProps<T>> extends XFormComponent<T, P> {
9
- protected xField: XField;
10
- protected constructor(props: P);
11
- getField(): string;
12
- isNotNull(): boolean;
13
- }
1
+ import React from "react";
2
+ import { XFormComponent, XFormComponentProps } from "./XFormComponent";
3
+ import { XField } from "../serverApi/XEntityMetadata";
4
+ export interface XInputProps<T> extends XFormComponentProps<T> {
5
+ field: string;
6
+ inputStyle?: React.CSSProperties;
7
+ }
8
+ export declare abstract class XInput<T, P extends XInputProps<T>> extends XFormComponent<T, P> {
9
+ protected xField: XField;
10
+ protected constructor(props: P);
11
+ getField(): string;
12
+ isNotNull(): boolean;
13
+ }
@@ -1,38 +1,38 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.XInput = void 0;
19
- var XUtilsMetadata_1 = require("./XUtilsMetadata");
20
- var XFormComponent_1 = require("./XFormComponent");
21
- // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
22
- var XInput = /** @class */ (function (_super) {
23
- __extends(XInput, _super);
24
- function XInput(props) {
25
- var _this = _super.call(this, props) || this;
26
- _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
27
- props.form.addField(props.field);
28
- return _this;
29
- }
30
- XInput.prototype.getField = function () {
31
- return this.props.field;
32
- };
33
- XInput.prototype.isNotNull = function () {
34
- return !this.xField.isNullable;
35
- };
36
- return XInput;
37
- }(XFormComponent_1.XFormComponent));
38
- exports.XInput = XInput;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ Object.defineProperty(exports, "__esModule", { value: true });
18
+ exports.XInput = void 0;
19
+ var XUtilsMetadata_1 = require("./XUtilsMetadata");
20
+ var XFormComponent_1 = require("./XFormComponent");
21
+ // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
22
+ var XInput = /** @class */ (function (_super) {
23
+ __extends(XInput, _super);
24
+ function XInput(props) {
25
+ var _this = _super.call(this, props) || this;
26
+ _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
27
+ props.form.addField(props.field);
28
+ return _this;
29
+ }
30
+ XInput.prototype.getField = function () {
31
+ return this.props.field;
32
+ };
33
+ XInput.prototype.isNotNull = function () {
34
+ return !this.xField.isNullable;
35
+ };
36
+ return XInput;
37
+ }(XFormComponent_1.XFormComponent));
38
+ exports.XInput = XInput;
@@ -1,11 +1,11 @@
1
- import { XField } from "../serverApi/XEntityMetadata";
2
- import { XFormComponentDT, XFormComponentDTProps } from "./XFormComponentDT";
3
- export interface XInputDTProps extends XFormComponentDTProps {
4
- field: string;
5
- }
6
- export declare abstract class XInputDT<P extends XInputDTProps> extends XFormComponentDT<P> {
7
- protected xField: XField;
8
- protected constructor(props: P);
9
- getField(): string;
10
- isNotNull(): boolean;
11
- }
1
+ import { XField } from "../serverApi/XEntityMetadata";
2
+ import { XFormComponentDT, XFormComponentDTProps } from "./XFormComponentDT";
3
+ export interface XInputDTProps extends XFormComponentDTProps {
4
+ field: string;
5
+ }
6
+ export declare abstract class XInputDT<P extends XInputDTProps> extends XFormComponentDT<P> {
7
+ protected xField: XField;
8
+ protected constructor(props: P);
9
+ getField(): string;
10
+ isNotNull(): boolean;
11
+ }
@@ -1,37 +1,37 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.XInputDT = void 0;
19
- var XUtilsMetadata_1 = require("./XUtilsMetadata");
20
- var XFormComponentDT_1 = require("./XFormComponentDT");
21
- // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
22
- var XInputDT = /** @class */ (function (_super) {
23
- __extends(XInputDT, _super);
24
- function XInputDT(props) {
25
- var _this = _super.call(this, props) || this;
26
- _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
27
- return _this;
28
- }
29
- XInputDT.prototype.getField = function () {
30
- return this.props.field;
31
- };
32
- XInputDT.prototype.isNotNull = function () {
33
- return !this.xField.isNullable;
34
- };
35
- return XInputDT;
36
- }(XFormComponentDT_1.XFormComponentDT));
37
- exports.XInputDT = XInputDT;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ Object.defineProperty(exports, "__esModule", { value: true });
18
+ exports.XInputDT = void 0;
19
+ var XUtilsMetadata_1 = require("./XUtilsMetadata");
20
+ var XFormComponentDT_1 = require("./XFormComponentDT");
21
+ // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
22
+ var XInputDT = /** @class */ (function (_super) {
23
+ __extends(XInputDT, _super);
24
+ function XInputDT(props) {
25
+ var _this = _super.call(this, props) || this;
26
+ _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
27
+ return _this;
28
+ }
29
+ XInputDT.prototype.getField = function () {
30
+ return this.props.field;
31
+ };
32
+ XInputDT.prototype.isNotNull = function () {
33
+ return !this.xField.isNullable;
34
+ };
35
+ return XInputDT;
36
+ }(XFormComponentDT_1.XFormComponentDT));
37
+ exports.XInputDT = XInputDT;
@@ -1,13 +1,13 @@
1
- /// <reference types="react" />
2
- import { XFormComponentProps } from "./XFormComponent";
3
- import { XInput } from "./XInput";
4
- export interface XInputDateProps extends XFormComponentProps<number> {
5
- field: string;
6
- }
7
- export declare class XInputDate extends XInput<Date, XInputDateProps> {
8
- constructor(props: XInputDateProps);
9
- getValue(): Date | null;
10
- onValueChange(value: Date | null): void;
11
- onBlur(e: any): void;
12
- render(): JSX.Element;
13
- }
1
+ /// <reference types="react" />
2
+ import { XFormComponentProps } from "./XFormComponent";
3
+ import { XInput } from "./XInput";
4
+ export interface XInputDateProps extends XFormComponentProps<number> {
5
+ field: string;
6
+ }
7
+ export declare class XInputDate extends XInput<Date, XInputDateProps> {
8
+ constructor(props: XInputDateProps);
9
+ getValue(): Date | null;
10
+ onValueChange(value: Date | null): void;
11
+ onBlur(e: any): void;
12
+ render(): JSX.Element;
13
+ }