@hypericon/mico 0.4.2 → 0.5.1

package/dist/esm/components/select/select-options-manager.js

@@ -1,13 +1,16 @@
-import { BehaviorSubject } from "rxjs";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectOptionsManager = void 0;
+const rxjs_1 = require("rxjs");
 const REOPEN_TIMEOUT = 100;
 /**
  * Manager providing the link between custom select box input components
  * and the layout-level select options panel
  */
-export class SelectOptionsManager {
+class SelectOptionsManager {
     get panel() { return this._panel.value; }
     constructor() {
-        this._panel = new BehaviorSubject(undefined);
+        this._panel = new rxjs_1.BehaviorSubject(undefined);
         this.panel$ = this._panel.asObservable();
         this.lastPanel = {
             id: "",
@@ -61,3 +64,4 @@ export class SelectOptionsManager {
         this._panel.next(undefined);
     }
 }
+exports.SelectOptionsManager = SelectOptionsManager;

package/dist/esm/components/tab-panel/TabPanel.js

@@ -1,9 +1,15 @@
-import m from "mithril";
-import { DEFAULT_TAB_PANEL_SETTINGS as SETTINGS } from "./tab-panel-default-settings";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const tab_panel_default_settings_1 = require("./tab-panel-default-settings");
 /**
  * If a child pane is undefined, it is completely ignored.
  */
-export const TabPanel = {
+exports.TabPanel = {
     oninit({ attrs, state, children }) {
         var _a, _b, _c;
         state.tabCount = countChildren(children);
@@ -45,30 +51,30 @@ export const TabPanel = {
         if (children instanceof Array)
             children = children.filter(c => c !== undefined);
         const labels = attrs.labels.filter(l => l !== undefined);
-        return m("", {
-            class: `${SETTINGS.class.tabPanel} ${(_b = (_a = attrs.settings) === null || _a === void 0 ? void 0 : _a.classes) === null || _b === void 0 ? void 0 : _b.tabPanel}`,
+        return (0, mithril_1.default)("", {
+            class: `${tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.tabPanel} ${(_b = (_a = attrs.settings) === null || _a === void 0 ? void 0 : _a.classes) === null || _b === void 0 ? void 0 : _b.tabPanel}`,
         }, [
             // m(Draggable, {
             //   // TODO: wire up to allow draggable scrolling on desktop
             //   ondrag: ({ x, y }) => {},
             // }, [
-            m("", {
-                class: `${SETTINGS.class.buttonBar} ${(_d = (_c = attrs.settings) === null || _c === void 0 ? void 0 : _c.classes) === null || _d === void 0 ? void 0 : _d.buttonBar}`,
+            (0, mithril_1.default)("", {
+                class: `${tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.buttonBar} ${(_d = (_c = attrs.settings) === null || _c === void 0 ? void 0 : _c.classes) === null || _d === void 0 ? void 0 : _d.buttonBar}`,
             }, indices(state.tabCount).map(index => {
                 var _a, _b, _c, _d, _e, _f;
-                return m("button", {
-                    class: (SETTINGS.class.tabButton + " " + ((_b = (_a = attrs.settings) === null || _a === void 0 ? void 0 : _a.classes) === null || _b === void 0 ? void 0 : _b.tabButton) + " " +
-                        (state.index === index ? SETTINGS.class.tabButtonSelected : SETTINGS.class.tabButtonUnselected) + " " +
+                return (0, mithril_1.default)("button", {
+                    class: (tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.tabButton + " " + ((_b = (_a = attrs.settings) === null || _a === void 0 ? void 0 : _a.classes) === null || _b === void 0 ? void 0 : _b.tabButton) + " " +
+                        (state.index === index ? tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.tabButtonSelected : tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.tabButtonUnselected) + " " +
                         (state.index === index ? (_d = (_c = attrs.settings) === null || _c === void 0 ? void 0 : _c.classes) === null || _d === void 0 ? void 0 : _d.tabButtonSelected : (_f = (_e = attrs.settings) === null || _e === void 0 ? void 0 : _e.classes) === null || _f === void 0 ? void 0 : _f.tabButtonUnselected)),
                     onclick: () => state.setIndex(index),
                 }, labels[index] || `Tab ${index + 1}`);
             })),
             // ]),
-            m("div", {
-                class: `${SETTINGS.class.selectedPane} ${(_f = (_e = attrs.settings) === null || _e === void 0 ? void 0 : _e.classes) === null || _f === void 0 ? void 0 : _f.selectedPane}`,
+            (0, mithril_1.default)("div", {
+                class: `${tab_panel_default_settings_1.DEFAULT_TAB_PANEL_SETTINGS.class.selectedPane} ${(_f = (_e = attrs.settings) === null || _e === void 0 ? void 0 : _e.classes) === null || _f === void 0 ? void 0 : _f.selectedPane}`,
             }, [
                 (!(children instanceof Array)) ? children :
-                    children.map((child, index) => m("", {
+                    children.map((child, index) => (0, mithril_1.default)("", {
                         style: `display: ${index === state.index ? "block" : "none"}`,
                     }, child)),
             ]),

package/dist/esm/components/tab-panel/index.js

@@ -1,3 +1,19 @@
-export * from "./tab-panel-default-settings";
-export * from "./tab-panel-settings";
-export * from "./TabPanel";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tab-panel-default-settings"), exports);
+__exportStar(require("./tab-panel-settings"), exports);
+__exportStar(require("./TabPanel"), exports);

package/dist/esm/components/tab-panel/tab-panel-default-settings.js

@@ -1,4 +1,7 @@
-export const DEFAULT_TAB_PANEL_SETTINGS = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_TAB_PANEL_SETTINGS = void 0;
+exports.DEFAULT_TAB_PANEL_SETTINGS = {
     /** Optional CSS classes to apply to parts of the tab panel */
     class: {
         /** Space-separated CSS classes to apply to the entire tab panel */

package/dist/esm/components/tab-panel/tab-panel-settings.js

@@ -1,4 +1,5 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 // export const DEFAULT_TAB_PANEL_SETTINGS: TabPanelSettings = {
 //   classes: {
 //     tabPanel: "w-full my-4",

package/dist/esm/components/table/Table.d.ts

@@ -21,6 +21,10 @@ export interface TableAttrs<T> {
     layout?: "auto" | "fixed";
     /** Override the default message displayed when there are no data items */
     emptyMessage?: string;
+    /** Optional function to apply custom styles to rows */
+    rowStyle?: (item: T, index: number) => string | undefined;
+    /** Optional function to apply custom classes to rows */
+    rowClass?: (item: T, index: number) => string | undefined;
     /** Any CSS classes to apply to the table */
     class?: string;
     /** Any CSS styles to apply to the table */

package/dist/esm/components/table/Table.js

@@ -1,4 +1,10 @@
-import m from "mithril";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = exports.typedTable = void 0;
+const mithril_1 = __importDefault(require("mithril"));
 /**
  * Build a typed Table component which includes type checking for column definitions
  * @example
@@ -14,25 +20,26 @@ import m from "mithril";
  * ```
  * @returns
  */
-export function typedTable() {
-    const typedTable = Table;
+function typedTable() {
+    const typedTable = exports.Table;
     const col = (header, cell, options) => {
         return { header, cell, options };
     };
     return Object.assign(Object.assign({}, typedTable), { col });
 }
-export const Table = {
+exports.typedTable = typedTable;
+exports.Table = {
     view({ attrs }) {
         var _a, _b, _c, _d;
-        return m("table.mico-table", {
+        return (0, mithril_1.default)("table.mico-table", {
             class: attrs.class,
             style: `${(_a = attrs.style) !== null && _a !== void 0 ? _a : ""} table-layout: ${((_b = attrs.layout) !== null && _b !== void 0 ? _b : "auto")};`,
         }, [
-            m("thead", [
-                m("tr", [
+            (0, mithril_1.default)("thead", [
+                (0, mithril_1.default)("tr", [
                     attrs.columns.map(col => {
                         var _a, _b;
-                        return m("th", {
+                        return (0, mithril_1.default)("th", {
                             class: (_a = col.options) === null || _a === void 0 ? void 0 : _a.class,
                             style: (_b = col.options) === null || _b === void 0 ? void 0 : _b.style,
                         }, [
@@ -41,12 +48,16 @@ export const Table = {
                     }),
                 ]),
             ]),
-            m("tbody", [
+            (0, mithril_1.default)("tbody", [
                 attrs.data.map((item, dataIndex) => {
-                    return m("tr", [
+                    var _a, _b;
+                    return (0, mithril_1.default)("tr", {
+                        class: (_a = attrs.rowClass) === null || _a === void 0 ? void 0 : _a.call(attrs, item, dataIndex),
+                        style: (_b = attrs.rowStyle) === null || _b === void 0 ? void 0 : _b.call(attrs, item, dataIndex),
+                    }, [
                         attrs.columns.map((col, colIndex) => {
                             var _a, _b, _c;
-                            return m("td", {
+                            return (0, mithril_1.default)("td", {
                                 class: (_a = col.options) === null || _a === void 0 ? void 0 : _a.class,
                                 style: (_b = col.options) === null || _b === void 0 ? void 0 : _b.style,
                             }, [
@@ -55,8 +66,8 @@ export const Table = {
                         }),
                     ]);
                 }),
-                ((_c = attrs.data) === null || _c === void 0 ? void 0 : _c.length) === 0 ? m("tr", [
-                    m("td.text-center.text-medium", {
+                ((_c = attrs.data) === null || _c === void 0 ? void 0 : _c.length) === 0 ? (0, mithril_1.default)("tr", [
+                    (0, mithril_1.default)("td.text-center.text-medium", {
                         colspan: attrs.columns.length,
                     }, [
                         (_d = attrs.emptyMessage) !== null && _d !== void 0 ? _d : "No items",

package/dist/esm/components/table/index.js

@@ -1 +1,17 @@
-export * from "./Table";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Table"), exports);

package/dist/esm/components/toast/index.js

@@ -1 +1,17 @@
-export * from "./toast";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./toast"), exports);

package/dist/esm/components/toast/toast.js

@@ -1,7 +1,36 @@
-import Toastify, { reposition } from "toastify-js";
-import m from "mithril";
-import "toastify-js/src/toastify.css";
-export const DefaultToastOptions = {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.DefaultToastOptions = void 0;
+const toastify_js_1 = __importStar(require("toastify-js"));
+const mithril_1 = __importDefault(require("mithril"));
+require("toastify-js/src/toastify.css");
+exports.DefaultToastOptions = {
     className: "mico-toast",
     gravity: "bottom",
     oldestFirst: true,
@@ -13,15 +42,15 @@ export const DefaultToastOptions = {
  * @param options See this link for all options: https://github.com/apvarun/toastify-js#documentation
  * @returns
  */
-export function toast(message, options) {
+function toast(message, options) {
     if (!message)
         message = "toast";
-    const toastifyOpts = Object.assign({}, DefaultToastOptions, options, typeof message === "string" ? { text: message } : undefined);
-    const toastify = Toastify(toastifyOpts);
+    const toastifyOpts = Object.assign({}, exports.DefaultToastOptions, options, typeof message === "string" ? { text: message } : undefined);
+    const toastify = (0, toastify_js_1.default)(toastifyOpts);
     toastify.showToast();
     if (toastify.toastElement && typeof message !== "string" && "tag" in message) {
-        m.render(toastify.toastElement, message);
-        reposition();
+        mithril_1.default.render(toastify.toastElement, message);
+        (0, toastify_js_1.reposition)();
     }
     return {
         options: toastify.options,
@@ -29,3 +58,4 @@ export function toast(message, options) {
         hide: () => toastify.hideToast(),
     };
 }
+exports.toast = toast;

package/dist/esm/components/tooltip/index.js

@@ -1,3 +1,19 @@
-export * from "./tooltip-defaults";
-export * from "./tooltip-function";
-export * from "./tooltip-interfaces";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tooltip-defaults"), exports);
+__exportStar(require("./tooltip-function"), exports);
+__exportStar(require("./tooltip-interfaces"), exports);

package/dist/esm/components/tooltip/tooltip-defaults.js

@@ -1,4 +1,7 @@
-export const TOOLTIP_DEFAULTS = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOOLTIP_DEFAULTS = void 0;
+exports.TOOLTIP_DEFAULTS = {
     /** How to position the tooltips by default */
     DEFAULT_POS: "cursor",
     /** Delay in milliseconds before showing the tooltip */

package/dist/esm/components/tooltip/tooltip-function.d.ts

@@ -23,7 +23,7 @@ export declare function tooltip(ev: MouseEvent, tooltip: string, opts?: Partial<
  * }, "Click me"),
  * // is equivalent to:
  * m("button", {
-*    onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
+*    onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
  * }, "Click me"),
  * ```
  * @param value

package/dist/esm/components/tooltip/tooltip-function.js

@@ -1,4 +1,7 @@
-import { TOOLTIP_DEFAULTS } from "./tooltip-defaults";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tooltipSpread = exports.tooltip = void 0;
+const tooltip_defaults_1 = require("./tooltip-defaults");
 /**
  * Display a tooltip using the given mouse event.
  * Call this function from an element's "mouseenter" event.
@@ -12,19 +15,19 @@ import { TOOLTIP_DEFAULTS } from "./tooltip-defaults";
  * @param opts
  * @returns
  */
-export function tooltip(ev, tooltip, opts) {
+function tooltip(ev, tooltip, opts) {
     var _a;
-    if (TOOLTIP_DEFAULTS.IS_ENABLED === false)
+    if (tooltip_defaults_1.TOOLTIP_DEFAULTS.IS_ENABLED === false)
         return;
     // If there is no tooltip, don't bother
     if (!tooltip)
         return;
     const target = ev.currentTarget;
     const eventTarget = ev.target;
-    TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`target is ${target === null || target === void 0 ? void 0 : target.tagName}`);
-    TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`event target is ${eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.tagName}`);
+    tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`target is ${target === null || target === void 0 ? void 0 : target.tagName}`);
+    tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`event target is ${eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.tagName}`);
     if (!target) {
-        TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("No target; returning from tooltip()");
+        tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("No target; returning from tooltip()");
         return;
     }
     // if (target?.classList.contains(TOOLTIP_CLASS) || eventTarget?.classList.contains(TOOLTIP_CLASS)) {
@@ -34,12 +37,12 @@ export function tooltip(ev, tooltip, opts) {
     let hasTooltip = false;
     target.childNodes.forEach((child, key, parent) => {
         var _a;
-        if ((_a = child === null || child === void 0 ? void 0 : child.classList) === null || _a === void 0 ? void 0 : _a.contains(TOOLTIP_DEFAULTS.TOOLTIP_CLASS)) {
+        if ((_a = child === null || child === void 0 ? void 0 : child.classList) === null || _a === void 0 ? void 0 : _a.contains(tooltip_defaults_1.TOOLTIP_DEFAULTS.TOOLTIP_CLASS)) {
             hasTooltip = true;
         }
     });
     if (hasTooltip) {
-        TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("Target already has tooltip; returning from tooltip()");
+        tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("Target already has tooltip; returning from tooltip()");
         return;
     }
     const mousePos = { x: ev.x, y: ev.y };
@@ -50,15 +53,16 @@ export function tooltip(ev, tooltip, opts) {
     target.addEventListener("mousemove", latestPosFn);
     const timeout = setTimeout(() => {
         displayTooltip({ ev, target, tooltip, opts, mousePos });
-    }, (_a = opts === null || opts === void 0 ? void 0 : opts.delay) !== null && _a !== void 0 ? _a : TOOLTIP_DEFAULTS.DEFAULT_DELAY);
+    }, (_a = opts === null || opts === void 0 ? void 0 : opts.delay) !== null && _a !== void 0 ? _a : tooltip_defaults_1.TOOLTIP_DEFAULTS.DEFAULT_DELAY);
     const clearFn = (ev) => {
-        TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("Clearing tooltip timeout");
+        tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log("Clearing tooltip timeout");
         clearTimeout(timeout);
         target.removeEventListener("mouseleave", clearFn);
         target.removeEventListener("mousemove", latestPosFn);
     };
     target.addEventListener("mouseleave", clearFn);
 }
+exports.tooltip = tooltip;
 /**
  * Return an object that can be spread into an element's attrs to add a tooltip using the mouseenter event
  *
@@ -69,18 +73,19 @@ export function tooltip(ev, tooltip, opts) {
  * }, "Click me"),
  * // is equivalent to:
  * m("button", {
-*    onmousenter: (ev: Mousevent) => tooltip(ev, "Click the button"),
+*    onmouseenter: (ev: MouseEvent) => tooltip(ev, "Click the button"),
  * }, "Click me"),
  * ```
  * @param value
  * @param opts
  * @returns
  */
-export function tooltipSpread(value, opts) {
+function tooltipSpread(value, opts) {
     return {
         onmouseenter: (ev) => tooltip(ev, value, opts),
     };
 }
+exports.tooltipSpread = tooltipSpread;
 /**
  * TODO: consider adding arrows to top/bottom/left/right positioned tooltips
  * e.g.: https://getbootstrap.com/docs/3.4/javascript/#tooltips
@@ -90,22 +95,22 @@ function displayTooltip(settings) {
     const { ev, target, tooltip, opts, mousePos } = settings;
     const cursorOffsetX = 5;
     const cursorOffsetY = 20;
-    const pos = (_a = opts === null || opts === void 0 ? void 0 : opts.pos) !== null && _a !== void 0 ? _a : TOOLTIP_DEFAULTS.DEFAULT_POS;
+    const pos = (_a = opts === null || opts === void 0 ? void 0 : opts.pos) !== null && _a !== void 0 ? _a : tooltip_defaults_1.TOOLTIP_DEFAULTS.DEFAULT_POS;
     let targetRect = target.getBoundingClientRect();
     // targetRect = new DOMRect(targetRect.x, targetRect.y, targetRect.width, targetRect.height);
     let targetCenter = {
         x: targetRect.left + (targetRect.width / 2),
         y: targetRect.top + (targetRect.height / 2),
     };
-    const maxWidth = (opts === null || opts === void 0 ? void 0 : opts.jumbo) === true ? TOOLTIP_DEFAULTS.MAX_WIDTH_JUMBO_PX : TOOLTIP_DEFAULTS.MAX_WIDTH_PX;
-    const maxHeight = (opts === null || opts === void 0 ? void 0 : opts.jumbo) === true ? TOOLTIP_DEFAULTS.MAX_HEIGHT_JUMBO_PX : TOOLTIP_DEFAULTS.MAX_HEIGHT_PX;
-    const attachToBody = (_c = (_b = settings.opts) === null || _b === void 0 ? void 0 : _b.attachToBody) !== null && _c !== void 0 ? _c : TOOLTIP_DEFAULTS.ATTACH_TO_BODY;
-    TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`display tooltip "${tooltip}" on element ${target.tagName}`);
+    const maxWidth = (opts === null || opts === void 0 ? void 0 : opts.jumbo) === true ? tooltip_defaults_1.TOOLTIP_DEFAULTS.MAX_WIDTH_JUMBO_PX : tooltip_defaults_1.TOOLTIP_DEFAULTS.MAX_WIDTH_PX;
+    const maxHeight = (opts === null || opts === void 0 ? void 0 : opts.jumbo) === true ? tooltip_defaults_1.TOOLTIP_DEFAULTS.MAX_HEIGHT_JUMBO_PX : tooltip_defaults_1.TOOLTIP_DEFAULTS.MAX_HEIGHT_PX;
+    const attachToBody = (_c = (_b = settings.opts) === null || _b === void 0 ? void 0 : _b.attachToBody) !== null && _c !== void 0 ? _c : tooltip_defaults_1.TOOLTIP_DEFAULTS.ATTACH_TO_BODY;
+    tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`display tooltip "${tooltip}" on element ${target.tagName}`);
     const tooltipEl = document.createElement("div");
     tooltipEl.innerText = tooltip;
     // tooltipEl.classList.value = "px-2 py-1 text-xs text-dark font-normal rounded border border-primary bg-white fade-in-100 no-select";
     tooltipEl.classList.add("mico-tooltip-fade-in");
-    tooltipEl.classList.add(TOOLTIP_DEFAULTS.TOOLTIP_CLASS);
+    tooltipEl.classList.add(tooltip_defaults_1.TOOLTIP_DEFAULTS.TOOLTIP_CLASS);
     tooltipEl.style.position = "fixed";
     tooltipEl.style.maxWidth = `${maxWidth}px`;
     tooltipEl.style.maxHeight = `${maxHeight}px`;
@@ -170,11 +175,11 @@ function displayTooltip(settings) {
         target.addEventListener("mousemove", followFn);
         target.addEventListener("mouseleave", cleanupFn);
     }
-    TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`displaying tooltip at: ${tooltipEl.style.left}, ${tooltipEl.style.top}`);
+    tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`displaying tooltip at: ${tooltipEl.style.left}, ${tooltipEl.style.top}`);
     const removeFn = () => {
-        TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`Removing tooltip ${tooltip} from el ${target.tagName}`);
+        tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(`Removing tooltip ${tooltip} from el ${target.tagName}`);
         tooltipEl.onanimationend = (ev) => {
-            TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(ev.animationName);
+            tooltip_defaults_1.TOOLTIP_DEFAULTS.ENABLE_DEBUG && console.log(ev.animationName);
             if (attachToBody === true) {
                 document.body.removeChild(tooltipEl);
             }

package/dist/esm/components/tooltip/tooltip-interfaces.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/components/tree/Tree.js

@@ -1,19 +1,25 @@
-import { compareObjects } from "@hypericon/utils";
-import m from "mithril";
-import { Icon } from "../icon";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTree = exports.Tree = void 0;
+const utils_1 = require("@hypericon/utils");
+const mithril_1 = __importDefault(require("mithril"));
+const icon_1 = require("../icon");
 const DATA_TRANSFER_TYPE = "application/tree-data";
 const DEFAULT_NESTING_WIDTH = "1.5rem";
 const DEFAULT_TOGGLE_WIDTH = "1.5rem";
 /**
  * An untyped tree component (see `createTree<T>()`)
  */
-export const Tree = createTree();
+exports.Tree = createTree();
 /**
  * Build a component to display nested nodes in a tree.
  *
  * Nodes with children are collapsable, and nodes can be arbitrarily reordered.
  */
-export function createTree() {
+function createTree() {
     // /** Reference to the TreeItem currently being dragged */
     // let draggedTreeItem: TreeItem<T> | undefined = undefined;
     const Tree = {
@@ -26,12 +32,12 @@ export function createTree() {
         view({ attrs }) {
             var _a, _b;
             const nodes = attrs.nodes;
-            return m(".mico-tree", {
+            return (0, mithril_1.default)(".mico-tree", {
                 style: `${(_a = attrs.style) !== null && _a !== void 0 ? _a : ""} position: relative;`,
                 class: `${(_b = attrs.class) !== null && _b !== void 0 ? _b : ""}`
             }, [
-                m("ul", nodes.map((node, i) => {
-                    return m(TreeNode, {
+                (0, mithril_1.default)("ul", nodes.map((node, i) => {
+                    return (0, mithril_1.default)(TreeNode, {
                         // key: i, // item.key,
                         node,
                         enableReordering: attrs.enableReordering,
@@ -103,7 +109,7 @@ export function createTree() {
                     const movedNodeData = JSON.parse(ev.dataTransfer.getData(DATA_TRANSFER_TYPE));
                     attrs.enableLogging && console.log(`on drop`, movedNodeData, "on", node.data);
                     // attrs.reorderfinish?.();
-                    const droppedOnSelf = compareObjects(movedNodeData, node.data);
+                    const droppedOnSelf = (0, utils_1.compareObjects)(movedNodeData, node.data);
                     if (!droppedOnSelf) {
                         (_a = attrs.onreorder) === null || _a === void 0 ? void 0 : _a.call(attrs, { moved: movedNodeData, target: node.data, above: this.isTargettingAbove });
                     }
@@ -125,14 +131,14 @@ export function createTree() {
             const expanded = canHaveChildren && node.expanded;
             const collapsed = canHaveChildren && !node.expanded;
             const targettingDragClass = this.isReorderingOver ? (this.isTargettingAbove ? "mico-tree-reorder-above" : "mico-tree-reorder-below") : "";
-            return m("li.mico-tree-node", {
+            return (0, mithril_1.default)("li.mico-tree-node", {
             // key: item.key,
             }, [
                 // The items's label (either a string or Vnode) and expand/collapse control (if there are children)
-                m("", {
+                (0, mithril_1.default)("", {
                     style: `display: flex; align-items: stretch; max-width: 100%; overflow-x: hidden; ${(attrs.toggleExpansionWithLabel && enableToggling) ? `cursor: pointer;` : ``}`,
                 }, [
-                    expanded ? m("button.mico-tree-toggle", {
+                    expanded ? (0, mithril_1.default)("button.mico-tree-toggle", {
                         style: `width: ${attrs.toggleButtonWidth}; flex: none;`,
                         // class: enableToggling ? `hover:text-primary` : `text-view-icon`,
                         disabled: !enableToggling,
@@ -143,8 +149,8 @@ export function createTree() {
                             node.expanded = false;
                             (_a = attrs.ontoggle) === null || _a === void 0 ? void 0 : _a.call(attrs, { node, expanded: false, recursive: ev.altKey });
                         },
-                    }, attrs.expandedIcon || m(Icon, { fas: "chevron-down" })) : undefined,
-                    collapsed ? m("button.mico-tree-toggle", {
+                    }, attrs.expandedIcon || (0, mithril_1.default)(icon_1.Icon, { fas: "chevron-down" })) : undefined,
+                    collapsed ? (0, mithril_1.default)("button.mico-tree-toggle", {
                         style: `width: ${attrs.toggleButtonWidth}; flex: none;`,
                         // class: enableToggling ? `hover:text-primary` : `text-view-icon`,
                         disabled: !enableToggling,
@@ -155,11 +161,11 @@ export function createTree() {
                             node.expanded = true;
                             (_a = attrs.ontoggle) === null || _a === void 0 ? void 0 : _a.call(attrs, { node, expanded: true, recursive: ev.altKey });
                         },
-                    }, attrs.collapsedIcon || m(Icon, { fas: "chevron-right" })) : undefined,
-                    (!canHaveChildren) ? m(".mico-tree-toggle", {
+                    }, attrs.collapsedIcon || (0, mithril_1.default)(icon_1.Icon, { fas: "chevron-right" })) : undefined,
+                    (!canHaveChildren) ? (0, mithril_1.default)(".mico-tree-toggle", {
                         style: `width: ${attrs.toggleButtonWidth}; flex: none;`,
-                    }, attrs.noToggleIcon || m(Icon, { fas: "caret-right" })) : [],
-                    m(".mico-tree-label", {
+                    }, attrs.noToggleIcon || (0, mithril_1.default)(icon_1.Icon, { fas: "caret-right" })) : [],
+                    (0, mithril_1.default)(".mico-tree-label", {
                         class: `${targettingDragClass}`,
                         style: "position: relative; flex: 1 1 0%; overflow-x: hidden;",
                         draggable: enableReordering && (node.draggable !== false),
@@ -180,16 +186,16 @@ export function createTree() {
                         ondragend: (ev) => this.handleDragEnd(ev, node),
                     }, [
                         (typeof node.label === "string")
-                            ? m("span", node.label)
+                            ? (0, mithril_1.default)("span", node.label)
                             : node.label,
                     ]),
                 ]),
                 // Any nested children within the item
-                (expanded) ? m("ul", {
+                (expanded) ? (0, mithril_1.default)("ul", {
                     style: `margin-left: ${attrs.nestingWidth};`,
                 }, [
                     ...(node.children || []).map((child, i) => {
-                        return m(TreeNode, {
+                        return (0, mithril_1.default)(TreeNode, {
                             // key: child.key,
                             node: child,
                             enableToggling: attrs.enableToggling,
@@ -211,7 +217,7 @@ export function createTree() {
                     }),
                 ]) : [],
                 (canHaveChildren && !hasChildren && expanded && emptyChildrenMessage !== undefined) ? [
-                    m("span.mico-tree-empty-children", {
+                    (0, mithril_1.default)("span.mico-tree-empty-children", {
                         style: `margin-left: ${attrs.toggleButtonWidth};`,
                     }, emptyChildrenMessage)
                 ] : [],
@@ -220,3 +226,4 @@ export function createTree() {
     };
     return Tree;
 }
+exports.createTree = createTree;