mithril-materialized 0.19.6 → 1.0.0-beta.1

package/dist/kanban.d.ts

@@ -1,47 +0,0 @@
-import m, { Component, Attributes } from 'mithril';
-import { IModelField, IConvertibleType } from './layout-form-generator';
-import './styles/kanban.css';
-export interface IKanbanI18n {
-    newItem: string;
-    modalDeleteItem: string;
-    modalCreateNewItem: string;
-    modalEditNewItem: string;
-}
-export interface IKanban<T> extends Attributes {
-    /**
-     * Label for creating a new item
-     * @deprecated Use i18n instead
-     */
-    label?: string;
-    /** Label for creating a new item */
-    i18n?: IKanbanI18n;
-    /** The model representing the item's fields */
-    model: IModelField[];
-    /** The items that we want to show */
-    items?: T[];
-    /** Notify of changes */
-    onchange?: (items: T[]) => void;
-    /** If true, use a modal for editing with a fixed footer */
-    fixedFooter?: boolean;
-    /** Can we create and edit new items: default true */
-    canEdit?: boolean;
-    /** Can we sort items: default true */
-    canSort?: boolean;
-    /** Can we drag items - in this case, sorting is disabled: default false */
-    canDrag?: boolean;
-    /**
-     * Can we move items between lists (based on the same model): default false.
-     * Must be enabled on both lists in order to work.
-     */
-    moveBetweenList?: boolean;
-    /** Sort direction */
-    sortDirection?: 'asc' | 'desc';
-    /** Properties to sort */
-    sortProperties?: string[];
-    /** Property IDs which can always be edited, e.g. also in the list view */
-    editableIds?: string[];
-    /** If true, disable the item */
-    disabled?: boolean;
-}
-/** A flexible list of items, supporting drag-n-drop */
-export declare const Kanban: <T extends IConvertibleType>() => m.Component<Partial<IKanban<T>>, {}>;

package/dist/layout-form-generator.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="materialize-css" />
-/// <reference types="materialize-css" />
-import 'tslib';
-import m, { Component } from 'mithril';
-import { IInputOption } from './option';
-/** List of components that can be used for generating a form */
-export declare type ComponentType = 'text' | 'number' | 'url' | 'email' | 'date' | 'time' | 'checkbox' | 'select' | 'options' | 'radios';
-/** Generic description of a form field, based on a union of the individual component options */
-export interface IModelField {
-    /** Name of the property in the generated object */
-    id: string;
-    /** Type of component to use for rendering the field. If empty, field will not be rendered. */
-    component?: ComponentType;
-    /** Label to display */
-    label?: string;
-    /** Optional class to append to the field */
-    className?: string;
-    /** Optional icon to display on the element, based on the materializecss.com/icons */
-    iconName?: string;
-    /** Optional class for the icon, e.g. to make it smaller or bigger */
-    iconClass?: string;
-    /** For text, may it have multiple lines */
-    multiline?: boolean;
-    /** If true, the item is required */
-    required?: boolean;
-    /** If true, the item is disabled */
-    disabled?: boolean;
-    /** Optional placeholder */
-    placeholder?: string;
-    /** Optional helper text */
-    helperText?: string;
-    /** Start a new row after this field */
-    newRow?: boolean;
-    /** Options for radios, options (checkboxes), and selections */
-    options?: IInputOption[];
-    /** If true, draw the radio buttons inline */
-    inline?: boolean;
-    /**
-     * If specified, generate a value automatically, e.g. to set an ID, or to use a GUID.
-     * Possible options are `guid` to generate a GUID, or 'id' to generate an `idXXXX`.
-     */
-    autogenerate?: 'guid' | 'id';
-}
-/** A data object that can be created */
-export interface IConvertibleType {
-    id: string | number;
-    [key: string]: undefined | string | number | boolean | Date | Array<string | number>;
-}
-/**
- * Convert a model field to a component.
- *
- * @param model Model properties
- * @param value Initial value of the property item
- * @param options Component options
- */
-export declare const fieldToComponent: ({ component, required: isMandatory, options: selectOptions, autogenerate, ...props }: IModelField, value?: string | number | boolean | Date | Array<string | number>, options?: {
-    onchange?: ((v: string | number | boolean | Date | Array<string | number>, overwrite?: boolean) => void) | undefined;
-    containerId?: string | undefined;
-    autofocus?: boolean | undefined;
-    disabled?: boolean | undefined;
-    multiline?: boolean | undefined;
-    key?: string | number | undefined;
-}) => m.Vnode<import("./input-options").IInputOptions<string>, unknown> | m.Vnode<import("./input-options").IInputOptions<number>, unknown> | m.Vnode<import("./option").IInputCheckbox, unknown> | m.Vnode<import("./select").ISelectOptions, unknown> | m.Vnode<import("./option").IOptions, unknown> | m.Vnode<import("./radio").IRadioButtons, unknown> | m.Vnode<import("./input-options").IInputOptions<Date> & Partial<M.DatepickerOptions>, unknown> | m.Vnode<import("./input-options").IInputOptions<string> & Partial<M.TimepickerOptions>, unknown> | undefined;
-/**
- * Generate a new group or form based on an object's model description, where a model consists of multiple fields.
- */
-export declare const LayoutForm: <T extends IConvertibleType>() => m.Component<{
-    el?: string | undefined;
-    model: IModelField[];
-    item: T;
-    containerId?: string | undefined;
-    disabled?: boolean | undefined;
-    editableIds?: (keyof T)[] | undefined;
-    onchange?: ((valid: boolean) => void) | undefined;
-}, {}>;

