react-ui-basics 0.0.219 → 0.0.221

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.219",
+  "version": "0.0.221",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/router/Route.js

@@ -1,5 +1,6 @@
 import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
+import '../ReactCreateElement.js';
 import 'prop-types';
 import { setOf, allPropsExcept, isDifferent, addEventListener, WINDOW, removeEventListener, orNoop } from '../Tools.js';
 import { stateGSs, componentDidUpdate, render, componentDidMount, componentWillUnmount, PureComponent, propsGetter, setState } from '../ReactConstants.js';

package/router/Route.js.map

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","_PureComponent","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","propsGetter","_stateGSs","stateGSs","_stateGSs2","_slicedToArray","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","_props","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","_createClass","PureComponent","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","_PureComponent","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","propsGetter","_stateGSs","stateGSs","_stateGSs2","_slicedToArray","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","_props","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","_createClass","PureComponent","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}

package/src/Button.tsx

@@ -0,0 +1,96 @@
+import React, {FocusEventHandler, MouseEventHandler, ReactElement, ReactNode} from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './Button.css'
+import {classNames, DOCUMENT, addEventListener, createRef, orNoop} from "./Tools";
+import {PureComponent, render, stateGS, props} from "./ReactConstants";
+
+export interface ButtonProps {
+    flat?: boolean,
+    raised?: boolean,
+    round?: boolean,
+    disabled?: boolean,
+    withRipple?: boolean,
+    type?: 'button' | 'submit' | 'reset',
+    className?: string,
+    onClick?: MouseEventHandler,
+    onFocus?: FocusEventHandler,
+    style?: any,
+    children?: ReactNode,
+}
+
+class Button extends PureComponent<ButtonProps> {
+    static defaultProps = {
+        type: 'button',
+        withRipple: true,
+    }
+
+    constructor(properties) {
+        super(properties);
+
+        const that = this;
+        const el = createRef<HTMLButtonElement>();
+        const ripple = createRef<HTMLSpanElement>();
+
+        const rippleClassName = stateGS<string>(that);
+
+        const onMouseDown = (e) => {
+            if (!props(that).withRipple) return;
+
+            const rect = el().getBoundingClientRect();
+            const rippleElement = ripple();
+            const style = rippleElement.style;
+            const body = DOCUMENT.body;
+
+            style.height = style.width = Math.max(rect.width, rect.height) + 'px';
+            style.top = (e.pageY - rect.top - rippleElement.offsetHeight / 2 - body.scrollTop) + 'px';
+            style.left = (e.pageX - rect.left - rippleElement.offsetWidth / 2 - body.scrollLeft) + 'px';
+
+            rippleClassName('show');
+
+            addEventListener(rippleElement, 'animationend', () => {
+                rippleClassName('showed');
+            });
+        };
+
+        const onFocus = e => {
+            orNoop(props(that).onFocus)(e)
+            if (rippleClassName() === 'show')
+                return
+
+            const rect = el().getBoundingClientRect();
+            const style = ripple().style;
+
+            let size = Math.max(rect.width, rect.height) * 0.8
+            style.height = style.width = size + 'px';
+            style.top = (rect.height / 2 - size / 2) + 'px';
+            style.left = (rect.width / 2 - size / 2) + 'px';
+
+            rippleClassName('focused');
+        }
+
+        that[render] = () => {
+            const {children, type, className, onClick, flat, raised = !flat, round, style, disabled} = props(that);
+            return (
+                <button className={classNames('Button',
+                    className,
+                    disabled && 'disabled',
+                    raised && 'raised',
+                    flat && 'flat',
+                    round && 'round')
+                }
+                        onFocus={onFocus}
+                        disabled={disabled}
+                        style={style}
+                        type={type}
+                        onClick={onClick}
+                        onMouseDown={onMouseDown}
+                        ref={el}>
+                    {children}
+                    <span className={classNames(`ripple`, rippleClassName())} ref={ripple}/>
+                </button>
+            );
+        }
+    }
+}
+
+export default Button;

package/src/DNDContainer.tsx

@@ -18,6 +18,8 @@ import {
     UNDEFINED
 } from "./Tools";
 import {propsGetter, render, componentDidMount} from "./ReactConstants";
