react-ui-basics 0.0.219 → 0.0.221

package/DroppableList.js

@@ -1,9 +1,9 @@
 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 './DroppableList.css'; import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized } from './_virtual/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
-import DNDDroppable from './DNDDroppable.js';
+import Droppable from './DNDDroppable.js';
 import { orNoop, NOOP, setTimeout, classNames } from './Tools.js';
-import DNDDraggable from './DNDDraggable.js';
+import Draggable from './DNDDraggable.js';
 import { addListener } from './DNDContainer.js';
 import { stateGS, componentDidUpdate, children, componentDidMount, setState, props, render, propsGetter } from './ReactConstants.js';
 
@@ -23,7 +23,7 @@ var DroppableList = function (_Component) {
     var init = function init() {
       list = [];
       React.Children.forEach(props$1()[ReactConstants[4]], function (child) {
-        child && child.type === DNDDraggable && list.push(props(child).id);
+        child && child.type === Draggable && list.push(props(child).id);
       });
     };
     init();
@@ -36,6 +36,28 @@ var DroppableList = function (_Component) {
     var dragging;
     var oldIndex;
     var newIndex;
+    var onHover = function onHover(e, draggable) {
+      var y = __pageY(e) - that.scrollOffsetY;
+      var transformUp = 'translateY(' + __height(draggable) + 'px)';
+      var transformDown = 'translateY(-' + __height(draggable) + 'px)';
+      list.forEach(function (id, i) {
+        if (i !== oldIndex) {
+          var d = draggables[id];
+          var bounds = d.bounds;
+          var style = d.element.style;
+          if (i > oldIndex) {
+            if (y >= __top(bounds)) style.transform = transformDown;else style.transform = '';
+          } else {
+            if (y <= bounds.bottom) style.transform = transformUp;else style.transform = '';
+          }
+        }
+      });
+      var i = list.findIndex(function (id) {
+        var bounds = draggables[id].bounds;
+        return y >= __top(bounds) && y <= bounds.bottom;
+      });
+      newIndex = i !== -1 ? i : __length(list);
+    };
     that[ReactConstants[0]] = function () {
       var inTransition = false;
       orNoop(props$1().provideDraggableEnhancer)(function (initializer) {
@@ -44,7 +66,8 @@ var DroppableList = function (_Component) {
           it.createPositionListener = function (e, style) {
             var offsetTop = __pageY(e);
             return function (e) {
-              __pageY(e) && (style.transform = 'translateY(' + (__pageY(e) - offsetTop - that.scrollDiff) + 'px)');
+              onHover(e, it);
+              __pageY(e) && (style.transform = 'translateY(' + (__pageY(e) - offsetTop) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
@@ -81,40 +104,12 @@ var DroppableList = function (_Component) {
           draggables[props(it).id] = it;
         };
       });
-      orNoop(props$1().provideScrollListener)(function (e) {
-        if (!dragging) return;
-        that.scrollDiff = that.scroll - orNoop(props$1().getScrollPosition)() || 0;
-      });
-    };
-    var onHover = function onHover(e, draggable) {
-      var y = __pageY(e) - that.scrollOffsetY - that.scrollDiff;
-      var transformUp = 'translateY(' + __height(draggable) + 'px)';
-      var transformDown = 'translateY(-' + __height(draggable) + 'px)';
-      list.forEach(function (id, i) {
-        if (i !== oldIndex) {
-          var d = draggables[id];
-          var bounds = d.bounds;
-          var style = d.element.style;
-          if (i > oldIndex) {
-            if (y >= __top(bounds)) style.transform = transformDown;else style.transform = '';
-          } else {
-            if (y <= bounds.bottom) style.transform = transformUp;else style.transform = '';
-          }
-        }
-      });
-      var i = list.findIndex(function (id) {
-        var bounds = draggables[id].bounds;
-        return y >= __top(bounds) && y <= bounds.bottom;
-      });
-      newIndex = i !== -1 ? i : __length(list);
     };
     var onDragStart = function onDragStart(e, draggable) {
       dragging = true;
       dropped = false;
-      oldIndex = list.indexOf(props(draggable).id);
+      oldIndex = list.indexOf(draggable.id);
       that.scrollOffsetY = __pageY(e) - e.clientY;
-      that.scroll = orNoop(props$1().getScrollPosition)() || 0;
-      that.scrollDiff = 0;
       list.forEach(function (id) {
         draggables[id].bounds = draggables[id].element.getBoundingClientRect();
       });
@@ -157,7 +152,7 @@ var DroppableList = function (_Component) {
       var _props = props$1();
       var className = _props[ReactConstants[5]],
         initializer = _props.initializer;
-      return ReactCreateElement(DNDDroppable, {
+      return ReactCreateElement(Droppable, {
         [ReactConstants[5]]: classNames('DroppableList', className, resetting() && 'resetting'),
         initializer: initializer,
         onHover: onHover,

package/DroppableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DroppableList.js","sources":["./src/DroppableList.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './DroppableList.css'\nimport DNDDroppable from \"./DNDDroppable\";\nimport {classNames, orNoop, setTimeout, NOOP} from \"./Tools\";\nimport DNDDraggable from \"./DNDDraggable\";\nimport {addListener} from \"./DNDContainer\";\nimport {stateGS, setState, propsGetter, props as getProps, render, componentDidUpdate, componentDidMount, children} from \"./ReactConstants\";\n\nclass DroppableList extends Component {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const props = propsGetter(that);\n        const resetting = stateGS(that);\n        const draggables = {};\n        let list;\n\n        const init = () => {\n            list = [];\n            React.Children.forEach(props()[children], child => {\n                child && child.type === DNDDraggable && list.push(getProps(child).id);\n            })\n        };\n\n        init();\n\n        that[componentDidUpdate] = (prevProps) => {\n            if (prevProps[children] !== props()[children]) {\n                init();\n            }\n        };\n\n        let dropped;\n        let dragging;\n        let oldIndex;\n        let newIndex;\n\n        that[componentDidMount] = () => {\n            let inTransition = false;\n            orNoop(props().provideDraggableEnhancer)(initializer => it => {\n                orNoop(initializer)(it);\n                it.createPositionListener = (e, style) => {\n                    const offsetTop = e.pageY;\n                    return e => {\n                        e.pageY && (style.transform = 'translateY(' + (e.pageY - offsetTop - that.scrollDiff) + 'px)');\n                    };\n                };\n                it.initDraggedStyles = NOOP;\n                it.onDragEnd = () => {\n                    const style = it.element.style;\n                    inTransition = true;\n                    setTimeout(() => {\n                        const droppingDuration = props().droppingDuration || 100;\n                        style.transition = 'transform ' + droppingDuration + 'ms linear';\n                        style.transform = '';\n                        style.zIndex = '10';\n                        setTimeout(() => {\n                            style.transition = '';\n                            style.zIndex = '';\n                            setTimeout(() => {\n                                inTransition = false;\n                            }, 50) // ignore mouseenter on the old position\n                        }, droppingDuration)\n                    }, 1);\n                };\n                addListener(it.element, it, 'mouseenter', (e) => {\n                    !(dragging || inTransition) && setState(it, {hover: true});\n                });\n                addListener(it.element, it, 'mouseleave', (e) => {\n                    !dragging && setState(it, {hover: false});\n                });\n                it.onUnmount = () => {\n                    delete draggables[getProps(it).id];\n                };\n                draggables[getProps(it).id] = it;\n            })\n\n            orNoop(props().provideScrollListener)(e => {\n                if (!dragging)\n                    return\n\n                that.scrollDiff = that.scroll - orNoop(props().getScrollPosition)() || 0;\n            })\n        };\n\n        const onHover = (e, draggable) => {\n            const y = e.pageY - that.scrollOffsetY - that.scrollDiff;\n            const transformUp = 'translateY(' + draggable.height + 'px)';\n            const transformDown = 'translateY(-' + draggable.height + 'px)';\n            list.forEach((id, i) => {\n                if (i !== oldIndex) {\n                    const d = draggables[id];\n                    const bounds = d.bounds;\n                    const style = d.element.style;\n                    if (i > oldIndex) {\n                        if (y >= bounds.top)\n                            style.transform = transformDown;\n                        else\n                            style.transform = '';\n                    } else {\n                        if (y <= bounds.bottom)\n                            style.transform = transformUp;\n                        else\n                            style.transform = '';\n                    }\n                }\n            });\n\n            let i = list.findIndex(id => {\n                let bounds = draggables[id].bounds;\n                return y >= bounds.top && y <= bounds.bottom\n            });\n\n            newIndex = i !== -1 ? i : list.length;\n        };\n\n        const onDragStart = (e, draggable) => {\n            dragging = true;\n            dropped = false;\n            oldIndex = list.indexOf(getProps(draggable).id);\n            that.scrollOffsetY = e.pageY - e.clientY;\n            that.scroll = orNoop(props().getScrollPosition)() || 0;\n            that.scrollDiff = 0;\n\n            list.forEach((id) => {\n                draggables[id].bounds = draggables[id].element.getBoundingClientRect();\n            });\n        };\n\n        const reset = (ignoredIndex, transition) => {\n            list.forEach((id, i) => {\n                if (i !== ignoredIndex) {\n                    const s = draggables[id].element.style;\n                    s.transform = '';\n                    s.transition = transition;\n                }\n            });\n        };\n\n        const onDragEnd = (draggable) => {\n            const index = list.indexOf(getProps(draggable).id);\n\n            if (dropped) {\n                reset(index, '');\n            } else {\n                resetting(true, () => {\n                    reset(index, '');\n                });\n                setTimeout(() => {\n                    resetting(false);\n                }, props().droppingDuration || 100);\n            }\n            dragging = false;\n        };\n        const onDrop = (data) => {\n            dropped = true;\n            const draggable = draggables[list[oldIndex]];\n            const style = draggable.element.style;\n\n            const diff = (newIndex - oldIndex) * draggable.bounds.height;\n            const transform = style.transform;\n            const position = transform.substring(11, transform.length - 3);\n            style.transform = 'translateY(' + (position - diff) + 'px)'; // set translateY against new position on the list to prevent long slide\n\n            orNoop(props().onDrop)(data, oldIndex, newIndex);\n\n            reset(newIndex, 'unset');\n        };\n\n        that[render] = () => {\n            const _props = props();\n            const {className, initializer} = _props;\n            return <DNDDroppable className={classNames(\n                'DroppableList',\n                className,\n                resetting() && 'resetting',\n            )}\n                                 initializer={initializer}\n                                 onHover={onHover}\n                                 onDragStart={onDragStart}\n                                 onDragEnd={onDragEnd}\n                                 onDrop={onDrop}\n            >\n                {_props[children]}\n            </DNDDroppable>;\n        };\n    }\n}\n\n\nexport default DroppableList;"],"names":["DroppableList","_Component","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","props","propsGetter","resetting","stateGS","draggables","list","init","React","Children","forEach","children","child","type","DNDDraggable","push","getProps","id","componentDidUpdate","prevProps","dropped","dragging","oldIndex","newIndex","componentDidMount","inTransition","orNoop","provideDraggableEnhancer","initializer","it","createPositionListener","e","style","offsetTop","pageY","transform","scrollDiff","initDraggedStyles","NOOP","onDragEnd","element","setTimeout","droppingDuration","transition","zIndex","addListener","setState","hover","onUnmount","provideScrollListener","scroll","getScrollPosition","onHover","draggable","y","scrollOffsetY","transformUp","height","transformDown","i","d","bounds","top","bottom","findIndex","length","onDragStart","indexOf","clientY","getBoundingClientRect","reset","ignoredIndex","s","index","onDrop","data","diff","position","substring","render","_props","className","ReactCreateElement","DNDDroppable","classNames","_createClass","Component"],"mappings":"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"}
+{"version":3,"file":"DroppableList.js","sources":["./src/DroppableList.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './DroppableList.css'\nimport DNDDroppable from \"./DNDDroppable\";\nimport {classNames, orNoop, setTimeout, NOOP} from \"./Tools\";\nimport DNDDraggable from \"./DNDDraggable\";\nimport {addListener} from \"./DNDContainer\";\nimport {stateGS, setState, propsGetter, props as getProps, render, componentDidUpdate, componentDidMount, children} from \"./ReactConstants\";\n\nclass DroppableList extends Component {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const props = propsGetter(that);\n        const resetting = stateGS(that);\n        const draggables = {};\n        let list;\n\n        const init = () => {\n            list = [];\n            React.Children.forEach(props()[children], child => {\n                child && child.type === DNDDraggable && list.push(getProps(child).id);\n            })\n        };\n\n        init();\n\n        that[componentDidUpdate] = (prevProps) => {\n            if (prevProps[children] !== props()[children]) {\n                init();\n            }\n        };\n\n        let dropped;\n        let dragging;\n        let oldIndex;\n        let newIndex;\n\n        const onHover = (e, draggable) => {\n            const y = e.pageY - that.scrollOffsetY;\n            const transformUp = 'translateY(' + draggable.height + 'px)';\n            const transformDown = 'translateY(-' + draggable.height + 'px)';\n            list.forEach((id, i) => {\n                if (i !== oldIndex) {\n                    const d = draggables[id];\n                    const bounds = d.bounds;\n                    const style = d.element.style;\n                    if (i > oldIndex) {\n                        if (y >= bounds.top)\n                            style.transform = transformDown;\n                        else\n                            style.transform = '';\n                    } else {\n                        if (y <= bounds.bottom)\n                            style.transform = transformUp;\n                        else\n                            style.transform = '';\n                    }\n                }\n            });\n\n            let i = list.findIndex(id => {\n                let bounds = draggables[id].bounds;\n                return y >= bounds.top && y <= bounds.bottom\n            });\n\n            newIndex = i !== -1 ? i : list.length;\n        };\n\n        that[componentDidMount] = () => {\n            let inTransition = false;\n            orNoop(props().provideDraggableEnhancer)(initializer => it => {\n                orNoop(initializer)(it);\n                it.createPositionListener = (e, style) => {\n                    const offsetTop = e.pageY;\n                    return e => {\n                        onHover(e, it)\n                        e.pageY && (style.transform = 'translateY(' + (e.pageY - offsetTop) + 'px)');\n                    };\n                };\n                it.initDraggedStyles = NOOP;\n                it.onDragEnd = () => {\n                    const style = it.element.style;\n                    inTransition = true;\n                    setTimeout(() => {\n                        const droppingDuration = props().droppingDuration || 100;\n                        style.transition = 'transform ' + droppingDuration + 'ms linear';\n                        style.transform = '';\n                        style.zIndex = '10';\n                        setTimeout(() => {\n                            style.transition = '';\n                            style.zIndex = '';\n                            setTimeout(() => {\n                                inTransition = false;\n                            }, 50) // ignore mouseenter on the old position\n                        }, droppingDuration)\n                    }, 1);\n                };\n                addListener(it.element, it, 'mouseenter', (e) => {\n                    !(dragging || inTransition) && setState(it, {hover: true});\n                });\n                addListener(it.element, it, 'mouseleave', (e) => {\n                    !dragging && setState(it, {hover: false});\n                });\n                it.onUnmount = () => {\n                    delete draggables[getProps(it).id];\n                };\n                draggables[getProps(it).id] = it;\n            })\n\n        };\n\n        const onDragStart = (e, draggable) => {\n            dragging = true;\n            dropped = false;\n            oldIndex = list.indexOf(draggable.id);\n            that.scrollOffsetY = e.pageY - e.clientY;\n\n            list.forEach((id) => {\n                draggables[id].bounds = draggables[id].element.getBoundingClientRect();\n            });\n        };\n\n        const reset = (ignoredIndex, transition) => {\n            list.forEach((id, i) => {\n                if (i !== ignoredIndex) {\n                    const s = draggables[id].element.style;\n                    s.transform = '';\n                    s.transition = transition;\n                }\n            });\n        };\n\n        const onDragEnd = (draggable) => {\n            const index = list.indexOf(getProps(draggable).id);\n\n            if (dropped) {\n                reset(index, '');\n            } else {\n                resetting(true, () => {\n                    reset(index, '');\n                });\n                setTimeout(() => {\n                    resetting(false);\n                }, props().droppingDuration || 100);\n            }\n            dragging = false;\n        };\n        const onDrop = (data) => {\n            dropped = true;\n            const draggable = draggables[list[oldIndex]];\n            const style = draggable.element.style;\n\n            const diff = (newIndex - oldIndex) * draggable.bounds.height;\n            const transform = style.transform;\n            const position = transform.substring(11, transform.length - 3);\n            style.transform = 'translateY(' + (position - diff) + 'px)'; // set translateY against new position on the list to prevent long slide\n\n            orNoop(props().onDrop)(data, oldIndex, newIndex);\n\n            reset(newIndex, 'unset');\n        };\n\n        that[render] = () => {\n            const _props = props();\n            const {className, initializer} = _props;\n            return <DNDDroppable className={classNames(\n                'DroppableList',\n                className,\n                resetting() && 'resetting',\n            )}\n                                 initializer={initializer}\n                                 onHover={onHover}\n                                 onDragStart={onDragStart}\n                                 onDragEnd={onDragEnd}\n                                 onDrop={onDrop}\n            >\n                {_props[children]}\n            </DNDDroppable>;\n        };\n    }\n}\n\n\nexport default DroppableList;"],"names":["DroppableList","_Component","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","props","propsGetter","resetting","stateGS","draggables","list","init","React","Children","forEach","children","child","type","DNDDraggable","push","getProps","id","componentDidUpdate","prevProps","dropped","dragging","oldIndex","newIndex","onHover","e","draggable","y","pageY","scrollOffsetY","transformUp","height","transformDown","i","d","bounds","style","element","top","transform","bottom","findIndex","length","componentDidMount","inTransition","orNoop","provideDraggableEnhancer","initializer","it","createPositionListener","offsetTop","initDraggedStyles","NOOP","onDragEnd","setTimeout","droppingDuration","transition","zIndex","addListener","setState","hover","onUnmount","onDragStart","indexOf","clientY","getBoundingClientRect","reset","ignoredIndex","s","index","onDrop","data","diff","position","substring","render","_props","className","ReactCreateElement","DNDDroppable","classNames","_createClass","Component"],"mappings":"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"}

package/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/FilteredList.d.ts

@@ -0,0 +1,62 @@
+import { CSSProperties } from 'react';
+import './FilteredList.css';
+import Scrollable from "./Scrollable";
+import { PureComponent } from "./ReactConstants";
+declare type Labels<T> = ((item: T) => string) | {
+    [key: string]: string;
+} | {
+    [key: number]: string;
+};
+export declare const getLabel: (<T extends string | number>(labels: Labels<T>, id: T) => string);
+export interface FilteredListProps<T> {
+    nextProvider?: (cb: () => void) => void;
+    prevProvider?: (cb: () => void) => void;
+    resetProvider?: (cb: () => void) => void;
+    selectedProvider?: (cb: () => void) => void;
+    data: T[];
+    labels?: Labels<T>;
+    filter?: (item: T) => boolean;
+    className?: string;
+    selected?: T | {
+        [key: string]: boolean;
+    } | {
+        [key: number]: boolean;
+    };
+    inline?: boolean;
+    childComponent: any;
+    childProps: any;
+    style?: CSSProperties;
+    scroll: any;
+    onSelect: (selected: T) => void;
+    selectSingle?: boolean;
+}
+export interface FilteredListState<T> {
+    selected: T;
+}
+declare class FilteredList<T extends string | number> extends PureComponent<FilteredListProps<T>, FilteredListState<T>> {
+    static defaultProps: {
+        data: any[];
+        labels: {};
+        selected: {};
+        inline: boolean;
+        selectSingle: boolean;
+        filter: () => boolean;
+    };
+    hidden: Map<T, boolean>;
+    elements: Map<T, HTMLDivElement>;
+    list: T[];
+    el: Scrollable;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    updateList: (props: any) => void;
+    render(): JSX.Element;
+    onSelect: (id: any) => void;
+    selected: () => T;
+    next: () => void;
+    prev: () => void;
+    updateScroll: (id: any) => void;
+    reset: () => void;
+    scrollTo: (id: any) => void;
+}
+export default FilteredList;