@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.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 (196) hide show
  1. package/CHANGELOG.md +98 -0
  2. package/README.md +4 -0
  3. package/dist/Modules/NeoReactModule.d.ts +4 -4
  4. package/dist/Modules/NeoReactModule.js +28 -26
  5. package/dist/Modules/ReactSetup.d.ts +2 -2
  6. package/dist/Modules/ReactSetup.js +17 -17
  7. package/dist/Modules/Types.d.ts +63 -61
  8. package/dist/Modules/Types.js +13 -12
  9. package/dist/React/AutoRunner.d.ts +5 -5
  10. package/dist/React/AutoRunner.js +94 -92
  11. package/dist/React/DataView.d.ts +6 -6
  12. package/dist/React/DataView.js +11 -11
  13. package/dist/React/ReactModelCreator.d.ts +11 -11
  14. package/dist/React/ReactModelCreator.js +165 -162
  15. package/dist/ReactComponents/Button.d.ts +24 -23
  16. package/dist/ReactComponents/Button.js +131 -123
  17. package/dist/ReactComponents/Card.d.ts +24 -23
  18. package/dist/ReactComponents/Card.js +56 -54
  19. package/dist/ReactComponents/Collapsable.d.ts +23 -23
  20. package/dist/ReactComponents/Collapsable.js +38 -38
  21. package/dist/ReactComponents/CollapsableBase.d.ts +13 -13
  22. package/dist/ReactComponents/CollapsableBase.js +42 -42
  23. package/dist/ReactComponents/ColorPicker.d.ts +26 -26
  24. package/dist/ReactComponents/ColorPicker.js +67 -67
  25. package/dist/ReactComponents/ComponentBase.d.ts +17 -17
  26. package/dist/ReactComponents/ComponentBase.js +33 -33
  27. package/dist/ReactComponents/ContextMenu/ContextMenu.d.ts +25 -24
  28. package/dist/ReactComponents/ContextMenu/ContextMenu.js +91 -88
  29. package/dist/ReactComponents/ContextMenu/ContextMenuContainer.d.ts +14 -14
  30. package/dist/ReactComponents/ContextMenu/ContextMenuContainer.js +48 -48
  31. package/dist/ReactComponents/ContextMenu/ContextMenuState.d.ts +8 -7
  32. package/dist/ReactComponents/ContextMenu/ContextMenuState.js +23 -23
  33. package/dist/ReactComponents/DatePicker.d.ts +19 -19
  34. package/dist/ReactComponents/DatePicker.js +53 -53
  35. package/dist/ReactComponents/DropDown/AutoCompleteDropDown.d.ts +93 -83
  36. package/dist/ReactComponents/DropDown/AutoCompleteDropDown.js +222 -188
  37. package/dist/ReactComponents/DropDown/DropDown.d.ts +44 -44
  38. package/dist/ReactComponents/DropDown/DropDown.js +138 -134
  39. package/dist/ReactComponents/DropDown/DropDownBase.d.ts +16 -15
  40. package/dist/ReactComponents/DropDown/DropDownBase.js +86 -108
  41. package/dist/ReactComponents/DropDown/LookupHelper.d.ts +13 -0
  42. package/dist/ReactComponents/DropDown/LookupHelper.js +45 -0
  43. package/dist/ReactComponents/ErrorHandler.d.ts +9 -8
  44. package/dist/ReactComponents/ErrorHandler.js +92 -91
  45. package/dist/ReactComponents/FileManager/FileBasicInput.d.ts +20 -20
  46. package/dist/ReactComponents/FileManager/FileBasicInput.js +70 -70
  47. package/dist/ReactComponents/FileManager/FileContext.d.ts +16 -16
  48. package/dist/ReactComponents/FileManager/FileContext.js +24 -24
  49. package/dist/ReactComponents/FileManager/FileDropArea.d.ts +19 -18
  50. package/dist/ReactComponents/FileManager/FileDropArea.js +66 -64
  51. package/dist/ReactComponents/FileManager/FileInput.d.ts +44 -42
  52. package/dist/ReactComponents/FileManager/FileInput.js +191 -189
  53. package/dist/ReactComponents/FileManager/FileUploadButton.d.ts +17 -17
  54. package/dist/ReactComponents/FileManager/FileUploadButton.js +49 -49
  55. package/dist/ReactComponents/FileManager/FileUploadProgress.d.ts +14 -14
  56. package/dist/ReactComponents/FileManager/FileUploadProgress.js +35 -35
  57. package/dist/ReactComponents/Form.d.ts +19 -18
  58. package/dist/ReactComponents/Form.js +90 -90
  59. package/dist/ReactComponents/FormContext.d.ts +33 -31
  60. package/dist/ReactComponents/FormContext.js +39 -40
  61. package/dist/ReactComponents/FormGroup/FormGroup.d.ts +37 -37
  62. package/dist/ReactComponents/FormGroup/FormGroup.js +83 -84
  63. package/dist/ReactComponents/FormGroup/FormGroupFloating.d.ts +19 -19
  64. package/dist/ReactComponents/FormGroup/FormGroupFloating.js +97 -97
  65. package/dist/ReactComponents/FormGroup/FormGroupInline.d.ts +11 -11
  66. package/dist/ReactComponents/FormGroup/FormGroupInline.js +43 -43
  67. package/dist/ReactComponents/Grid/ButtonColumn.d.ts +47 -47
  68. package/dist/ReactComponents/Grid/ButtonColumn.js +81 -82
  69. package/dist/ReactComponents/Grid/Column.d.ts +47 -47
  70. package/dist/ReactComponents/Grid/Column.js +205 -205
  71. package/dist/ReactComponents/Grid/ColumnHelper.d.ts +12 -12
  72. package/dist/ReactComponents/Grid/ColumnHelper.js +19 -19
  73. package/dist/ReactComponents/Grid/Grid.d.ts +87 -90
  74. package/dist/ReactComponents/Grid/Grid.js +203 -203
  75. package/dist/ReactComponents/Grid/Row.d.ts +81 -81
  76. package/dist/ReactComponents/Grid/Row.js +200 -201
  77. package/dist/ReactComponents/Grid/_Exports.d.ts +5 -5
  78. package/dist/ReactComponents/Grid/_Exports.js +5 -5
  79. package/dist/ReactComponents/GridLayout.d.ts +20 -20
  80. package/dist/ReactComponents/GridLayout.js +38 -38
  81. package/dist/ReactComponents/Icons/FontAwesomeIconFactory.d.ts +23 -0
  82. package/dist/ReactComponents/Icons/FontAwesomeIconFactory.js +43 -0
  83. package/dist/ReactComponents/Icons/IIconFactory.d.ts +21 -0
  84. package/dist/ReactComponents/Icons/IIconFactory.js +1 -0
  85. package/dist/ReactComponents/Icons/IconFactory.d.ts +9 -0
  86. package/dist/ReactComponents/Icons/IconFactory.js +45 -0
  87. package/dist/ReactComponents/Icons/index.d.ts +3 -0
  88. package/dist/ReactComponents/Icons/index.js +2 -0
  89. package/dist/ReactComponents/Input.d.ts +45 -45
  90. package/dist/ReactComponents/Input.js +153 -152
  91. package/dist/ReactComponents/InputHelpers.d.ts +6 -5
  92. package/dist/ReactComponents/InputHelpers.js +29 -33
  93. package/dist/ReactComponents/Link.d.ts +13 -13
  94. package/dist/ReactComponents/Link.js +28 -28
  95. package/dist/ReactComponents/Loader.d.ts +18 -18
  96. package/dist/ReactComponents/Loader.js +57 -57
  97. package/dist/ReactComponents/Misc.d.ts +15 -15
  98. package/dist/ReactComponents/Misc.js +28 -28
  99. package/dist/ReactComponents/Modal/Modal.d.ts +11 -11
  100. package/dist/ReactComponents/Modal/Modal.js +129 -129
  101. package/dist/ReactComponents/Modal/ModalContainer.d.ts +17 -17
  102. package/dist/ReactComponents/Modal/ModalContainer.js +37 -37
  103. package/dist/ReactComponents/Modal/ModalPortal.d.ts +16 -15
  104. package/dist/ReactComponents/Modal/ModalPortal.js +27 -27
  105. package/dist/ReactComponents/Notifications/Alert.d.ts +7 -6
  106. package/dist/ReactComponents/Notifications/Alert.js +38 -35
  107. package/dist/ReactComponents/Notifications/Toast.d.ts +9 -8
  108. package/dist/ReactComponents/Notifications/Toast.js +47 -45
  109. package/dist/ReactComponents/Notifications/ToastContainer.d.ts +8 -8
  110. package/dist/ReactComponents/Notifications/ToastContainer.js +18 -18
  111. package/dist/ReactComponents/NumberInput.d.ts +57 -50
  112. package/dist/ReactComponents/NumberInput.js +260 -246
  113. package/dist/ReactComponents/Paging/BasicPagerControls.d.ts +26 -25
  114. package/dist/ReactComponents/Paging/BasicPagerControls.js +57 -55
  115. package/dist/ReactComponents/Paging/PageSizeControl.d.ts +11 -11
  116. package/dist/ReactComponents/Paging/PageSizeControl.js +21 -21
  117. package/dist/ReactComponents/Paging/Pager.d.ts +24 -24
  118. package/dist/ReactComponents/Paging/Pager.js +41 -41
  119. package/dist/ReactComponents/ProgressBar.d.ts +19 -19
  120. package/dist/ReactComponents/ProgressBar.js +52 -52
  121. package/dist/ReactComponents/PropTypes.d.ts +161 -161
  122. package/dist/ReactComponents/PropTypes.js +253 -236
  123. package/dist/ReactComponents/RadioList.d.ts +29 -29
  124. package/dist/ReactComponents/RadioList.js +59 -77
  125. package/dist/ReactComponents/Slider.d.ts +28 -28
  126. package/dist/ReactComponents/Slider.js +76 -76
  127. package/dist/ReactComponents/StateObserver.d.ts +15 -15
  128. package/dist/ReactComponents/StateObserver.js +35 -35
  129. package/dist/ReactComponents/Tabs/Tab.d.ts +42 -41
  130. package/dist/ReactComponents/Tabs/Tab.js +71 -72
  131. package/dist/ReactComponents/Tabs/TabContainer.d.ts +44 -44
  132. package/dist/ReactComponents/Tabs/TabContainer.js +98 -98
  133. package/dist/ReactComponents/Tabs/TabManager.d.ts +62 -62
  134. package/dist/ReactComponents/Tabs/TabManager.js +154 -154
  135. package/dist/ReactComponents/Tooltip.d.ts +20 -19
  136. package/dist/ReactComponents/Tooltip.js +51 -51
  137. package/dist/ReactComponents/TooltipHelper.d.ts +8 -8
  138. package/dist/ReactComponents/TooltipHelper.js +84 -84
  139. package/dist/ReactComponents/TooltipProvider.d.ts +30 -30
  140. package/dist/ReactComponents/TooltipProvider.js +111 -111
  141. package/dist/ReactComponents/ValidationSummary.d.ts +23 -22
  142. package/dist/ReactComponents/ValidationSummary.js +46 -43
  143. package/dist/ReactComponents/_Exports.d.ts +41 -41
  144. package/dist/ReactComponents/_Exports.js +41 -41
  145. package/dist/ReactComponents/_Managers.d.ts +4 -4
  146. package/dist/ReactComponents/_Managers.js +4 -4
  147. package/dist/Routing/BreadCrumbItem.d.ts +14 -14
  148. package/dist/Routing/BreadCrumbItem.js +12 -12
  149. package/dist/Routing/IRouteChangedProps.d.ts +31 -31
  150. package/dist/Routing/IRouteChangedProps.js +1 -1
  151. package/dist/Routing/IRouteParameter.d.ts +22 -22
  152. package/dist/Routing/IRouteParameter.js +9 -9
  153. package/dist/Routing/MenuRoute.d.ts +25 -24
  154. package/dist/Routing/MenuRoute.js +24 -24
  155. package/dist/Routing/NavigationHelper.d.ts +41 -40
  156. package/dist/Routing/NavigationHelper.js +61 -61
  157. package/dist/Routing/PageLeaveHandler.d.ts +13 -13
  158. package/dist/Routing/PageLeaveHandler.js +74 -74
  159. package/dist/Routing/RouteProvider.d.ts +31 -31
  160. package/dist/Routing/RouteProvider.js +92 -92
  161. package/dist/Routing/RouteView.d.ts +50 -50
  162. package/dist/Routing/RouteView.js +143 -144
  163. package/dist/Routing/RoutingState.d.ts +18 -15
  164. package/dist/Routing/RoutingState.js +45 -40
  165. package/dist/Routing/ViewParameter.d.ts +80 -58
  166. package/dist/Routing/ViewParameter.js +116 -95
  167. package/dist/Routing/ViewParameterList.d.ts +53 -53
  168. package/dist/Routing/ViewParameterList.js +163 -145
  169. package/dist/Routing/index.d.ts +9 -9
  170. package/dist/Routing/index.js +6 -6
  171. package/dist/Services/DisposeHelper.d.ts +15 -15
  172. package/dist/Services/DisposeHelper.js +40 -41
  173. package/dist/Services/IDisposeHelper.d.ts +12 -12
  174. package/dist/Services/IDisposeHelper.js +1 -1
  175. package/dist/Views/EmptyViewModel.d.ts +5 -5
  176. package/dist/Views/EmptyViewModel.js +14 -14
  177. package/dist/Views/IViewModel.d.ts +16 -16
  178. package/dist/Views/IViewModel.js +1 -1
  179. package/dist/Views/PersistentViewBase.d.ts +10 -10
  180. package/dist/Views/PersistentViewBase.js +21 -21
  181. package/dist/Views/ViewBase.d.ts +70 -71
  182. package/dist/Views/ViewBase.js +166 -153
  183. package/dist/Views/ViewComponentBase.d.ts +19 -13
  184. package/dist/Views/ViewComponentBase.js +24 -21
  185. package/dist/Views/ViewModelBase.d.ts +57 -56
  186. package/dist/Views/ViewModelBase.js +122 -118
  187. package/dist/Views/ViewState.d.ts +13 -13
  188. package/dist/Views/ViewState.js +9 -9
  189. package/dist/Views/index.d.ts +5 -5
  190. package/dist/Views/index.js +5 -5
  191. package/dist/index.d.ts +11 -10
  192. package/dist/index.js +10 -9
  193. package/package.json +26 -26
  194. package/styles/DatePicker.scss +2 -2
  195. package/styles/Forms.scss +5 -0
  196. package/styles/Validation.scss +0 -9
