dattatable 1.9.0 → 1.9.1
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/build/dashboard/navigation.js +15 -4
- package/dist/dattatable.js +1 -1
- package/dist/dattatable.min.js +1 -1
- package/docs/classes/CanvasForm.html +1 -1
- package/docs/classes/Comments.html +1 -1
- package/docs/classes/Dashboard.html +2 -2
- package/docs/classes/DataTable.html +2 -2
- package/docs/classes/Documents.html +5 -5
- package/docs/classes/FilterSlideout.html +1 -1
- package/docs/classes/Footer.html +1 -1
- package/docs/classes/Header.html +1 -1
- package/docs/classes/InstallationRequired.html +1 -1
- package/docs/classes/ItemForm.html +3 -3
- package/docs/classes/LoadingDialog.html +1 -1
- package/docs/classes/Modal.html +1 -1
- package/docs/classes/Navigation.html +1 -1
- package/docs/enums/ActionButtonTypes.html +1 -1
- package/docs/interfaces/ICommentsItem.html +1 -1
- package/docs/interfaces/IDashboardProps.html +1 -1
- package/docs/interfaces/IDataTable.html +1 -1
- package/docs/interfaces/IDataTableProps.html +1 -1
- package/docs/interfaces/IDocumentsProps.html +1 -1
- package/docs/interfaces/IFilterItem.html +1 -1
- package/docs/interfaces/IFilterProps.html +1 -1
- package/docs/interfaces/IFooterProps.html +1 -1
- package/docs/interfaces/IHeaderProps.html +1 -1
- package/docs/interfaces/IItemFormCreateProps.html +1 -1
- package/docs/interfaces/IItemFormEditProps.html +1 -1
- package/docs/interfaces/IItemFormTab.html +1 -1
- package/docs/interfaces/IItemFormTabInfo.html +1 -1
- package/docs/interfaces/IItemFormViewProps.html +1 -1
- package/docs/interfaces/IShowDialogProps.html +1 -1
- package/docs/modules.html +1 -1
- package/package.json +1 -1
|
@@ -19,6 +19,7 @@ var Navigation = /** @class */ (function () {
|
|
|
19
19
|
}
|
|
20
20
|
// Renders the component
|
|
21
21
|
Navigation.prototype.render = function () {
|
|
22
|
+
var _this = this;
|
|
22
23
|
// Define the default props
|
|
23
24
|
var props = {
|
|
24
25
|
el: this._props.el,
|
|
@@ -35,9 +36,22 @@ var Navigation = /** @class */ (function () {
|
|
|
35
36
|
};
|
|
36
37
|
// Call the rendering event
|
|
37
38
|
this._props.onRendering ? this._props.onRendering(props) : null;
|
|
39
|
+
// Set the onRendered event
|
|
40
|
+
var onRendered = this._props.onRendered;
|
|
41
|
+
this._props.onRendered = function (el) {
|
|
42
|
+
// See if we are showing the filter
|
|
43
|
+
if (_this._props.hideFilter != true) {
|
|
44
|
+
// Call the event
|
|
45
|
+
_this._props.onShowFilter && ttp ? ttp.el.addEventListener("click", _this._props.onShowFilter) : null;
|
|
46
|
+
_this._props.onFilterRendered ? _this._props.onFilterRendered(el) : null;
|
|
47
|
+
}
|
|
48
|
+
// Call the custom onRendered event
|
|
49
|
+
onRendered ? onRendered(el) : null;
|
|
50
|
+
};
|
|
38
51
|
// Render a navbar
|
|
39
52
|
var nav = gd_sprest_bs_1.Components.Navbar(props);
|
|
40
53
|
// See if we are showing the filter
|
|
54
|
+
var ttp = null;
|
|
41
55
|
if (this._props.hideFilter != true) {
|
|
42
56
|
// Render the filter icon
|
|
43
57
|
// Create a span to wrap the icon in
|
|
@@ -45,7 +59,7 @@ var Navigation = /** @class */ (function () {
|
|
|
45
59
|
span.className = "bg-white d-inline-flex filter-icon ms-2 rounded";
|
|
46
60
|
nav.el.firstElementChild.appendChild(span);
|
|
47
61
|
// Render a tooltip
|
|
48
|
-
|
|
62
|
+
ttp = gd_sprest_bs_1.Components.Tooltip({
|
|
49
63
|
el: span,
|
|
50
64
|
content: "Filters",
|
|
51
65
|
type: gd_sprest_bs_1.Components.TooltipTypes.Secondary,
|
|
@@ -56,9 +70,6 @@ var Navigation = /** @class */ (function () {
|
|
|
56
70
|
type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSecondary
|
|
57
71
|
},
|
|
58
72
|
});
|
|
59
|
-
// Call the event
|
|
60
|
-
this._props.onShowFilter ? ttp.el.addEventListener("click", this._props.onShowFilter) : null;
|
|
61
|
-
this._props.onFilterRendered ? this._props.onFilterRendered(span) : null;
|
|
62
73
|
}
|
|
63
74
|
// Call the event
|
|
64
75
|
this._props.onSearchRendered ? this._props.onSearchRendered(this._props.el.querySelector("input[type='search']")) : null;
|
package/dist/dattatable.js
CHANGED
|
@@ -137,7 +137,7 @@ eval("\r\nvar __createBinding = (this && this.__createBinding) || (Object.create
|
|
|
137
137
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
138
138
|
|
|
139
139
|
"use strict";
|
|
140
|
-
eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Navigation = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.3/node_modules/gd-sprest-bs/build/index.js\");\r\nvar filter_1 = __webpack_require__(/*! gd-sprest-bs/build/icons/svgs/filter */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.3/node_modules/gd-sprest-bs/build/icons/svgs/filter.js\");\r\n/**\r\n * Navigation\r\n */\r\nvar Navigation = /** @class */ (function () {\r\n // Constructor\r\n function Navigation(props) {\r\n this._props = null;\r\n // Save the properties\r\n this._props = props;\r\n // Render the navigation\r\n this.render();\r\n // Call the render event\r\n props.onRendered ? props.onRendered(this._props.el) : null;\r\n }\r\n // Renders the component\r\n Navigation.prototype.render = function () {\r\n // Define the default props\r\n var props = {\r\n el: this._props.el,\r\n brand: this._props.title,\r\n enableSearch: this._props.hideSearch != null ? !this._props.hideSearch : null,\r\n items: this._props.items,\r\n itemsEnd: this._props.itemsEnd,\r\n searchBox: {\r\n hideButton: true,\r\n onChange: this._props.onSearch,\r\n onSearch: this._props.onSearch,\r\n placeholder: \"Search this app\",\r\n }\r\n };\r\n // Call the rendering event\r\n this._props.onRendering ? this._props.onRendering(props) : null;\r\n // Render a navbar\r\n var nav = gd_sprest_bs_1.Components.Navbar(props);\r\n // See if we are showing the filter\r\n if (this._props.hideFilter != true) {\r\n // Render the filter icon\r\n // Create a span to wrap the icon in\r\n var span = document.createElement(\"span\");\r\n span.className = \"bg-white d-inline-flex filter-icon ms-2 rounded\";\r\n nav.el.firstElementChild.appendChild(span);\r\n // Render a tooltip\r\n
|
|
140
|
+
eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Navigation = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.3/node_modules/gd-sprest-bs/build/index.js\");\r\nvar filter_1 = __webpack_require__(/*! gd-sprest-bs/build/icons/svgs/filter */ \"./node_modules/.pnpm/gd-sprest-bs@9.6.3/node_modules/gd-sprest-bs/build/icons/svgs/filter.js\");\r\n/**\r\n * Navigation\r\n */\r\nvar Navigation = /** @class */ (function () {\r\n // Constructor\r\n function Navigation(props) {\r\n this._props = null;\r\n // Save the properties\r\n this._props = props;\r\n // Render the navigation\r\n this.render();\r\n // Call the render event\r\n props.onRendered ? props.onRendered(this._props.el) : null;\r\n }\r\n // Renders the component\r\n Navigation.prototype.render = function () {\r\n var _this = this;\r\n // Define the default props\r\n var props = {\r\n el: this._props.el,\r\n brand: this._props.title,\r\n enableSearch: this._props.hideSearch != null ? !this._props.hideSearch : null,\r\n items: this._props.items,\r\n itemsEnd: this._props.itemsEnd,\r\n searchBox: {\r\n hideButton: true,\r\n onChange: this._props.onSearch,\r\n onSearch: this._props.onSearch,\r\n placeholder: \"Search this app\",\r\n }\r\n };\r\n // Call the rendering event\r\n this._props.onRendering ? this._props.onRendering(props) : null;\r\n // Set the onRendered event\r\n var onRendered = this._props.onRendered;\r\n this._props.onRendered = function (el) {\r\n // See if we are showing the filter\r\n if (_this._props.hideFilter != true) {\r\n // Call the event\r\n _this._props.onShowFilter && ttp ? ttp.el.addEventListener(\"click\", _this._props.onShowFilter) : null;\r\n _this._props.onFilterRendered ? _this._props.onFilterRendered(el) : null;\r\n }\r\n // Call the custom onRendered event\r\n onRendered ? onRendered(el) : null;\r\n };\r\n // Render a navbar\r\n var nav = gd_sprest_bs_1.Components.Navbar(props);\r\n // See if we are showing the filter\r\n var ttp = null;\r\n if (this._props.hideFilter != true) {\r\n // Render the filter icon\r\n // Create a span to wrap the icon in\r\n var span = document.createElement(\"span\");\r\n span.className = \"bg-white d-inline-flex filter-icon ms-2 rounded\";\r\n nav.el.firstElementChild.appendChild(span);\r\n // Render a tooltip\r\n ttp = gd_sprest_bs_1.Components.Tooltip({\r\n el: span,\r\n content: \"Filters\",\r\n type: gd_sprest_bs_1.Components.TooltipTypes.Secondary,\r\n btnProps: {\r\n // Render the filter button\r\n iconType: filter_1.filter,\r\n iconSize: 28,\r\n type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSecondary\r\n },\r\n });\r\n }\r\n // Call the event\r\n this._props.onSearchRendered ? this._props.onSearchRendered(this._props.el.querySelector(\"input[type='search']\")) : null;\r\n };\r\n return Navigation;\r\n}());\r\nexports.Navigation = Navigation;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/navigation.js?");
|
|
141
141
|
|
|
142
142
|
/***/ }),
|
|
143
143
|
|