mithril-materialized 1.4.2 → 2.0.0-beta.2

package/dist/collapsible.d.ts

@@ -1,5 +1,5 @@
 import { FactoryComponent, Attributes, Vnode } from 'mithril';
-export interface ICollapsibleItem extends Attributes {
+export interface CollapsibleItem extends Attributes {
     /** Header of the collabsible item, may contain HTML or may be a Vnode */
     header?: string | Vnode<any, any>;
     /** Body of the collabsible item, may contain HTML or may be a Vnode */
@@ -9,13 +9,18 @@ export interface ICollapsibleItem extends Attributes {
     /** Add an material icon in front of the header. */
     iconName?: string;
 }
-export interface ICollapsible extends Partial<M.CollapsibleOptions>, Attributes {
+export interface CollapsibleAttributes extends Attributes {
     /** The list of accordeon/collabsible items */
-    items: ICollapsibleItem[];
+    items: CollapsibleItem[];
+    /** If true, only one item can be expanded at a time (accordion mode) */
+    accordion?: boolean;
 }
-export declare const CollapsibleItem: FactoryComponent<ICollapsibleItem>;
+export declare const CollapsibleItem: FactoryComponent<CollapsibleItem & {
+    isActive: boolean;
+    onToggle: () => void;
+}>;
 /**
- * Creates a collabsible or accordion (via the accordion option, default true) component.
- * @see https://materializecss.com/collapsible.html
+ * Creates a collabsible or accordion component with pure CSS/Mithril implementation.
+ * No MaterializeCSS JavaScript dependencies.
  */
-export declare const Collapsible: FactoryComponent<ICollapsible>;
+export declare const Collapsible: FactoryComponent<CollapsibleAttributes>;

package/dist/collection.d.ts

@@ -4,7 +4,7 @@ export declare enum CollectionMode {
     LINKS = 1,
     AVATAR = 2
 }
-export interface ICollectionItem {
+export interface CollectionItem {
     /** If available, will be used as the key, so all items need an id. */
     id?: string | number;
     /** Title of the collection item */
@@ -22,28 +22,28 @@ export interface ICollectionItem {
     /** Add a material icon as secondary content. */
     iconName?: string;
     /** Onclick event handler */
-    onclick?: (item: ICollectionItem) => void;
+    onclick?: (item: CollectionItem) => void;
     /** Any other virtual element properties, including attributes and event handlers. */
     [property: string]: any;
 }
-export interface ICollection extends Attributes {
+export interface CollectionAttributes extends Attributes {
     /** Optional header */
     header?: string;
     /** The list of items */
-    items: ICollectionItem[];
+    items: CollectionItem[];
     /** Mode of operation */
     mode?: CollectionMode;
 }
-export declare const SecondaryContent: FactoryComponent<ICollectionItem>;
+export declare const SecondaryContent: FactoryComponent<CollectionItem>;
 export declare const ListItem: FactoryComponent<{
-    item: ICollectionItem;
+    item: CollectionItem;
     mode: CollectionMode;
 }>;
 export declare const AnchorItem: FactoryComponent<{
-    item: ICollectionItem;
+    item: CollectionItem;
 }>;
 /**
  * Creates a Collection of items, optionally containing links, headers, secondary content or avatars.
  * @see https://materializecss.com/collections.html
  */
-export declare const Collection: FactoryComponent<ICollection>;
+export declare const Collection: FactoryComponent<CollectionAttributes>;

package/dist/dropdown.d.ts

@@ -1,5 +1,5 @@
 import { Component, Attributes } from 'mithril';
-export interface IDropdownOption<T extends string | number> {
+export interface DropdownItem<T extends string | number> {
     /** ID property of the selected item */
     id?: T;
     /** Label to show in the dropdown */
@@ -11,7 +11,7 @@ export interface IDropdownOption<T extends string | number> {
     /** Add a divider */
     divider?: boolean;
 }
-export interface IDropdownOptions<T extends string | number> extends Partial<M.DropdownOptions>, Attributes {
+export interface DropdownAttributes<T extends string | number> extends Attributes {
     /**
      * Optional id of the dropdown element
      * @default 'dropdown'
@@ -26,7 +26,7 @@ export interface IDropdownOptions<T extends string | number> extends Partial<M.D
     /** If true, disable the selection */
     disabled?: boolean;
     /** Item array to show in the dropdown. If the value is not supplied, uses he name. */
-    items: IDropdownOption<T>[];
+    items: DropdownItem<T>[];
     /**
      * Selected value or name
      * @deprecated Use initialValue instead
@@ -41,5 +41,5 @@ export interface IDropdownOptions<T extends string | number> extends Partial<M.D
     /** Add a description underneath the input field. */
     helperText?: string;
 }
-/** Dropdown component */
-export declare const Dropdown: <T extends string | number>() => Component<IDropdownOptions<T>>;
+/** Pure TypeScript Dropdown component - no Materialize dependencies */
+export declare const Dropdown: <T extends string | number>() => Component<DropdownAttributes<T>>;

package/dist/floating-action-button.d.ts

@@ -1,5 +1,5 @@
 import { FactoryComponent } from 'mithril';
-export interface IFloatingActionButton extends Partial<M.FloatingActionButtonOptions> {
+export interface FloatingActionButtonAttributes {
     /** Optional classes to add to the top element */
     className?: string;
     /** Optional style to add to the top element, e.g. for positioning it inline */
@@ -24,10 +24,14 @@ export interface IFloatingActionButton extends Partial<M.FloatingActionButtonOpt
         /** On click function */
         onClick?: (e: UIEvent) => void;
     }>;
+    /** Direction to open the buttons */
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    /** Whether to show the toolbar */
+    toolbarEnabled?: boolean;
+    /** Hover behavior */
+    hoverEnabled?: boolean;
 }
 /**
- * A Floating Action Button.
- *
- * @example FlatButton = ButtonFactory('a.waves-effect.waves-teal.btn-flat');
+ * Floating Action Button
  */
-export declare const FloatingActionButton: FactoryComponent<IFloatingActionButton>;
+export declare const FloatingActionButton: FactoryComponent<FloatingActionButtonAttributes>;

package/dist/icon.d.ts

@@ -1,5 +1,5 @@
 import { FactoryComponent, Attributes } from 'mithril';
-export interface IMaterialIcon extends Attributes {
+export interface MaterialIcon extends Attributes {
     iconName: string;
 }
 /**
@@ -8,4 +8,4 @@ export interface IMaterialIcon extends Attributes {
  * @example m(Icon, { className: 'small' }, 'create') renders a small 'create' icon
  * @example m(Icon, { className: 'prefix' }, iconName) renders the icon as a prefix
  */
-export declare const Icon: FactoryComponent<IMaterialIcon>;
+export declare const Icon: FactoryComponent<MaterialIcon>;