@@ -1,30 +1,30 @@
1
- import React from 'react';
2
- export declare const containerId = "neo-toolip-container";
3
- /**
4
- * The tooltip provider creates a single tooltip div.
5
- * This div is shown when the mouse pointer moves over any element which has a data-tip attribute.
6
- * The text value of the data-tip attribute will be shown in the tooltip.
7
- * Other properties are:
8
- * - data-tip-class: adds a class name.
9
- * - data-tip-html: specifies that the string value of data-tip should be rendered as html.
10
- * - data-tip-align: center by default, or start / end / start-edge / end-edge.
11
- * - data-tip-pos: top by default (if there is enough space). Can be set to bottom / left / right.
12
- */
13
- export default class TooltipProvider extends React.Component {
14
- private currentInfo?;
15
- private observer;
16
- private timer;
17
- private lastElement;
18
- private domRef;
19
- constructor(props: {});
20
- componentDidMount(): void;
21
- componentWillUnmount(): void;
22
- private onAttributesChanged;
23
- private onMouseMove;
24
- private showHideOnElement;
25
- private afterTransitioned;
26
- private timerTick;
27
- private hide;
28
- private show;
29
- render(): JSX.Element;
30
- }
1
+ import React from 'react';
2
+ export declare const containerId = "neo-toolip-container";
3
+ /**
4
+ * The tooltip provider creates a single tooltip div.
5
+ * This div is shown when the mouse pointer moves over any element which has a data-tip attribute.
6
+ * The text value of the data-tip attribute will be shown in the tooltip.
7
+ * Other properties are:
8
+ * - data-tip-class: adds a class name.
9
+ * - data-tip-html: specifies that the string value of data-tip should be rendered as html.
10
+ * - data-tip-align: center by default, or start / end / start-edge / end-edge.
11
+ * - data-tip-pos: top by default (if there is enough space). Can be set to bottom / left / right.
12
+ */
13
+ export default class TooltipProvider extends React.Component {
14
+ private currentInfo?;
15
+ private observer;
16
+ private timer;
17
+ private lastElement;
18
+ private domRef;
19
+ constructor(props: {});
20
+ componentDidMount(): void;
21
+ componentWillUnmount(): void;
22
+ private onAttributesChanged;
23
+ private onMouseMove;
24
+ private showHideOnElement;
25
+ private afterTransitioned;
26
+ private timerTick;
27
+ private hide;
28
+ private show;
29
+ render(): JSX.Element;
30
+ }
@@ -1,111 +1,111 @@
1
- import { __extends } from "tslib";
2
- import React from 'react';
3
- import { Misc } from '@singularsystems/neo-core';
4
- import { TooltipHelper } from './TooltipHelper';
5
- export var containerId = "neo-toolip-container";
6
- var TooltipInfo = /** @class */ (function () {
7
- function TooltipInfo(anchor, text, className) {
8
- this.anchor = anchor;
9
- this.text = text;
10
- this.className = className;
11
- }
12
- return TooltipInfo;
13
- }());
14
- /**
15
- * The tooltip provider creates a single tooltip div.
16
- * This div is shown when the mouse pointer moves over any element which has a data-tip attribute.
17
- * The text value of the data-tip attribute will be shown in the tooltip.
18
- * Other properties are:
19
- * - data-tip-class: adds a class name.
20
- * - data-tip-html: specifies that the string value of data-tip should be rendered as html.
21
- * - data-tip-align: center by default, or start / end / start-edge / end-edge.
22
- * - data-tip-pos: top by default (if there is enough space). Can be set to bottom / left / right.
23
- */
24
- var TooltipProvider = /** @class */ (function (_super) {
25
- __extends(TooltipProvider, _super);
26
- function TooltipProvider(props) {
27
- var _this = _super.call(this, props) || this;
28
- _this.observer = new MutationObserver(_this.onAttributesChanged.bind(_this));
29
- _this.lastElement = null;
30
- _this.domRef = React.createRef();
31
- _this.onMouseMove = _this.onMouseMove.bind(_this);
32
- _this.afterTransitioned = _this.afterTransitioned.bind(_this);
33
- _this.timerTick = _this.timerTick.bind(_this);
34
- return _this;
35
- }
36
- TooltipProvider.prototype.componentDidMount = function () {
37
- Misc.Globals.root.addEventListener("pointermove", this.onMouseMove);
38
- Misc.Globals.root.addEventListener("touchstart", this.onMouseMove);
39
- this.domRef.current.addEventListener("transitionend", this.afterTransitioned);
40
- };
41
- TooltipProvider.prototype.componentWillUnmount = function () {
42
- Misc.Globals.root.removeEventListener("pointermove", this.onMouseMove);
43
- Misc.Globals.root.removeEventListener("touchstart", this.onMouseMove);
44
- this.domRef.current.removeEventListener("transitionend", this.afterTransitioned);
45
- this.observer.disconnect();
46
- };
47
- TooltipProvider.prototype.onAttributesChanged = function (mutations) {
48
- this.showHideOnElement(this.currentInfo.anchor);
49
- };
50
- TooltipProvider.prototype.onMouseMove = function (e) {
51
- if (!this.lastElement || e.target !== this.lastElement) {
52
- this.lastElement = e.target;
53
- this.showHideOnElement(e.target);
54
- }
55
- };
56
- TooltipProvider.prototype.showHideOnElement = function (element) {
57
- var anchor = element;
58
- var toolTip = anchor.dataset["tip"];
59
- var tryCount = 0;
60
- while (!toolTip && tryCount < 3 && anchor) {
61
- anchor = anchor.parentElement;
62
- toolTip = anchor && anchor.dataset["tip"];
63
- }
64
- if (toolTip && anchor) {
65
- if (!this.currentInfo || this.currentInfo.anchor !== anchor || this.currentInfo.text !== toolTip) {
66
- this.currentInfo = new TooltipInfo(anchor, toolTip, anchor.dataset["tipClass"] || "");
67
- this.show(this.currentInfo);
68
- }
69
- }
70
- else if (this.currentInfo) {
71
- this.hide();
72
- }
73
- };
74
- TooltipProvider.prototype.afterTransitioned = function () {
75
- var toolTip = this.domRef.current;
76
- if (toolTip && !toolTip.classList.contains("show")) {
77
- toolTip.firstChild.innerText = "";
78
- toolTip.style.left = "-1000px";
79
- }
80
- };
81
- TooltipProvider.prototype.timerTick = function () {
82
- if (this.currentInfo) {
83
- if (!this.currentInfo.anchor.offsetHeight) {
84
- this.hide();
85
- }
86
- }
87
- };
88
- TooltipProvider.prototype.hide = function () {
89
- this.observer.disconnect();
90
- if (this.timer) {
91
- clearInterval(this.timer);
92
- this.timer = null;
93
- }
94
- TooltipHelper.hideTooltip();
95
- this.currentInfo = undefined;
96
- };
97
- TooltipProvider.prototype.show = function (info) {
98
- this.observer.observe(info.anchor, { childList: false, subtree: false, attributes: true, attributeFilter: ["data-tip", "data-tip-class"] });
99
- if (!this.timer) {
100
- this.timer = setInterval(this.timerTick, 500);
101
- }
102
- TooltipHelper.showTooltip(info.anchor, info.text, info.anchor.dataset["tipHtml"] === "true", info.anchor.dataset["tipAlign"], info.anchor.dataset["tipPos"], info.className);
103
- };
104
- TooltipProvider.prototype.render = function () {
105
- return (React.createElement("div", { ref: this.domRef, className: "neo-tooltip", id: containerId },
106
- React.createElement("div", { className: "neo-tooltip-text" }),
107
- React.createElement("div", { className: "neo-tooltip-arrow" })));
108
- };
109
- return TooltipProvider;
110
- }(React.Component));
111
- export default TooltipProvider;
1
+ import { __extends } from "tslib";
2
+ import React from 'react';
3
+ import { Misc } from '@singularsystems/neo-core';
4
+ import { TooltipHelper } from './TooltipHelper';
5
+ export var containerId = "neo-toolip-container";
6
+ var TooltipInfo = /** @class */ (function () {
7
+ function TooltipInfo(anchor, text, className) {
8
+ this.anchor = anchor;
9
+ this.text = text;
10
+ this.className = className;
11
+ }
12
+ return TooltipInfo;
13
+ }());
14
+ /**
15
+ * The tooltip provider creates a single tooltip div.
16
+ * This div is shown when the mouse pointer moves over any element which has a data-tip attribute.
17
+ * The text value of the data-tip attribute will be shown in the tooltip.
18
+ * Other properties are:
19
+ * - data-tip-class: adds a class name.
20
+ * - data-tip-html: specifies that the string value of data-tip should be rendered as html.
21
+ * - data-tip-align: center by default, or start / end / start-edge / end-edge.
22
+ * - data-tip-pos: top by default (if there is enough space). Can be set to bottom / left / right.
23
+ */
24
+ var TooltipProvider = /** @class */ (function (_super) {
25
+ __extends(TooltipProvider, _super);
26
+ function TooltipProvider(props) {
27
+ var _this = _super.call(this, props) || this;
28
+ _this.observer = new MutationObserver(_this.onAttributesChanged.bind(_this));
29
+ _this.lastElement = null;
30
+ _this.domRef = React.createRef();
31
+ _this.onMouseMove = _this.onMouseMove.bind(_this);
32
+ _this.afterTransitioned = _this.afterTransitioned.bind(_this);
33
+ _this.timerTick = _this.timerTick.bind(_this);
34
+ return _this;
35
+ }
36
+ TooltipProvider.prototype.componentDidMount = function () {
37
+ Misc.Globals.root.addEventListener("pointermove", this.onMouseMove);
38
+ Misc.Globals.root.addEventListener("touchstart", this.onMouseMove);
39
+ this.domRef.current.addEventListener("transitionend", this.afterTransitioned);
40
+ };
41
+ TooltipProvider.prototype.componentWillUnmount = function () {
42
+ Misc.Globals.root.removeEventListener("pointermove", this.onMouseMove);
43
+ Misc.Globals.root.removeEventListener("touchstart", this.onMouseMove);
44
+ this.domRef.current.removeEventListener("transitionend", this.afterTransitioned);
45
+ this.observer.disconnect();
46
+ };
47
+ TooltipProvider.prototype.onAttributesChanged = function (mutations) {
48
+ this.showHideOnElement(this.currentInfo.anchor);
49
+ };
50
+ TooltipProvider.prototype.onMouseMove = function (e) {
51
+ if (!this.lastElement || e.target !== this.lastElement) {
52
+ this.lastElement = e.target;
53
+ this.showHideOnElement(e.target);
54
+ }
55
+ };
56
+ TooltipProvider.prototype.showHideOnElement = function (element) {
57
+ var anchor = element;
58
+ var toolTip = anchor.dataset["tip"];
59
+ var tryCount = 0;
60
+ while (!toolTip && tryCount < 3 && anchor) {
61
+ anchor = anchor.parentElement;
62
+ toolTip = anchor && anchor.dataset["tip"];
63
+ }
64
+ if (toolTip && anchor) {
65
+ if (!this.currentInfo || this.currentInfo.anchor !== anchor || this.currentInfo.text !== toolTip) {
66
+ this.currentInfo = new TooltipInfo(anchor, toolTip, anchor.dataset["tipClass"] || "");
67
+ this.show(this.currentInfo);
68
+ }
69
+ }
70
+ else if (this.currentInfo) {
71
+ this.hide();
72
+ }
73
+ };
74
+ TooltipProvider.prototype.afterTransitioned = function () {
75
+ var toolTip = this.domRef.current;
76
+ if (toolTip && !toolTip.classList.contains("show")) {
77
+ toolTip.firstChild.innerText = "";
78
+ toolTip.style.left = "-1000px";
79
+ }
80
+ };
81
+ TooltipProvider.prototype.timerTick = function () {
82
+ if (this.currentInfo) {
83
+ if (!this.currentInfo.anchor.offsetHeight) {
84
+ this.hide();
85
+ }
86
+ }
87
+ };
88
+ TooltipProvider.prototype.hide = function () {
89
+ this.observer.disconnect();
90
+ if (this.timer) {
91
+ clearInterval(this.timer);
92
+ this.timer = null;
93
+ }
94
+ TooltipHelper.hideTooltip();
95
+ this.currentInfo = undefined;
96
+ };
97
+ TooltipProvider.prototype.show = function (info) {
98
+ this.observer.observe(info.anchor, { childList: false, subtree: false, attributes: true, attributeFilter: ["data-tip", "data-tip-class"] });
99
+ if (!this.timer) {
100
+ this.timer = setInterval(this.timerTick, 500);
101
+ }
102
+ TooltipHelper.showTooltip(info.anchor, info.text, info.anchor.dataset["tipHtml"] === "true", info.anchor.dataset["tipAlign"], info.anchor.dataset["tipPos"], info.className);
103
+ };
104
+ TooltipProvider.prototype.render = function () {
105
+ return (React.createElement("div", { ref: this.domRef, className: "neo-tooltip", id: containerId },
106
+ React.createElement("div", { className: "neo-tooltip-text" }),
107
+ React.createElement("div", { className: "neo-tooltip-arrow" })));
108
+ };
109
+ return TooltipProvider;
110
+ }(React.Component));
111
+ export default TooltipProvider;
@@ -1,22 +1,23 @@
1
- import React from 'react';
2
- import { Model, Validation } from '@singularsystems/neo-core';
3
- export interface IValidationSummaryProps {
4
- /**
5
- * Invalid object graph from Validation.getValidationSummary().
6
- * If this is null, 'model' must be specified.
7
- */
8
- graph?: Validation.IInvalidObjectGraph | Validation.IInvalidObjectGraph[] | null;
9
- /**
10
- * Model or list of models.
11
- * If this is null, 'graph' must be specified.
12
- */
13
- model?: Model.IModelBase | Model.IModelBase[];
14
- /**
15
- * True if the toString() title should be hidden on the top level.
16
- */
17
- hideTopLevelTitle?: boolean;
18
- }
19
- export default class ValidationSummary extends React.Component<IValidationSummaryProps> {
20
- private getRules;
21
- render(): JSX.Element;
22
- }
1
+ import React from 'react';
2
+ import { Model, Validation } from '@singularsystems/neo-core';
3
+ export interface IValidationSummaryProps {
4
+ /**
5
+ * Invalid object graph from Validation.getValidationSummary().
6
+ * If this is null, 'model' must be specified.
7
+ */
8
+ graph?: Validation.IInvalidObjectGraph | Validation.IInvalidObjectGraph[] | null;
9
+ /**
10
+ * Model or list of models.
11
+ * If this is null, 'graph' must be specified.
12
+ */
13
+ model?: Model.IModelBase | Model.IModelBase[];
14
+ /**
15
+ * True if the toString() title should be hidden on the top level.
16
+ */
17
+ hideTopLevelTitle?: boolean;
18
+ }
19
+ export default class ValidationSummary extends React.Component<IValidationSummaryProps> {
20
+ private iconFactory;
21
+ private getRules;
22
+ render(): JSX.Element;
23
+ }
@@ -1,43 +1,46 @@
1
- import { __extends } from "tslib";
2
- import React from 'react';
3
- import { Validation, Utils } from '@singularsystems/neo-core';
4
- var ValidationSummary = /** @class */ (function (_super) {
5
- __extends(ValidationSummary, _super);
6
- function ValidationSummary() {
7
- return _super !== null && _super.apply(this, arguments) || this;
8
- }
9
- ValidationSummary.prototype.getRules = function (modelInfo) {
10
- return modelInfo.objectDisplayInfo.concat(modelInfo.propertyRules)
11
- .sort(function (a, b) { return a.order === b.order ? 0 : (a.order > b.order ? 1 : -1); })
12
- .sort(function (a, b) { return a.displayInfo.severity === b.displayInfo.severity ? 0 : (a.displayInfo.severity > b.displayInfo.severity ? -1 : 1); });
13
- };
14
- ValidationSummary.prototype.render = function () {
15
- var _this = this;
16
- var graph = this.props.graph;
17
- if (graph === undefined) {
18
- if (this.props.model) {
19
- graph = Validation.getValidationSummary(this.props.model, Validation.DisplayMode.Always);
20
- }
21
- else {
22
- throw Error("ValidationSummary expects 'graph' or 'model' property to be provided.");
23
- }
24
- }
25
- var models = graph instanceof Array ? graph : [graph];
26
- return (React.createElement("div", { className: "validation-summary" }, graph && models.map(function (modelInfo, index) { return (React.createElement("div", { key: index, className: "validation-summary-model" },
27
- _this.props.hideTopLevelTitle !== true &&
28
- React.createElement("div", { className: "validation-summary-model-title" },
29
- React.createElement("i", { className: Utils.getFontAwesomeClass(modelInfo.model.getIcon()) }),
30
- " ",
31
- modelInfo.model.toString()),
32
- React.createElement("div", { className: "validation-summary-model-body" + (_this.props.hideTopLevelTitle === true ? " no-title" : "") },
33
- React.createElement("div", { className: "validation-summary-model-rules" }, _this.getRules(modelInfo).map(function (rule, index) { return (React.createElement("div", { key: index, className: rule.displayInfo.additionalClassName },
34
- React.createElement("i", { className: rule.displayInfo.iconClass }),
35
- " ",
36
- rule.displayInfo.displayText)); })),
37
- React.createElement(ValidationSummary, { graph: modelInfo.valueObjects }),
38
- React.createElement(ValidationSummary, { graph: modelInfo.childObjects }),
39
- React.createElement(ValidationSummary, { graph: modelInfo.childLists })))); })));
40
- };
41
- return ValidationSummary;
42
- }(React.Component));
43
- export default ValidationSummary;
1
+ import { __extends } from "tslib";
2
+ import React from 'react';
3
+ import { Validation, Misc } from '@singularsystems/neo-core';
4
+ import { NeoReactTypes } from '../Modules/Types';
5
+ var ValidationSummary = /** @class */ (function (_super) {
6
+ __extends(ValidationSummary, _super);
7
+ function ValidationSummary() {
8
+ var _this = _super !== null && _super.apply(this, arguments) || this;
9
+ _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
10
+ return _this;
11
+ }
12
+ ValidationSummary.prototype.getRules = function (modelInfo) {
13
+ return modelInfo.objectDisplayInfo.concat(modelInfo.propertyRules)
14
+ .sort(function (a, b) { return a.order === b.order ? 0 : (a.order > b.order ? 1 : -1); })
15
+ .sort(function (a, b) { return a.displayInfo.severity === b.displayInfo.severity ? 0 : (a.displayInfo.severity > b.displayInfo.severity ? -1 : 1); });
16
+ };
17
+ ValidationSummary.prototype.render = function () {
18
+ var _this = this;
19
+ var graph = this.props.graph;
20
+ if (graph === undefined) {
21
+ if (this.props.model) {
22
+ graph = Validation.getValidationSummary(this.props.model, Validation.DisplayMode.Always);
23
+ }
24
+ else {
25
+ throw Error("ValidationSummary expects 'graph' or 'model' property to be provided.");
26
+ }
27
+ }
28
+ var models = graph instanceof Array ? graph : [graph];
29
+ return (React.createElement("div", { className: "validation-summary" }, graph && models.map(function (modelInfo, index) { return (React.createElement("div", { key: index, className: "validation-summary-model" },
30
+ _this.props.hideTopLevelTitle !== true &&
31
+ React.createElement("div", { className: "validation-summary-model-title" },
32
+ _this.iconFactory.getIconComponent(modelInfo.model.getIcon()),
33
+ " ",
34
+ modelInfo.model.toString()),
35
+ React.createElement("div", { className: "validation-summary-model-body" + (_this.props.hideTopLevelTitle === true ? " no-title" : "") },
36
+ React.createElement("div", { className: "validation-summary-model-rules" }, _this.getRules(modelInfo).map(function (rule, index) { return (React.createElement("div", { key: index, className: rule.displayInfo.additionalClassName },
37
+ _this.iconFactory.getIconComponent(rule.displayInfo.icon, { fixedWidth: true, spin: !!rule.displayInfo.asyncBusyText }),
38
+ " ",
39
+ rule.displayInfo.displayText)); })),
40
+ React.createElement(ValidationSummary, { graph: modelInfo.valueObjects }),
41
+ React.createElement(ValidationSummary, { graph: modelInfo.childObjects }),
42
+ React.createElement(ValidationSummary, { graph: modelInfo.childLists })))); })));
43
+ };
44
+ return ValidationSummary;
45
+ }(React.Component));
46
+ export default ValidationSummary;
@@ -1,41 +1,41 @@
1
- import Alert from './Notifications/Alert';
2
- import AutoCompleteDropDown from './DropDown/AutoCompleteDropDown';
3
- import Button from './Button';
4
- import Card from './Card';
5
- import Collapsable from './Collapsable';
6
- import ColorPicker from './ColorPicker';
7
- import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
8
- import DatePicker from './DatePicker';
9
- import DropDown from './DropDown/DropDown';
10
- import Input, { Textbox, Passwordbox, Checkbox } from './Input';
11
- import FileBasicInput from './FileManager/FileBasicInput';
12
- import FileContext from './FileManager/FileContext';
13
- import FileDropArea from './FileManager/FileDropArea';
14
- import FileInput from './FileManager/FileInput';
15
- import FileUploadButton from './FileManager/FileUploadButton';
16
- import FileUploadProgress from './FileManager/FileUploadProgress';
17
- import FormGroup from './FormGroup/FormGroup';
18
- import FormGroupFloating from './FormGroup/FormGroupFloating';
19
- import FormGroupInline from './FormGroup/FormGroupInline';
20
- import Form from './Form';
21
- import { FormContextProvider as FormContext } from './FormContext';
22
- import GridLayout from './GridLayout';
23
- import Link from './Link';
24
- import Loader from './Loader';
25
- import Modal from './Modal/Modal';
26
- import ModalContainer from './Modal/ModalContainer';
27
- import NumberInput from './NumberInput';
28
- import Pager from './Paging/Pager';
29
- import PagerControlsBasic from './Paging/BasicPagerControls';
30
- import PageSizeControl from './Paging/PageSizeControl';
31
- import ProgressBar from './ProgressBar';
32
- import RadioList from './RadioList';
33
- import Slider from './Slider';
34
- import TabContainer from './Tabs/TabContainer';
35
- import Tab from './Tabs/Tab';
36
- import Toast from './Notifications/Toast';
37
- import ToastContainer from './Notifications/ToastContainer';
38
- import Tooltip from './Tooltip';
39
- import TooltipProvider from './TooltipProvider';
40
- import ValidationSummary from './ValidationSummary';
41
- export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
1
+ import Alert from './Notifications/Alert';
2
+ import AutoCompleteDropDown from './DropDown/AutoCompleteDropDown';
3
+ import Button from './Button';
4
+ import Card from './Card';
5
+ import Collapsable from './Collapsable';
6
+ import ColorPicker from './ColorPicker';
7
+ import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
8
+ import DatePicker from './DatePicker';
9
+ import DropDown from './DropDown/DropDown';
10
+ import Input, { Textbox, Passwordbox, Checkbox } from './Input';
11
+ import FileBasicInput from './FileManager/FileBasicInput';
12
+ import FileContext from './FileManager/FileContext';
13
+ import FileDropArea from './FileManager/FileDropArea';
14
+ import FileInput from './FileManager/FileInput';
15
+ import FileUploadButton from './FileManager/FileUploadButton';
16
+ import FileUploadProgress from './FileManager/FileUploadProgress';
17
+ import FormGroup from './FormGroup/FormGroup';
18
+ import FormGroupFloating from './FormGroup/FormGroupFloating';
19
+ import FormGroupInline from './FormGroup/FormGroupInline';
20
+ import Form from './Form';
21
+ import { FormContextProvider as FormContext } from './FormContext';
22
+ import GridLayout from './GridLayout';
23
+ import Link from './Link';
24
+ import Loader from './Loader';
25
+ import Modal from './Modal/Modal';
26
+ import ModalContainer from './Modal/ModalContainer';
27
+ import NumberInput from './NumberInput';
28
+ import Pager from './Paging/Pager';
29
+ import PagerControlsBasic from './Paging/BasicPagerControls';
30
+ import PageSizeControl from './Paging/PageSizeControl';
31
+ import ProgressBar from './ProgressBar';
32
+ import RadioList from './RadioList';
33
+ import Slider from './Slider';
34
+ import TabContainer from './Tabs/TabContainer';
35
+ import Tab from './Tabs/Tab';
36
+ import Toast from './Notifications/Toast';
37
+ import ToastContainer from './Notifications/ToastContainer';
38
+ import Tooltip from './Tooltip';
39
+ import TooltipProvider from './TooltipProvider';
40
+ import ValidationSummary from './ValidationSummary';
41
+ export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
@@ -1,41 +1,41 @@
1
- import Alert from './Notifications/Alert';
2
- import AutoCompleteDropDown from './DropDown/AutoCompleteDropDown';
3
- import Button from './Button';
4
- import Card from './Card';
5
- import Collapsable from './Collapsable';
6
- import ColorPicker from './ColorPicker';
7
- import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
8
- import DatePicker from './DatePicker';
9
- import DropDown from './DropDown/DropDown';
10
- import Input, { Textbox, Passwordbox, Checkbox } from './Input';
11
- import FileBasicInput from './FileManager/FileBasicInput';
12
- import FileContext from './FileManager/FileContext';
13
- import FileDropArea from './FileManager/FileDropArea';
14
- import FileInput from './FileManager/FileInput';
15
- import FileUploadButton from './FileManager/FileUploadButton';
16
- import FileUploadProgress from './FileManager/FileUploadProgress';
17
- import FormGroup from './FormGroup/FormGroup';
18
- import FormGroupFloating from './FormGroup/FormGroupFloating';
19
- import FormGroupInline from './FormGroup/FormGroupInline';
20
- import Form from './Form';
21
- import { FormContextProvider as FormContext } from './FormContext';
22
- import GridLayout from './GridLayout';
23
- import Link from './Link';
24
- import Loader from './Loader';
25
- import Modal from './Modal/Modal';
26
- import ModalContainer from './Modal/ModalContainer';
27
- import NumberInput from './NumberInput';
28
- import Pager from './Paging/Pager';
29
- import PagerControlsBasic from './Paging/BasicPagerControls';
30
- import PageSizeControl from './Paging/PageSizeControl';
31
- import ProgressBar from './ProgressBar';
32
- import RadioList from './RadioList';
33
- import Slider from './Slider';
34
- import TabContainer from './Tabs/TabContainer';
35
- import Tab from './Tabs/Tab';
36
- import Toast from './Notifications/Toast';
37
- import ToastContainer from './Notifications/ToastContainer';
38
- import Tooltip from './Tooltip';
39
- import TooltipProvider from './TooltipProvider';
40
- import ValidationSummary from './ValidationSummary';
41
- export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
1
+ import Alert from './Notifications/Alert';
2
+ import AutoCompleteDropDown from './DropDown/AutoCompleteDropDown';
3
+ import Button from './Button';
4
+ import Card from './Card';
5
+ import Collapsable from './Collapsable';
6
+ import ColorPicker from './ColorPicker';
7
+ import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
8
+ import DatePicker from './DatePicker';
9
+ import DropDown from './DropDown/DropDown';
10
+ import Input, { Textbox, Passwordbox, Checkbox } from './Input';
11
+ import FileBasicInput from './FileManager/FileBasicInput';
12
+ import FileContext from './FileManager/FileContext';
13
+ import FileDropArea from './FileManager/FileDropArea';
14
+ import FileInput from './FileManager/FileInput';
15
+ import FileUploadButton from './FileManager/FileUploadButton';
16
+ import FileUploadProgress from './FileManager/FileUploadProgress';
17
+ import FormGroup from './FormGroup/FormGroup';
18
+ import FormGroupFloating from './FormGroup/FormGroupFloating';
19
+ import FormGroupInline from './FormGroup/FormGroupInline';
20
+ import Form from './Form';
21
+ import { FormContextProvider as FormContext } from './FormContext';
22
+ import GridLayout from './GridLayout';
23
+ import Link from './Link';
24
+ import Loader from './Loader';
25
+ import Modal from './Modal/Modal';
26
+ import ModalContainer from './Modal/ModalContainer';
27
+ import NumberInput from './NumberInput';
28
+ import Pager from './Paging/Pager';
29
+ import PagerControlsBasic from './Paging/BasicPagerControls';
30
+ import PageSizeControl from './Paging/PageSizeControl';
31
+ import ProgressBar from './ProgressBar';
32
+ import RadioList from './RadioList';
33
+ import Slider from './Slider';
34
+ import TabContainer from './Tabs/TabContainer';
35
+ import Tab from './Tabs/Tab';
36
+ import Toast from './Notifications/Toast';
37
+ import ToastContainer from './Notifications/ToastContainer';
38
+ import Tooltip from './Tooltip';
39
+ import TooltipProvider from './TooltipProvider';
40
+ import ValidationSummary from './ValidationSummary';
41
+ export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
@@ -1,4 +1,4 @@
1
- import { FileManager, BoundFileManager } from '@singularsystems/neo-core/dist/Components';
2
- import { PageManager, PageRequest, PageResult } from '@singularsystems/neo-core/dist/Data';
3
- import { TabManager } from './Tabs/TabManager';
4
- export { BoundFileManager, FileManager, PageManager, PageRequest, PageResult, TabManager };
1
+ import { FileManager, BoundFileManager } from '@singularsystems/neo-core/dist/Components';
2
+ import { PageManager, PageRequest, PageResult } from '@singularsystems/neo-core/dist/Data';
3
+ import { TabManager } from './Tabs/TabManager';
4
+ export { BoundFileManager, FileManager, PageManager, PageRequest, PageResult, TabManager };
@@ -1,4 +1,4 @@
1
- import { FileManager, BoundFileManager, } from '@singularsystems/neo-core/dist/Components';
2
- import { PageManager, PageRequest, PageResult } from '@singularsystems/neo-core/dist/Data';
3
- import { TabManager } from './Tabs/TabManager';
4
- export { BoundFileManager, FileManager, PageManager, PageRequest, PageResult, TabManager };
1
+ import { FileManager, BoundFileManager, } from '@singularsystems/neo-core/dist/Components';
2
+ import { PageManager, PageRequest, PageResult } from '@singularsystems/neo-core/dist/Data';
3
+ import { TabManager } from './Tabs/TabManager';
4
+ export { BoundFileManager, FileManager, PageManager, PageRequest, PageResult, TabManager };