+import Droppable from "./DNDDroppable";
+import Draggable from "./DNDDraggable";
 
 const clearSelection = () => {
     const getSelection = WINDOW.getSelection;
@@ -113,9 +115,9 @@ class DNDContainer extends Component<DNDContainerProps, DNDContainerState> {
             draggable = null;
         };
 
-        const draggableInitializer = (item) => {
+        const draggableInitializer = (item: Draggable) => {
             const handle = item.props.handle;
-            const draggableElement = (handle && item.element.childNodes[0]) || item.element;
+            const draggableElement: HTMLElement = ((handle && item.element.firstElementChild as HTMLElement) || item.element);
             draggableElement.draggable = true;
 
             const dragStartListener = (e) => {
@@ -131,7 +133,7 @@ class DNDContainer extends Component<DNDContainerProps, DNDContainerState> {
                 item.width = itemOffset.width;
                 item.height = itemOffset.height;
 
-                let clone = orNoop(item.props.copy)((it) => {
+                let clone = orNoop(item.props.copy)((it: Draggable) => {
                     let style = it.element.style;
 
                     const offsetLeft = totalOffsetLeft(container) + (e.clientX - itemOffset.left);
@@ -177,7 +179,7 @@ class DNDContainer extends Component<DNDContainerProps, DNDContainerState> {
                     }
                 }
                 onDragStart(e);
-                setTimeout(() => item.setState({placeholder: true}), 1)
+                return setTimeout(() => item.setState({placeholder: true}), 1)
             };
             addListener(draggableElement, item, 'dragend', (e) => {
                 if (item.state.placeholder)
@@ -232,7 +234,7 @@ class DNDContainer extends Component<DNDContainerProps, DNDContainerState> {
             });
         }
 
-        const droppableInitializer = (item) => {
+        const droppableInitializer = (item: Droppable) => {
             droppables.push(item);
 
             addEventListener(item.element, 'drop', (e) => {
@@ -242,27 +244,34 @@ class DNDContainer extends Component<DNDContainerProps, DNDContainerState> {
                     data && orNoop(item.props.onDrop)(data);
                 }
             }, false);
-            addEventListener(item.element, 'dragenter', (e) => {
+            addEventListener(item.element, 'mouseenter', (e) => {
+                if(!draggable)
+                    return
+
                 if (item.state.allow) {
                     preventDefault(e);
                     item.isHover(e, draggable, true)
                 }
             });
-            addEventListener(item.element, 'dragleave', (e) => {
+            addEventListener(item.element, 'mouseleave', (e) => {
+                if(!draggable)
+                    return
+
                 if (item.state.allow) {
                     preventDefault(e);
                     item.isHover(e, draggable, false)
                 }
             });
 
-            item.onDragStart = (e, draggable) => {
+            item.onDragStart = (e, draggable: Draggable) => {
                 item.bounds = item.element.getBoundingClientRect();
                 let allow = (orNoop(item.props.onDragStart)(e, data));
                 if (allow === UNDEFINED)
                     allow = true
-                item.setState({allow});
+                item.setState({allow: allow as boolean});
+                item.isHover(e, draggable)
             };
-            item.isHover = (e, draggable, hover) => {
+            item.isHover = (e, draggable, hover?: boolean) => {
                 const bounds = item.bounds;
                 if (!bounds)
                     return;

package/src/{DNDDraggable.js → DNDDraggable.tsx}

@@ -1,4 +1,4 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import React from 'react';
+import React, {MouseEventHandler} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import {classNames, orNoop, ref} from "./Tools";
 import {componentDidUpdate, props, state, render, children, className, componentDidMount, componentWillUnmount, PureComponent} from "./ReactConstants";
@@ -12,35 +12,61 @@ const hover = 'hover',
 
 const init = that => orNoop(props(that)[initializer])(that);
 
-class Draggable extends PureComponent {
+interface DraggableProps {
+    id: string | number
+    data: any
+    copy?: (initializer: (it: Draggable) => Draggable, classname: string, item: Draggable) => Draggable
+    onClick?: MouseEventHandler<HTMLDivElement>
+    children?: React.ReactNode
+    className?: string,
+    handle?: React.ReactNode
+    initializer?: (draggable: Draggable) => void
+}
+
+interface DraggableState {
+    dragged?: boolean,
+    placeholder?: boolean,
+    hover?: boolean,
+}
+
+abstract class AbstractDraggable extends PureComponent<DraggableProps, DraggableState> {
+    onUnmount?: () => void
+    element: HTMLDivElement
+    width: number;
+    height: number;
+    createPositionListener: (e, style, itemOffset, container) => any;
+    initDraggedStyles: (style, itemOffset) => void;
+}
+
+class Draggable extends AbstractDraggable {
 
     constructor(properties) {
         super(properties);
         const that = this;
         that.state = {};
-        that[ReactConstants[2]] = (prevProps) => {
+        that[componentDidUpdate] = (prevProps) => {
             if (prevProps[handle] !== props(that)[handle] || prevProps[initializer] !== props(that)[initializer])
                 init(that)
         };
-        that[ReactConstants[0]] = () => {
+        that[componentDidMount] = () => {
             init(that)
         };
-        that[ReactConstants[1]] = () => {
+        that[componentWillUnmount] = () => {
             orNoop(that.onUnmount)();
         };
-        that[ReactConstants[3]] = () => {
+        that[render] = () => {
             const _state = state(that),
                 _props = props(that);
-            return <div className={classNames('Draggable', _props[ReactConstants[5]],
+            return <div className={classNames('Draggable', _props[className],
                 _state[dragged] && dragged,
                 _state[placeholder] && placeholder,
                 _state[hover] && hover,
             )}
-                        onClick={_props[ReactConstants[6]]}
+                        onClick={_props.onClick}
                         ref={ref('element', that)}
             >
                 {_props[handle]}
-                {_props[ReactConstants[4]]}
+                {_props[children]}
             </div>;
         }
     }

package/src/{DNDDroppable.js → DNDDroppable.tsx}

@@ -1,7 +1,8 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import React from 'react';
+import React from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import {classNames, orNoop, ref, preventDefault, stopPropagation} from "./Tools";
 import {componentDidMount, componentDidUpdate, render, props, state, componentWillUnmount, children, className, PureComponent} from "./ReactConstants";
+import Draggable from "./DNDDraggable";
 
 const hover = 'hover',
     allow = 'allow',
@@ -10,32 +11,58 @@ const hover = 'hover',
 
 const init = that => orNoop(props(that)[initializer])(that);
 
-class Droppable extends PureComponent {
+interface DroppableProps {
+    children?: React.ReactNode
+    className?: string,
+    initializer?: (draggable: Droppable) => void
+    onDrop?: (data: any) => void
+    onHover?: (e, draggable: Draggable) => void
+    onDragStart?: (e, data: any) => boolean
+}
+
+interface DroppableState {
+    allow?: boolean,
+    hover?: boolean,
+}
+
+abstract class AbstractDroppable extends PureComponent<DroppableProps, DroppableState> {
+    onUnmount?: () => void
+    element: HTMLDivElement
+    onDragStart: (e, draggable: Draggable) => void
+    bounds: DOMRect
+    isHover: (e, draggable: Draggable, hover?: boolean) => void;
+    onDragEnd: () => void;
+    dropIfHover: () => void;
+}
+
+class Droppable extends AbstractDroppable {
+
 
     constructor(properties) {
         super(properties);
         const that = this;
+        that.state = {}
 
-        that[ReactConstants[2]] = (prevProps) => {
+        that[componentDidUpdate] = (prevProps) => {
             if (prevProps[initializer] !== props(that)[initializer])
                 init(that)
         };
 
-        that[ReactConstants[0]] = () => {
+        that[componentDidMount] = () => {
             init(that)
         };
 
-        that[ReactConstants[1]] = () => {
+        that[componentWillUnmount] = () => {
             orNoop(that.onUnmount)();
         };
 
-        that[ReactConstants[3]] = () => {
+        that[render] = () => {
             const _props = props(that),
                 _state = state(that);
             return <div className={
                 classNames(
                     'Droppable',
-                    _props[ReactConstants[5]],
+                    _props[className],
                     _state[hover] && hover,
                     _state[allow] && allow,
                 )}
@@ -46,7 +73,7 @@ class Droppable extends PureComponent {
                             }
                         }}
                         ref={ref('element', that)}>
-                {_props[ReactConstants[4]]}
+                {_props[children]}
             </div>;
         };
     }

package/src/{Dialog.js → Dialog.tsx}

@@ -1,18 +1,36 @@
-import ReactConstants from "./../ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields"; import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; import './Dialog.css'; import React, {Component} from 'react';
+import React, {MouseEventHandler, ReactElement} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import './Dialog.css'
 import Button from "./Button";
 import Modal from "./Modal";
 import {isUndefined, orNoop, preventDefault, ref, UNDEFINED, classNames, createRef} from "./Tools";
 import {PureComponent, render, componentDidMount, propsGetter, stateGSs} from "./ReactConstants";
-import PropTypes from "prop-types";
 
-class Dialog extends PureComponent {
+
+type StringOrReactElement = string | ReactElement;
+
+export interface DialogProps {
+    title?: StringOrReactElement,
+    description?: StringOrReactElement,
+    accept?: StringOrReactElement,
+    cancel?: StringOrReactElement,
+    className?: string,
+    top?: number,
+    onAccept?: MouseEventHandler,
+    onCancel?: MouseEventHandler,
+}
+
+class Dialog extends PureComponent<DialogProps> {
+    static defaultProps = {
+        accept: 'Accept',
+        cancel: 'Decline',
+    }
+
     constructor(properties) {
         super(properties);
 
-        this[ReactConstants[3]] = () => {
-            const {title, description, accept, cancel, onAccept, onCancel, children} = __props(this);
+        this[render] = () => {
+            const {title, description, accept, cancel, onAccept, onCancel, children} = this.props;
             return <div className="Dialog">
                 {title && <div className="title">{title}</div>}
                 {description && <div className="description">{description}</div>}
@@ -26,16 +44,34 @@ class Dialog extends PureComponent {
     }
 }
 
-Dialog.defaultProps = {
-    accept: 'Accept',
-    cancel: 'Decline',
-};
 
 const throwIfPropExists = (key, props) => {
     if (props[key]) throw Error(key + " was already set by props")
 };
 
-class DialogWrapper extends Component {
+export type OpenDialogFn = (
+    onAccept?: MouseEventHandler,
+    onCancel?: MouseEventHandler,
+    title?: StringOrReactElement,
+    description?: StringOrReactElement,
+    accept?: StringOrReactElement,
+    cancel?: StringOrReactElement
+) => void;
+
+export type CloseDialogFn = () => void;
+
+abstract class AbstractDialogWrapper extends PureComponent<DialogWrapperProps> {
+    open: OpenDialogFn
+    close: CloseDialogFn
+}
+
+export interface DialogWrapperProps extends DialogProps {
+    show?: boolean,
+    open?: (open: OpenDialogFn) => void,
+    close?: (close: CloseDialogFn) => void,
+}
+
+class DialogWrapper extends AbstractDialogWrapper {
 
     constructor(properties) {
         super(properties);
@@ -43,8 +79,8 @@ class DialogWrapper extends Component {
         that.state = {};
 
         const props = propsGetter(that);
-        const openRef = createRef();
-        const closeRef = createRef();
+        const openRef = createRef<() => void>();
+        const closeRef = createRef<() => void>();
 
         const [titleState,
             descriptionState,
@@ -52,9 +88,9 @@ class DialogWrapper extends Component {
             onCancelState,
             acceptState,
             cancelState
-        ] = stateGSs(that, 6);
+        ] = stateGSs<[StringOrReactElement, StringOrReactElement, MouseEventHandler, MouseEventHandler, StringOrReactElement, StringOrReactElement]>(that, 6);
 
-        const onCancel = (e) => {
+        const onCancel = (e?) => {
             preventDefault(e);
             orNoop(props().onCancel || onCancelState())();
             closeRef()();
@@ -66,8 +102,8 @@ class DialogWrapper extends Component {
             closeRef()();
         };
 
-        that[ReactConstants[3]] = () => {
-            const {top, className, ...other} = props();
+        that[render] = () => {
+            const {top, className} = props();
             return (
                 <Modal
                     top={top}
@@ -76,7 +112,15 @@ class DialogWrapper extends Component {
                     close={closeRef}
                     onClose={onCancel}
                 >
-                    <Dialog title={titleState()} description={descriptionState()} accept={acceptState()} cancel={cancelState()} {...other} onAccept={onAccept} onCancel={onCancel}/>
+                    <Dialog
+                        title={titleState()}
+                        description={descriptionState()}
+                        accept={acceptState()}
+                        cancel={cancelState()}
+                        {...props()}
+                        onAccept={onAccept}
+                        onCancel={onCancel}
+                    />
                 </Modal>
             );
         };
@@ -117,7 +161,7 @@ class DialogWrapper extends Component {
             openRef()();
         };
 
-        that[ReactConstants[0]] = () => {
+        that[componentDidMount] = () => {
             const _props = props();
             orNoop(_props.open)(that.open);
             orNoop(_props.close)(closeRef());
@@ -126,29 +170,4 @@ class DialogWrapper extends Component {
     }
 }
 
-export default DialogWrapper;
-
-if (process.env.NODE_ENV !== 'production') {
-    DialogWrapper.propTypes = {
-        title: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        description: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        accept: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        cancel: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        onAccept: PropTypes.func,
-        onCancel: PropTypes.func,
-        [ReactConstants[5]]: PropTypes.string,
-        top: PropTypes.number,
-    };
-}
+export default DialogWrapper;