@hypericon/mico 0.4.2 → 0.5.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/dist/cjs/components/menu/Menu.d.ts +2 -0
- package/dist/cjs/components/menu/menu-manager.d.ts +2 -0
- package/dist/cjs/components/menu/menu-manager.js +18 -1
- package/dist/cjs/components/table/Table.d.ts +4 -0
- package/dist/cjs/components/table/Table.js +5 -1
- package/dist/cjs/components/tooltip/tooltip-function.d.ts +1 -1
- package/dist/cjs/components/tooltip/tooltip-function.js +1 -1
- package/dist/esm/components/accordion/index.d.ts +1 -0
- package/dist/esm/components/accordion/index.js +1 -0
- package/dist/esm/components/data-grid/index.d.ts +1 -0
- package/dist/esm/components/data-grid/index.js +1 -0
- package/dist/esm/components/data-table/index.d.ts +1 -0
- package/dist/esm/components/data-table/index.js +1 -0
- package/dist/esm/components/dialog/Dialog.js +2 -1
- package/dist/esm/components/dialog/dialog-manager.js +20 -13
- package/dist/esm/components/dialog/index.js +17 -1
- package/dist/esm/components/drag-handler/DragHandler.js +9 -3
- package/dist/esm/components/drag-handler/index.js +17 -1
- package/dist/esm/components/drawer/index.d.ts +1 -0
- package/dist/esm/components/drawer/index.js +1 -0
- package/dist/esm/components/drop-target/DropTarget.js +15 -9
- package/dist/esm/components/drop-target/drop-target.state.js +14 -10
- package/dist/esm/components/drop-target/index.js +17 -1
- package/dist/esm/components/form/Form.js +4 -1
- package/dist/esm/components/form/index.js +17 -1
- package/dist/esm/components/icon/Icon.js +9 -3
- package/dist/esm/components/icon/icons.js +2 -1
- package/dist/esm/components/icon/index.js +18 -2
- package/dist/esm/components/index.js +28 -12
- package/dist/esm/components/markdown/Markdown.js +15 -9
- package/dist/esm/components/markdown/index.js +17 -1
- package/dist/esm/components/markdown-editor/MarkdownEditor.js +70 -44
- package/dist/esm/components/markdown-editor/index.js +17 -1
- package/dist/esm/components/markdown-editor/markdown-editor.state.js +11 -7
- package/dist/esm/components/menu/Menu.d.ts +2 -0
- package/dist/esm/components/menu/Menu.js +16 -10
- package/dist/esm/components/menu/MenuButton.js +31 -25
- package/dist/esm/components/menu/MenuSeparator.js +11 -5
- package/dist/esm/components/menu/index.js +22 -6
- package/dist/esm/components/menu/menu-constants.js +4 -1
- package/dist/esm/components/menu/menu-manager.d.ts +2 -0
- package/dist/esm/components/menu/menu-manager.js +35 -11
- package/dist/esm/components/menu/menu-settings.js +4 -1
- package/dist/esm/components/modal/index.d.ts +1 -0
- package/dist/esm/components/modal/index.js +1 -0
- package/dist/esm/components/pagination/Pagination.js +35 -29
- package/dist/esm/components/pagination/index.js +18 -2
- package/dist/esm/components/pagination/pagination-settings.js +4 -1
- package/dist/esm/components/panel-tree/PanelTree.js +27 -21
- package/dist/esm/components/panel-tree/index.d.ts +1 -0
- package/dist/esm/components/panel-tree/index.js +1 -0
- package/dist/esm/components/panel-tree/panel-tree-constants.js +5 -2
- package/dist/esm/components/panel-tree/panel-tree-store.js +13 -9
- package/dist/esm/components/panel-tree/panel-tree-utils.js +7 -3
- package/dist/esm/components/popover/index.d.ts +1 -0
- package/dist/esm/components/popover/index.js +1 -0
- package/dist/esm/components/reorderable-list/RedorderableList.js +17 -11
- package/dist/esm/components/reorderable-list/index.d.ts +1 -0
- package/dist/esm/components/reorderable-list/index.js +1 -0
- package/dist/esm/components/select/Select.js +18 -12
- package/dist/esm/components/select/SelectOptionsPanel.js +19 -13
- package/dist/esm/components/select/constants.js +5 -2
- package/dist/esm/components/select/index.js +18 -2
- package/dist/esm/components/select/select-options-manager.js +7 -3
- package/dist/esm/components/tab-panel/TabPanel.js +19 -13
- package/dist/esm/components/tab-panel/index.js +19 -3
- package/dist/esm/components/tab-panel/tab-panel-default-settings.js +4 -1
- package/dist/esm/components/tab-panel/tab-panel-settings.js +2 -1
- package/dist/esm/components/table/Table.d.ts +4 -0
- package/dist/esm/components/table/Table.js +24 -13
- package/dist/esm/components/table/index.js +17 -1
- package/dist/esm/components/toast/index.js +17 -1
- package/dist/esm/components/toast/toast.js +39 -9
- package/dist/esm/components/tooltip/index.js +19 -3
- package/dist/esm/components/tooltip/tooltip-defaults.js +4 -1
- package/dist/esm/components/tooltip/tooltip-function.d.ts +1 -1
- package/dist/esm/components/tooltip/tooltip-function.js +26 -21
- package/dist/esm/components/tooltip/tooltip-interfaces.js +2 -1
- package/dist/esm/components/tree/Tree.js +29 -22
- package/dist/esm/components/tree/index.js +19 -3
- package/dist/esm/components/tree/tree-node.interface.js +2 -1
- package/dist/esm/components/tree/tree-utils.js +5 -1
- package/dist/esm/index.js +18 -2
- package/dist/esm/utils/date-time.js +7 -2
- package/dist/esm/utils/dom.js +7 -2
- package/dist/esm/utils/events.js +5 -1
- package/dist/esm/utils/index.js +19 -3
- package/package.json +1 -1
|
@@ -2,6 +2,8 @@ import m from "mithril";
|
|
|
2
2
|
import { MenuOptions } from "./Menu";
|
|
3
3
|
export declare class MenuManager {
|
|
4
4
|
private containerEl;
|
|
5
|
+
private directParentEl;
|
|
6
|
+
private directParentWrapperEl;
|
|
5
7
|
private _menuVnode;
|
|
6
8
|
menuVnode$: import("rxjs").Observable<m.Vnode<any, any> | undefined>;
|
|
7
9
|
get menuVnode(): m.Vnode<any, any> | undefined;
|
|
@@ -25,6 +25,7 @@ class MenuManager {
|
|
|
25
25
|
constructor() {
|
|
26
26
|
this._menuVnode = new rxjs_1.BehaviorSubject(undefined);
|
|
27
27
|
this.menuVnode$ = this._menuVnode.asObservable();
|
|
28
|
+
// Set up the default container element for the menu
|
|
28
29
|
this.containerEl = document.createElement("div");
|
|
29
30
|
this.containerEl.classList.add("menu-container");
|
|
30
31
|
document.body.append(this.containerEl);
|
|
@@ -65,13 +66,29 @@ class MenuManager {
|
|
|
65
66
|
menuContents,
|
|
66
67
|
]);
|
|
67
68
|
this._menuVnode.next(menuVnode);
|
|
68
|
-
|
|
69
|
+
// m.render(this.containerEl, menuVnode);
|
|
70
|
+
if ((options === null || options === void 0 ? void 0 : options.asChild) && (ev === null || ev === void 0 ? void 0 : ev.target) && ev.target instanceof HTMLElement) {
|
|
71
|
+
this.directParentEl = ev.target;
|
|
72
|
+
// m.render(ev.target, menuVnode);
|
|
73
|
+
// this.containerEl = ev.target;
|
|
74
|
+
this.directParentWrapperEl = document.createElement("div");
|
|
75
|
+
this.directParentEl.append(this.directParentWrapperEl);
|
|
76
|
+
mithril_1.default.render(this.directParentWrapperEl, menuVnode);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
mithril_1.default.render(this.containerEl, menuVnode);
|
|
80
|
+
}
|
|
81
|
+
// m.render(this.containerEl, menuVnode);
|
|
69
82
|
// console.log("Added menu");
|
|
70
83
|
});
|
|
71
84
|
}
|
|
72
85
|
hide() {
|
|
86
|
+
var _a;
|
|
73
87
|
this._menuVnode.next(undefined);
|
|
74
88
|
mithril_1.default.render(this.containerEl, []);
|
|
89
|
+
(_a = this.directParentWrapperEl) === null || _a === void 0 ? void 0 : _a.remove();
|
|
90
|
+
this.directParentWrapperEl = undefined;
|
|
91
|
+
this.directParentEl = undefined;
|
|
75
92
|
// console.log("Closed menu");
|
|
76
93
|
}
|
|
77
94
|
}
|
|
@@ -21,6 +21,10 @@ export interface TableAttrs<T> {
|
|
|
21
21
|
layout?: "auto" | "fixed";
|
|
22
22
|
/** Override the default message displayed when there are no data items */
|
|
23
23
|
emptyMessage?: string;
|
|
24
|
+
/** Optional function to apply custom styles to rows */
|
|
25
|
+
rowStyle?: (item: T, index: number) => string | undefined;
|
|
26
|
+
/** Optional function to apply custom classes to rows */
|
|
27
|
+
rowClass?: (item: T, index: number) => string | undefined;
|
|
24
28
|
/** Any CSS classes to apply to the table */
|
|
25
29
|
class?: string;
|
|
26
30
|
/** Any CSS styles to apply to the table */
|
|
@@ -50,7 +50,11 @@ exports.Table = {
|
|
|
50
50
|
]),
|
|
51
51
|
(0, mithril_1.default)("tbody", [
|
|
52
52
|
attrs.data.map((item, dataIndex) => {
|
|
53
|
-
|
|
53
|
+
var _a, _b;
|
|
54
|
+
return (0, mithril_1.default)("tr", {
|
|
55
|
+
class: (_a = attrs.rowClass) === null || _a === void 0 ? void 0 : _a.call(attrs, item, dataIndex),
|
|
56
|
+
style: (_b = attrs.rowStyle) === null || _b === void 0 ? void 0 : _b.call(attrs, item, dataIndex),
|
|
57
|
+
}, [
|
|
54
58
|
attrs.columns.map((col, colIndex) => {
|
|
55
59
|
var _a, _b, _c;
|
|
56
60
|
return (0, mithril_1.default)("td", {
|
|
@@ -23,7 +23,7 @@ export declare function tooltip(ev: MouseEvent, tooltip: string, opts?: Partial<
|
|
|
23
23
|
* }, "Click me"),
|
|
24
24
|
* // is equivalent to:
|
|
25
25
|
* m("button", {
|
|
26
|
-
*
|
|
26
|
+
* onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
|
|
27
27
|
* }, "Click me"),
|
|
28
28
|
* ```
|
|
29
29
|
* @param value
|
|
@@ -73,7 +73,7 @@ exports.tooltip = tooltip;
|
|
|
73
73
|
* }, "Click me"),
|
|
74
74
|
* // is equivalent to:
|
|
75
75
|
* m("button", {
|
|
76
|
-
*
|
|
76
|
+
* onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
|
|
77
77
|
* }, "Click me"),
|
|
78
78
|
* ```
|
|
79
79
|
* @param value
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -7,9 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
7
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
9
|
});
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
exports.dialogMgr = exports.DialogManager = void 0;
|
|
16
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
17
|
+
const utils_1 = require("../../utils");
|
|
18
|
+
class DialogManager {
|
|
13
19
|
get isOpen() { return this.currentDialog !== undefined; }
|
|
14
20
|
constructor(options) {
|
|
15
21
|
this.debug = false;
|
|
@@ -47,7 +53,7 @@ export class DialogManager {
|
|
|
47
53
|
const dialogId = `${Math.random().toString().replace("0.", "")}`;
|
|
48
54
|
return new Promise((resolve, reject) => {
|
|
49
55
|
const backdropDismissAvailableAt = Date.now() + this.backdropDismissTimeout;
|
|
50
|
-
|
|
56
|
+
mithril_1.default.mount(element, {
|
|
51
57
|
oninit() {
|
|
52
58
|
//
|
|
53
59
|
},
|
|
@@ -64,7 +70,7 @@ export class DialogManager {
|
|
|
64
70
|
// console.log(ev);
|
|
65
71
|
if (ev.target !== dom)
|
|
66
72
|
return;
|
|
67
|
-
const isInDialog = mouseWithinElement(ev, dom);
|
|
73
|
+
const isInDialog = (0, utils_1.mouseWithinElement)(ev, dom);
|
|
68
74
|
if (!isInDialog)
|
|
69
75
|
manager.close();
|
|
70
76
|
});
|
|
@@ -76,13 +82,13 @@ export class DialogManager {
|
|
|
76
82
|
resolve(undefined);
|
|
77
83
|
},
|
|
78
84
|
view() {
|
|
79
|
-
return
|
|
85
|
+
return (0, mithril_1.default)("dialog", {
|
|
80
86
|
id: dialogId,
|
|
81
87
|
key: dialogId,
|
|
82
88
|
class: "mico-dialog",
|
|
83
89
|
onclose: () => {
|
|
84
90
|
manager.debug && console.log("dialog onclose()");
|
|
85
|
-
|
|
91
|
+
mithril_1.default.mount(manager.containerEl, null);
|
|
86
92
|
},
|
|
87
93
|
oncancel: (ev) => {
|
|
88
94
|
if ((opts === null || opts === void 0 ? void 0 : opts.noEscape) === true) {
|
|
@@ -91,7 +97,7 @@ export class DialogManager {
|
|
|
91
97
|
},
|
|
92
98
|
}, [
|
|
93
99
|
("view" in dialog)
|
|
94
|
-
?
|
|
100
|
+
? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
|
|
95
101
|
: dialog,
|
|
96
102
|
]);
|
|
97
103
|
},
|
|
@@ -113,7 +119,7 @@ export class DialogManager {
|
|
|
113
119
|
// }
|
|
114
120
|
// }
|
|
115
121
|
return new Promise((resolve, reject) => {
|
|
116
|
-
|
|
122
|
+
mithril_1.default.mount(element, {
|
|
117
123
|
oninit() {
|
|
118
124
|
//
|
|
119
125
|
},
|
|
@@ -128,16 +134,16 @@ export class DialogManager {
|
|
|
128
134
|
resolve(undefined);
|
|
129
135
|
},
|
|
130
136
|
view() {
|
|
131
|
-
return
|
|
137
|
+
return (0, mithril_1.default)("dialog", {
|
|
132
138
|
id: dialogId,
|
|
133
139
|
key: dialogId,
|
|
134
140
|
onclose: () => {
|
|
135
141
|
console.log("dialog onclose()");
|
|
136
|
-
|
|
142
|
+
mithril_1.default.mount(manager.containerEl, null);
|
|
137
143
|
},
|
|
138
144
|
}, [
|
|
139
145
|
("view" in dialog)
|
|
140
|
-
?
|
|
146
|
+
? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
|
|
141
147
|
: dialog,
|
|
142
148
|
]);
|
|
143
149
|
},
|
|
@@ -164,4 +170,5 @@ export class DialogManager {
|
|
|
164
170
|
console.log(dialog.prototype);
|
|
165
171
|
}
|
|
166
172
|
}
|
|
167
|
-
|
|
173
|
+
exports.DialogManager = DialogManager;
|
|
174
|
+
exports.dialogMgr = new DialogManager();
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
// export * from "./Dialog";
|
|
2
|
-
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
__exportStar(require("./dialog-manager"), exports);
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
|
|
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.DragHandler = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
2
8
|
const DEFAULT_DATA_FORMAT = "application/mico-drag-handler";
|
|
3
|
-
|
|
9
|
+
exports.DragHandler = {
|
|
4
10
|
oninit() {
|
|
5
11
|
this.isDragging = false;
|
|
6
12
|
this.isDraggingOver = false;
|
|
7
13
|
},
|
|
8
14
|
view({ attrs, children }) {
|
|
9
15
|
var _a, _b, _c, _d, _e, _f;
|
|
10
|
-
return
|
|
16
|
+
return (0, mithril_1.default)("", {
|
|
11
17
|
class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${this.isDragging ? (_b = attrs.classDragging) !== null && _b !== void 0 ? _b : "" : ""} ${this.isDraggingOver ? (_c = attrs.classDraggingOver) !== null && _c !== void 0 ? _c : "" : ""}`,
|
|
12
18
|
style: `${(_d = attrs.style) !== null && _d !== void 0 ? _d : ""} ${this.isDragging ? (_e = attrs.classDragging) !== null && _e !== void 0 ? _e : "" : ""} ${this.isDraggingOver ? (_f = attrs.classDraggingOver) !== null && _f !== void 0 ? _f : "" : ""}`,
|
|
13
19
|
draggable: attrs.enableDrag,
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./DragHandler"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.DropTarget = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
8
|
+
const drop_target_state_1 = require("./drop-target.state");
|
|
9
|
+
const utils_1 = require("../../utils");
|
|
10
|
+
exports.DropTarget = {
|
|
5
11
|
oninit() {
|
|
6
|
-
this.state = new DropTargetState();
|
|
12
|
+
this.state = new drop_target_state_1.DropTargetState();
|
|
7
13
|
},
|
|
8
14
|
oncreate({ dom }) {
|
|
9
15
|
this.state.lastHeight = dom.clientHeight;
|
|
@@ -15,12 +21,12 @@ export const DropTarget = {
|
|
|
15
21
|
},
|
|
16
22
|
view({ attrs, children }) {
|
|
17
23
|
const autoHeightStr = (attrs.autoHeight !== false) ? `height: ${this.state.lastHeight}px;` : "";
|
|
18
|
-
return
|
|
24
|
+
return (0, mithril_1.default)(".mico-drop-container", {
|
|
19
25
|
class: attrs.class,
|
|
20
26
|
style: attrs.style,
|
|
21
27
|
}, [
|
|
22
28
|
this.state.isDragging ? [
|
|
23
|
-
|
|
29
|
+
(0, mithril_1.default)("", {
|
|
24
30
|
class: `mico-drop-target ${this.state.isOver ? "highlighted" : ""}`,
|
|
25
31
|
style: `${autoHeightStr} display: flex; flex-direction: column; align-items: center; justify-content: center;`,
|
|
26
32
|
ondragover: (ev) => {
|
|
@@ -38,7 +44,7 @@ export const DropTarget = {
|
|
|
38
44
|
// console.log("ondrop", ev);
|
|
39
45
|
this.state.isOver = false;
|
|
40
46
|
ev.preventDefault();
|
|
41
|
-
const files = dragEventFiles(ev);
|
|
47
|
+
const files = (0, utils_1.dragEventFiles)(ev);
|
|
42
48
|
if (files.length > 0) {
|
|
43
49
|
attrs.onDropFiles({ ev, files });
|
|
44
50
|
}
|
|
@@ -46,7 +52,7 @@ export const DropTarget = {
|
|
|
46
52
|
}, [
|
|
47
53
|
(attrs.dropMessage && typeof attrs.dropMessage === "object")
|
|
48
54
|
? attrs.dropMessage
|
|
49
|
-
:
|
|
55
|
+
: (0, mithril_1.default)("span.mico-drop-target-message", attrs.dropMessage || "Drop files here"),
|
|
50
56
|
]),
|
|
51
57
|
] : [
|
|
52
58
|
children,
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropTargetState = void 0;
|
|
4
|
+
const mithril_1 = require("mithril");
|
|
5
|
+
const rxjs_1 = require("rxjs");
|
|
6
|
+
class DropTargetState {
|
|
4
7
|
constructor() {
|
|
5
|
-
this.subs = new Subscription();
|
|
8
|
+
this.subs = new rxjs_1.Subscription();
|
|
6
9
|
this.isDragging = false;
|
|
7
10
|
this.isOver = false;
|
|
8
11
|
this.lastHeight = 100;
|
|
@@ -10,24 +13,24 @@ export class DropTargetState {
|
|
|
10
13
|
}
|
|
11
14
|
initialise() {
|
|
12
15
|
this.destroy();
|
|
13
|
-
this.subs = new Subscription();
|
|
16
|
+
this.subs = new rxjs_1.Subscription();
|
|
14
17
|
this.isDragging = false;
|
|
15
18
|
this.isOver = false;
|
|
16
19
|
const onclick = () => {
|
|
17
20
|
this.isDragging = false;
|
|
18
|
-
redraw();
|
|
21
|
+
(0, mithril_1.redraw)();
|
|
19
22
|
};
|
|
20
23
|
const ondragstart = (ev) => {
|
|
21
24
|
ev.preventDefault();
|
|
22
25
|
};
|
|
23
26
|
const ondragend = (ev) => {
|
|
24
27
|
this.isDragging = false;
|
|
25
|
-
redraw();
|
|
28
|
+
(0, mithril_1.redraw)();
|
|
26
29
|
ev.preventDefault();
|
|
27
30
|
};
|
|
28
31
|
const ondragenter = (ev) => {
|
|
29
32
|
this.isDragging = true;
|
|
30
|
-
redraw();
|
|
33
|
+
(0, mithril_1.redraw)();
|
|
31
34
|
ev.preventDefault();
|
|
32
35
|
};
|
|
33
36
|
const ondragover = (ev) => {
|
|
@@ -39,7 +42,7 @@ export class DropTargetState {
|
|
|
39
42
|
if (!containsTarget) {
|
|
40
43
|
// console.log("page ondragleave, isDragging=false")
|
|
41
44
|
this.isDragging = false;
|
|
42
|
-
redraw();
|
|
45
|
+
(0, mithril_1.redraw)();
|
|
43
46
|
}
|
|
44
47
|
};
|
|
45
48
|
const ondrag = (ev) => {
|
|
@@ -47,7 +50,7 @@ export class DropTargetState {
|
|
|
47
50
|
};
|
|
48
51
|
const ondrop = (ev) => {
|
|
49
52
|
this.isDragging = false;
|
|
50
|
-
redraw();
|
|
53
|
+
(0, mithril_1.redraw)();
|
|
51
54
|
ev.preventDefault();
|
|
52
55
|
};
|
|
53
56
|
document.addEventListener("click", onclick);
|
|
@@ -71,3 +74,4 @@ export class DropTargetState {
|
|
|
71
74
|
this.subs.unsubscribe();
|
|
72
75
|
}
|
|
73
76
|
}
|
|
77
|
+
exports.DropTargetState = DropTargetState;
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./DropTarget"), exports);
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Form = void 0;
|
|
1
4
|
// type FormItem =
|
|
2
5
|
// | InputText
|
|
3
6
|
// | InputNumber
|
|
4
7
|
// | InputDate
|
|
5
8
|
// | InputCheckbox
|
|
6
9
|
// | InputTextarea
|
|
7
|
-
|
|
10
|
+
exports.Form = {
|
|
8
11
|
view() { }
|
|
9
12
|
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Form"), exports);
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
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.Icon = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
2
8
|
/**
|
|
3
9
|
* Font Awesome Icon
|
|
4
10
|
*
|
|
@@ -7,14 +13,14 @@ import m from "mithril";
|
|
|
7
13
|
*
|
|
8
14
|
* @see https://fontawesome.com/search
|
|
9
15
|
*/
|
|
10
|
-
|
|
16
|
+
exports.Icon = {
|
|
11
17
|
view({ attrs }) {
|
|
12
18
|
var _a, _b;
|
|
13
19
|
const icon = ("fas" in attrs) ? `fas fa-${attrs.fas}` :
|
|
14
20
|
("far" in attrs) ? `far fa-${attrs.far}` :
|
|
15
21
|
("fab" in attrs) ? `fab fa-${attrs.fab}` :
|
|
16
22
|
"";
|
|
17
|
-
return
|
|
23
|
+
return (0, mithril_1.default)("i", {
|
|
18
24
|
class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${icon}`,
|
|
19
25
|
style: `${(_b = attrs.style) !== null && _b !== void 0 ? _b : ""}`,
|
|
20
26
|
});
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Icon"), exports);
|
|
18
|
+
__exportStar(require("./icons"), exports);
|
|
@@ -1,20 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
17
|
// export * from "./accordion";
|
|
2
18
|
// export * from "./data-grid";
|
|
3
19
|
// export * from "./data-table";
|
|
4
|
-
|
|
20
|
+
__exportStar(require("./dialog"), exports);
|
|
5
21
|
// export * from "./drawer";
|
|
6
|
-
|
|
7
|
-
|
|
22
|
+
__exportStar(require("./drag-handler"), exports);
|
|
23
|
+
__exportStar(require("./drop-target"), exports);
|
|
8
24
|
// export * from "./form";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
25
|
+
__exportStar(require("./icon"), exports);
|
|
26
|
+
__exportStar(require("./markdown"), exports);
|
|
27
|
+
__exportStar(require("./markdown-editor"), exports);
|
|
28
|
+
__exportStar(require("./menu"), exports);
|
|
13
29
|
// export * from "./modal";
|
|
14
|
-
|
|
30
|
+
__exportStar(require("./pagination"), exports);
|
|
15
31
|
// export * from "./popover";
|
|
16
32
|
// export * from "./reorderable-list";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
33
|
+
__exportStar(require("./table"), exports);
|
|
34
|
+
__exportStar(require("./toast"), exports);
|
|
35
|
+
__exportStar(require("./tooltip"), exports);
|
|
36
|
+
__exportStar(require("./tree"), exports);
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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.Markdown = exports.MARKDOWN_DEFAULT_OPTIONS = void 0;
|
|
7
|
+
const mithril_1 = __importDefault(require("mithril"));
|
|
8
|
+
const marked_1 = require("marked");
|
|
9
|
+
const dompurify_1 = __importDefault(require("dompurify"));
|
|
4
10
|
// import hljs from "highlight.js/lib/common";
|
|
5
11
|
/**
|
|
6
12
|
* Default options for the markdown parser
|
|
7
13
|
*
|
|
8
14
|
* @see https://marked.js.org/using_advanced#options
|
|
9
15
|
*/
|
|
10
|
-
|
|
16
|
+
exports.MARKDOWN_DEFAULT_OPTIONS = {
|
|
11
17
|
smartLists: true,
|
|
12
18
|
headerIds: true,
|
|
13
19
|
};
|
|
@@ -18,7 +24,7 @@ export const MARKDOWN_DEFAULT_OPTIONS = {
|
|
|
18
24
|
*
|
|
19
25
|
* Returned in a div with the `markdown` class.
|
|
20
26
|
*/
|
|
21
|
-
|
|
27
|
+
exports.Markdown = {
|
|
22
28
|
oncreate({ attrs }) {
|
|
23
29
|
var _a;
|
|
24
30
|
if (attrs.highlight === true || Boolean(attrs.highlightAllAs)) {
|
|
@@ -39,17 +45,17 @@ export const Markdown = {
|
|
|
39
45
|
if (attrs.highlightAllAs) {
|
|
40
46
|
markdown = "```" + attrs.highlightAllAs + "\n" + markdown + "\n" + "```";
|
|
41
47
|
}
|
|
42
|
-
const parsed = marked.parse(markdown, (_d = attrs.markedOptions) !== null && _d !== void 0 ? _d : MARKDOWN_DEFAULT_OPTIONS);
|
|
43
|
-
const sanitised = attrs.unsanitised === true ? parsed :
|
|
48
|
+
const parsed = marked_1.marked.parse(markdown, (_d = attrs.markedOptions) !== null && _d !== void 0 ? _d : exports.MARKDOWN_DEFAULT_OPTIONS);
|
|
49
|
+
const sanitised = attrs.unsanitised === true ? parsed : dompurify_1.default.sanitize(parsed);
|
|
44
50
|
const result = sanitised;
|
|
45
51
|
// const result = attrs.highlight === true
|
|
46
52
|
// ? hljs.highlightAuto(sanitised).value
|
|
47
53
|
// : sanitised;
|
|
48
|
-
return
|
|
54
|
+
return (0, mithril_1.default)("", {
|
|
49
55
|
class: `markdown ${(_e = attrs.class) !== null && _e !== void 0 ? _e : ""}`,
|
|
50
56
|
style: `${(_f = attrs.style) !== null && _f !== void 0 ? _f : ""}`,
|
|
51
57
|
}, [
|
|
52
|
-
|
|
58
|
+
mithril_1.default.trust(result),
|
|
53
59
|
]);
|
|
54
60
|
}
|
|
55
61
|
};
|