@hypericon/mico 0.4.1 → 0.5.0

package/dist/esm/components/reorderable-list/RedorderableList.js

@@ -1,5 +1,11 @@
-import m from "mithril";
-import { coordsWithinElement } from "../../utils";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReorderableList = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const utils_1 = require("../../utils");
 /**
  * A reorderable list of items. Expects a list of reorderable list items in children.
  *
@@ -28,7 +34,7 @@ import { coordsWithinElement } from "../../utils";
  * this.items.splice(toIndex, 0, dragged);
  * ```
  */
-export const ReorderableList = {
+exports.ReorderableList = {
     oninit({ attrs }) {
         this.draggingIndex = undefined;
         this.draggedOverIndex = undefined;
@@ -92,7 +98,7 @@ export const ReorderableList = {
             this.draggedOverIndex = undefined;
             this.draggedOverTop = undefined;
         };
-        return m("", {
+        return (0, mithril_1.default)("", {
             id: attrs.id,
             class: `${attrs.class || ""} no-select`,
             style: `${attrs.style || ""}`,
@@ -113,7 +119,7 @@ export const ReorderableList = {
                 for (let i = 0; i < rowContainerEl.children.length; i++) {
                     const childEl = rowContainerEl.children[i];
                     const childElBounds = childEl.getBoundingClientRect();
-                    if (coordsWithinElement(touchX, touchY, childEl)) {
+                    if ((0, utils_1.coordsWithinElement)(touchX, touchY, childEl)) {
                         overIndex = i;
                         const boundsTopToTouch = touchY - childElBounds.top;
                         isAbove = boundsTopToTouch < (childElBounds.height - boundsTopToTouch);
@@ -131,9 +137,9 @@ export const ReorderableList = {
                 endDrag(ev);
             },
         }, [
-            (childArr.length === 0) ? attrs.emptyMessage || m("p", "No items to display") : [],
+            (childArr.length === 0) ? attrs.emptyMessage || (0, mithril_1.default)("p", "No items to display") : [],
             childArr.map((item, childIndex) => {
-                return m(ReorderableListItem, {
+                return (0, mithril_1.default)(ReorderableListItem, {
                     itemIndex: childIndex,
                     draggedOverIndex: this.draggedOverIndex,
                     draggedOverTop: this.draggedOverTop,
@@ -175,25 +181,25 @@ const ReorderableListItem = {
             : attrs.draggedOverTop
                 ? "border-t-2 border-primary"
                 : "border-b-2 border-primary";
-        return m(".flex.flex-row.items-stretch.space-x-2", {
+        return (0, mithril_1.default)(".flex.flex-row.items-stretch.space-x-2", {
             key: attrs.key,
             class: `${(_a = attrs.class) !== null && _a !== void 0 ? _a : ""} ${dragBorderClass}`,
             style: ``,
             onmousemove: (ev) => attrs.mouseOverFn(ev),
         }, [
             // Draggable index row header
-            m(".flex.items-center.space-x-2", {
+            (0, mithril_1.default)(".flex.items-center.space-x-2", {
                 style: `width: ${hideNumbers ? "30px" : "50px"};`,
                 class: `${disableReordering ? "text-hint" : "cursor-move"}`,
                 onmousedown: (ev) => attrs.mouseDownFn(ev),
                 ontouchstart: (ev) => attrs.touchStartFn(ev),
             }, [
-                m(`i.fas.fa-grip-vertical`, {
+                (0, mithril_1.default)(`i.fas.fa-grip-vertical`, {
                     class: `${disableReordering ? "text-hint" : "text-grey-700 dark:text-grey-300"} ${hideNumbers ? "pl-2" : ""}`,
                 }),
                 hideNumbers
                     ? []
-                    : m("", attrs.itemIndex + 1),
+                    : (0, mithril_1.default)("", attrs.itemIndex + 1),
             ]),
             // The content in the reorderable item
             children,

package/dist/esm/components/reorderable-list/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/reorderable-list/index.js

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

package/dist/esm/components/select/Select.js

@@ -1,10 +1,16 @@
-import m from "mithril";
-import { SelectOptionsManager } from "./select-options-manager";
-const optsPanelMgr = new SelectOptionsManager();
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const select_options_manager_1 = require("./select-options-manager");
+const optsPanelMgr = new select_options_manager_1.SelectOptionsManager();
 /**
  * A dropdown select box that takes Mithril Vnodes as options
  */
-export const Select = {
+exports.Select = {
     oninit({ attrs }) {
         this.id = attrs.id || `select-${Math.random().toString().replace(".", "")}`;
         this.lastViewportRect = new DOMRect();
@@ -55,7 +61,7 @@ export const Select = {
             // attrs.onclose?.();
         };
         // The main "select box" div
-        return m(".input.no-select", {
+        return (0, mithril_1.default)(".input.no-select", {
             id: this.id,
             tabindex: 0,
             style: `height: 2rem; ${attrs.style || ""} padding-top: 0; padding-bottom: 0; position: relative;`,
@@ -81,26 +87,26 @@ export const Select = {
             }
         }, [
             // The selected option within the select box div
-            m(".flex-1.overflow-x-hidden", {}, [
-                m(".overflow-x-hidden", {
+            (0, mithril_1.default)(".flex-1.overflow-x-hidden", {}, [
+                (0, mithril_1.default)(".overflow-x-hidden", {
                     key: attrs.value,
                 }, [
                     (_a = attrs.options.find(o => o.attrs.value === attrs.value)) !== null && _a !== void 0 ? _a : ((attrs.placeholder && typeof attrs.placeholder === "string")
-                        ? m("span.hint", attrs.placeholder)
+                        ? (0, mithril_1.default)("span.hint", attrs.placeholder)
                         : attrs.placeholder),
                 ]),
             ]),
             // Open/close down/up arrow in the input box
-            m(".ml-1", {
+            (0, mithril_1.default)(".ml-1", {
                 class: this.disabled ? "text-gray-500" : "",
             }, [
                 // optsPanelSvc.isOpen(this.id)
                 //   ? m(".h-full.flex.items-center", { key: "up" }, m("i.fas.fa-caret-up"))
                 //   : m(".h-full.flex.items-center", { key: "down" }, m("i.fas.fa-caret-down")),
-                m(".h-full.flex.items-center", [
+                (0, mithril_1.default)(".h-full.flex.items-center", [
                     optsPanelMgr.isOpen(this.id)
-                        ? m(`i.fas.fa-caret-up`)
-                        : m(`i.fas.fa-caret-down`),
+                        ? (0, mithril_1.default)(`i.fas.fa-caret-up`)
+                        : (0, mithril_1.default)(`i.fas.fa-caret-down`),
                 ]),
             ]),
         ]);

package/dist/esm/components/select/SelectOptionsPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import m from "mithril";
 import { Subscription } from "rxjs";
 export declare const SelectOptionsPanel: m.Component<{}, {

package/dist/esm/components/select/SelectOptionsPanel.js

@@ -1,16 +1,22 @@
-import m from "mithril";
-import { Subscription } from "rxjs";
-import { MAX_OPTION_PANEL_HEIGHT, OPTION_APPROX_HEIGHT } from "./constants";
-import { SelectOptionsManager } from "./select-options-manager";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectOptionsPanel = void 0;
+const mithril_1 = __importDefault(require("mithril"));
+const rxjs_1 = require("rxjs");
+const constants_1 = require("./constants");
+const select_options_manager_1 = require("./select-options-manager");
 // const logger = getLogger("SelectOptionsPanel");
 const DEBUG = false;
-const optsPanelMgr = new SelectOptionsManager();
+const optsPanelMgr = new select_options_manager_1.SelectOptionsManager();
 const MIN_OPTIONS_PANEL_WIDTH = 200;
 const OPTIONS_PANEL_ID = "select-options-panel";
 const TEXT_IDLE_TIMEOUT = 1000;
-export const SelectOptionsPanel = {
+exports.SelectOptionsPanel = {
     oninit() {
-        this.subs = new Subscription();
+        this.subs = new rxjs_1.Subscription();
         this.isOpen = false;
         this.isReversed = false;
         this.isAnchoredRight = false;
@@ -43,7 +49,7 @@ export const SelectOptionsPanel = {
         this.subs.add(optsPanelMgr.panel$.subscribe(panelDef => {
             if (panelDef) {
                 // If the available space is less than the approximate size of the options panel, open upwards instead
-                this.isReversed = (window.innerHeight - panelDef.selectRect.bottom) < Math.min((panelDef.options.length * OPTION_APPROX_HEIGHT), MAX_OPTION_PANEL_HEIGHT);
+                this.isReversed = (window.innerHeight - panelDef.selectRect.bottom) < Math.min((panelDef.options.length * constants_1.OPTION_APPROX_HEIGHT), constants_1.MAX_OPTION_PANEL_HEIGHT);
                 // TODO: calculate is anchored right
                 if (!this.isOpen) {
                     DEBUG && console.log("opening select options panel");
@@ -58,7 +64,7 @@ export const SelectOptionsPanel = {
             else {
                 this.isOpen = false;
             }
-            m.redraw();
+            mithril_1.default.redraw();
         }));
         this.textSearch = "";
         this.handleTextSearch = (ev) => {
@@ -105,11 +111,11 @@ export const SelectOptionsPanel = {
         const rect = panel.selectRect;
         const width = Math.max(rect.width, MIN_OPTIONS_PANEL_WIDTH);
         DEBUG && console.log("Drawing select options panel for select rect:", rect);
-        return m(".bg-white.text-dark.dark:bg-black.dark:text-white.shadow-lg.border.border-grey-500", {
+        return (0, mithril_1.default)(".bg-white.text-dark.dark:bg-black.dark:text-white.shadow-lg.border.border-grey-500", {
             id: OPTIONS_PANEL_ID,
             tabindex: -1,
             style: `position: fixed; left: ${rect.left}px; width: ${width}px; ${this.isReversed ? `bottom: ${document.documentElement.clientHeight - rect.top}px;` : `top: ${rect.bottom}px;`}
-          min-width: ${MIN_OPTIONS_PANEL_WIDTH}px; max-height: ${MAX_OPTION_PANEL_HEIGHT}px; overflow-y: auto; z-index: 100; outline: none;`,
+          min-width: ${MIN_OPTIONS_PANEL_WIDTH}px; max-height: ${constants_1.MAX_OPTION_PANEL_HEIGHT}px; overflow-y: auto; z-index: 100; outline: none;`,
             onkeydown: (ev) => {
                 if (ev.code === "ArrowUp") {
                     this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);
@@ -139,7 +145,7 @@ export const SelectOptionsPanel = {
             },
         }, [
             // The container of the option buttons, may be larger than the displayed panel
-            m("", {
+            (0, mithril_1.default)("", {
                 style: ``,
                 class: `flex flex-col items-stretch`,
             }, [
@@ -147,7 +153,7 @@ export const SelectOptionsPanel = {
                     const value = optionVnode.attrs.value;
                     const disabled = optionVnode.attrs.disabled === true;
                     // An option value button
-                    return m(`button`, {
+                    return (0, mithril_1.default)(`button`, {
                         key: value,
                         disabled,
                         class: `px-2 py-1 flex items-start ${this.highlightedIndex === optionIndex ? "bg-gray-200 dark:bg-black-light" : ""}`,

package/dist/esm/components/select/constants.js

@@ -1,2 +1,5 @@
-export const MAX_OPTION_PANEL_HEIGHT = 320;
-export const OPTION_APPROX_HEIGHT = 30;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OPTION_APPROX_HEIGHT = exports.MAX_OPTION_PANEL_HEIGHT = void 0;
+exports.MAX_OPTION_PANEL_HEIGHT = 320;
+exports.OPTION_APPROX_HEIGHT = 30;

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

@@ -1,3 +1,19 @@
-export * from "./Select";
-export * from "./SelectOptionsPanel";
+"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("./Select"), exports);
+__exportStar(require("./SelectOptionsPanel"), exports);
 // export * from "./select-options-panel-manager";

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 */
@@ -55,10 +59,10 @@ export declare function typedTable<T>(): {
     col: TableColumnDefinitionFn<T>;
     oninit?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
     oncreate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
-    onbeforeremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): void | Promise<any>;
+    onbeforeremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): Promise<any> | void;
     onremove?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
     onbeforeupdate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>, old: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): boolean | void;
     onupdate?(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.VnodeDOM<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): any;
-    view(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): void | m.Children;
+    view(this: m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>, vnode: m.Vnode<TableAttrs<T>, m._NoLifecycle<m.Component<TableAttrs<T>, TableState<T>> & TableState<T>>>): m.Children | null | void;
 };
 export declare const Table: m.Component<TableAttrs<any>, TableState<any>>;

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

@@ -1,4 +1,11 @@
-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 = void 0;
+exports.typedTable = typedTable;
+const mithril_1 = __importDefault(require("mithril"));
 /**
  * Build a typed Table component which includes type checking for column definitions
  * @example
@@ -14,25 +21,25 @@ 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.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,47 @@
-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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.DefaultToastOptions = void 0;
+exports.toast = toast;
+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 +53,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,