package/dist/map-editor.d.ts

@@ -1,63 +0,0 @@
-import { FactoryComponent, Attributes } from 'mithril';
-import './styles/map-editor.css';
-import { ICollectionItem } from './collection';
-export interface IMapEditor extends Attributes {
-    /** Optional ID of the element */
-    id?: string;
-    /** If true, displays a header over the map */
-    header?: string;
-    /** Instead of a header, use a label */
-    label?: string;
-    /** Places a required * after the label */
-    isMandatory?: boolean;
-    /**
-     * Optional value for the key label
-     * @default: "Key"
-     */
-    labelKey?: string;
-    /**
-     * Optional value for the value label
-     * @default: "Value"
-     */
-    labelValue?: string;
-    /** If true, the item cannot be edited */
-    disabled?: boolean;
-    /** Icon for the properties' collection */
-    iconName?: string;
-    /** Icon for the key editor: if none provided, and the iconName is set, uses 'label' */
-    iconNameKey?: string;
-    /** If true, do not parse arrays like [1, 2, 3] into number[] or [a, b, c] into a string[] */
-    disallowArrays?: boolean;
-    /** The actual map of key-value pairs supports numbers, strings, booleans and arrays of strings and numbers. */
-    properties: {
-        [key: string]: number | string | boolean | Array<string | number>;
-    };
-    /**
-     * Called when the properties collection has changed. Not needed if you are performing a direct edit on the
-     * properties object, but in case you have created a mapping, this allows you to convert the object back again.
-     */
-    onchange?: (properties: {
-        [key: string]: number | string | boolean | Array<string | number>;
-    }) => void;
-    /**
-     * In order to create a boolean, you first have to enter a truthy or falsy value.
-     * Default 'true' and 'false', but you can add more options.
-     */
-    truthy?: string[];
-    /**
-     * In order to create a boolean, you first have to enter a truthy or falsy value.
-     * Default 'true' and 'false', but you can add more options.
-     */
-    falsy?: string[];
-    /**
-     * Optional function to replace the render function of a key-value pair.
-     * The ICollectionItems's title may be a Vnode.
-     */
-    keyValueConverter?: (key: string, value: number | string | boolean | Array<string | number>) => ICollectionItem;
-    /** Optional class to apply to the key column, @default .col.s4 */
-    keyClass?: string;
-    /** Optional class to apply to the value column, @default .col.s8 */
-    valueClass?: string;
-}
-/** A simple viewer and/or editor for a map of key - value pairs */
-export declare const MapEditor: FactoryComponent<IMapEditor>;

package/dist/timeline.d.ts

@@ -1,24 +0,0 @@
-import { Vnode, FactoryComponent, Attributes } from 'mithril';
-import './styles/timeline.css';
-export interface ITimelineItem {
-    id?: string;
-    title?: Vnode<any, any> | string;
-    datetime: Date;
-    iconName?: string;
-    active?: boolean;
-    content?: Vnode<any, any> | string;
-}
-export interface ITimeline extends Attributes {
-    items: ITimelineItem[];
-    /** When an item is selected, call this function */
-    onSelect?: (ti: ITimelineItem) => void;
-    /** Formatter for the dates, @default date/month/year in UTC */
-    dateFormatter?: (d: Date) => string;
-    /** Formatter for the time @default HH:mm in UTC */
-    timeFormatter?: (d: Date) => string;
-}
-/**
- * A timeline component to generate a simple vertical timeline based on Codrops' Vertical Timeline.
- * @see https://tympanus.net/codrops/2013/05/02/vertical-timeline/
- */
-export declare const Timeline: FactoryComponent<ITimeline>;