react-ui-basics 0.0.161 → 0.0.164

package/Animated.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, createClass as _cre
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Animated.css';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { setOf, clearTimeout, allPropsExcept, classNames, requestAnimationFrame, setTimeout } from './Tools.js';

package/AutocompleteSelect.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './AutocompleteSelect.css';
 import React from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -26,11 +27,11 @@ var DummyChild = function DummyChild(_ref) {
   var id = _ref.id,
       label = _ref.label,
       dataConsumer = _ref.dataConsumer,
-      onClick = _ref.onClick;
+      onClick = _ref[ReactConstants[6]];
   orNoop(dataConsumer)(label || id);
   return ReactCreateElement("div", {
     [ReactConstants[5]]: "DummyChild",
-    onClick: onClick
+    [ReactConstants[6]]: onClick
   }, label || id);
 };
 var prepareSelected = function prepareSelected(value) {
@@ -109,7 +110,7 @@ var AutocompleteSelect = function (_PureComponent) {
           required = _this$props2.required,
           allowCustom = _this$props2.allowCustom,
           onSelect = _this$props2.onSelect,
-          onChange = _this$props2.onChange,
+          onChange = _this$props2[ReactConstants[7]],
           defaultValue = _this$props2["default"];
       var _this$state = __state(_this),
           filterValue = _this$state.filterValue,
@@ -150,7 +151,7 @@ var AutocompleteSelect = function (_PureComponent) {
         filterValue: ''
       });
       orNoop(__props(_this).onSelect)(null);
-      orNoop(__props(_this).onChange)([]);
+      orNoop(__props(_this)[ReactConstants[7]])([]);
       _this.initSelected(__props(_this), __state(_this));
     };
     _this.remove = function (id) {
@@ -160,9 +161,9 @@ var AutocompleteSelect = function (_PureComponent) {
       });
       delete result.selected[id];
       _this.setState(result);
-      orNoop(__props(_this).onChange)(Object.values(result.selected));
+      orNoop(__props(_this)[ReactConstants[7]])(Object.values(result.selected));
     };
-    _this.onChange = function (event) {
+    _this[ReactConstants[7]] = function (event) {
       var value = __target(event).value;
       _this.setState({
         filterValue: value
@@ -295,7 +296,7 @@ var AutocompleteSelect = function (_PureComponent) {
       }, label && ReactCreateElement("label", {
         [ReactConstants[5]]: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
         htmlFor: 'f-' + id,
-        onClick: function onClick() {
+        [ReactConstants[6]]: function onClick() {
           if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {
             toggle();
           }
@@ -304,7 +305,7 @@ var AutocompleteSelect = function (_PureComponent) {
         [ReactConstants[5]]: "arrow"
       })), (!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && ReactCreateElement("div", {
         [ReactConstants[5]]: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
-        onClick: toggle
+        [ReactConstants[6]]: toggle
       }, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
           [ReactConstants[5]]: "value",
@@ -312,10 +313,10 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), ReactCreateElement("div", {
           [ReactConstants[5]]: "button remove",
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
           }
@@ -326,14 +327,14 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
         [ReactConstants[5]]: "arrow"
       }), withReset && ReactCreateElement(Button, {
         [ReactConstants[5]]: "reset",
         raised: false,
-        onClick: this.clean
+        [ReactConstants[6]]: this.clean
       }, removeIcon)), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
           [ReactConstants[5]]: "value",
@@ -341,10 +342,10 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), ReactCreateElement("div", {
           [ReactConstants[5]]: "button remove",
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
           }
@@ -355,7 +356,7 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && __length(selectedIds) > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
         [ReactConstants[5]]: "input",
@@ -367,7 +368,7 @@ var AutocompleteSelect = function (_PureComponent) {
         focused: isActive,
         value: filterValue,
         label: inputLabel,
-        onChange: this.onChange,
+        [ReactConstants[7]]: this[ReactConstants[7]],
         onFocus: function onFocus(e) {
           return _this3.setState({
             isActive: true

package/Button.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Button.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, createRef, DOCUMENT, addEventListener, orNoop } from './Tools.js';
@@ -51,7 +52,7 @@ var Button = function (_PureComponent) {
           children = _props[ReactConstants[4]],
           type = _props.type,
           className = _props[ReactConstants[5]],
-          onClick = _props.onClick,
+          onClick = _props[ReactConstants[6]],
           flat = _props.flat,
           _props$raised = _props.raised,
           raised = _props$raised === void 0 ? !flat : _props$raised,
@@ -64,7 +65,7 @@ var Button = function (_PureComponent) {
         disabled: disabled,
         style: style,
         type: type,
-        onClick: onClick,
+        [ReactConstants[6]]: onClick,
         onMouseDown: onMouseDown,
         ref: el
       }, children, ReactCreateElement("span", {
@@ -85,7 +86,7 @@ if (process.env.NODE_ENV !== 'production') {
     withRipple: PropTypes.bool,
     type: PropTypes.oneOf(['button', 'submit', 'reset']),
     [ReactConstants[5]]: PropTypes.string,
-    onClick: PropTypes.func,
+    [ReactConstants[6]]: PropTypes.func,
     onFocus: PropTypes.func,
     style: PropTypes.object
   };

package/Checkbox.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Checkbox.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, getRandomId } from './Tools.js';
@@ -23,7 +24,7 @@ var Checkbox = function (_PureComponent) {
       var _props = props(),
           label = _props.label,
           name = _props.name,
-          onChange = _props.onChange,
+          onChange = _props[ReactConstants[7]],
           value = __value(_props),
           className = _props[ReactConstants[5]],
           disabled = _props.disabled;
@@ -34,7 +35,7 @@ var Checkbox = function (_PureComponent) {
         name: name,
         id: id,
         type: "checkbox",
-        onChange: onChange,
+        [ReactConstants[7]]: onChange,
         checked: value,
         disabled: disabled
       }), ReactCreateElement("label", {
@@ -47,7 +48,7 @@ var Checkbox = function (_PureComponent) {
 }(PureComponent);
 if (process.env.NODE_ENV !== 'production') {
   Checkbox.propTypes = {
-    onChange: PropTypes.func.isRequired,
+    [ReactConstants[7]]: PropTypes.func.isRequired,
     value: PropTypes.bool,
     disabled: PropTypes.bool,
     [ReactConstants[5]]: PropTypes.string,

package/CircleProgress.js

@@ -4,6 +4,7 @@ import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './CircleProgress.css';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 

package/DNDContainer.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './DNDContainer.css';
 import { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { setTimeout, clearTimeout, preventDefault, addEventListener, orNoop, NOOP, removeEventListener, WINDOW, DOCUMENT, requestAnimationFrame, classNames, ref } from './Tools.js';
@@ -49,7 +50,7 @@ var DNDContainer = function (_Component) {
           var offsetLeft = totalOffsetLeft(container) + (e.clientX - __left(itemOffset));
           var offsetTop = totalOffsetTop(container) + (e.clientY - __top(itemOffset));
           _this[positionListener] = orNoop(it.createPositionListener)(e, style, itemOffset, container) || function (e) {
-            if (e.pageX === 0) return;
+            if (__pageX(e) === 0) return;
             style.transform = 'translate(' + (__pageX(e) - offsetLeft) + 'px, ' + (__pageY(e) - offsetTop) + 'px)';
           };
           requestAnimationFrame(function () {

package/DNDDraggable.js

@@ -40,7 +40,7 @@ var Draggable = function (_PureComponent) {
           _props = props(that);
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames('Draggable', _props[ReactConstants[5]], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
-        onClick: _props.onClick,
+        [ReactConstants[6]]: _props[ReactConstants[6]],
         ref: ref('element', that)
       }, _props[handle], _props[ReactConstants[4]]);
     };

package/Dialog.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 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 { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import Button from './Button.js';
@@ -39,10 +40,10 @@ var Dialog = function (_PureComponent) {
         [ReactConstants[5]]: "row right"
       }, cancel && ReactCreateElement(Button, {
         flat: true,
-        onClick: onCancel
+        [ReactConstants[6]]: onCancel
       }, cancel), accept && ReactCreateElement(Button, {
         flat: true,
-        onClick: onAccept
+        [ReactConstants[6]]: onAccept
       }, accept)));
     };
     return _this;

package/DropFileInput.js

@@ -4,6 +4,7 @@ import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './DropFileInput.css';
 import ReactCreateElement from './ReactCreateElement.js';
 import Dropzone from './Dropzone.js';
 import PropTypes from 'prop-types';

package/DroppableList.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 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 React, { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import DNDDroppable from './DNDDroppable.js';

package/Dropzone.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Dropzone.css';
 import 'react';
 import PropTypes from 'prop-types';
 import ReactCreateElement from './ReactCreateElement.js';
@@ -68,7 +69,7 @@ var Dropzone = function (_PureComponent) {
       entries = entries.filter(function (el) {
         return el !== __target(e);
       });
-      if (entries.length === 0) isDragging(false);
+      if (__length(entries) === 0) isDragging(false);
       prevent(e);
     };
     var inputRef = createRef();
@@ -98,10 +99,10 @@ var Dropzone = function (_PureComponent) {
         type: "file",
         accept: accept,
         multiple: !!multiple,
-        onClick: function onClick() {
+        [ReactConstants[6]]: function onClick() {
           inputRef().value = '';
         },
-        onChange: onDrop
+        [ReactConstants[7]]: onDrop
       }), children);
     };
     return _this;

package/FilteredList.d.ts

@@ -0,0 +1,61 @@
+import { ClassType, CSSProperties, DOMElement, FunctionComponent, MouseEventHandler, ReactElement } from 'react';
+import './FilteredList.css';
+import { SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE } from "./Scrollable";
+import { PureComponent } from "./ReactConstants";
+export declare const getLabel: (labels: any, id: any) => any;
+export interface FilteredListProps<T extends (number | string | boolean)> {
+    data: T[];
+    labels: ((id: T) => string | ReactElement) | {
+        [id: string]: string | ReactElement;
+    };
+    selected: T | {
+        [id: string]: T;
+    };
+    inline: boolean;
+    selectSingle?: boolean;
+    childComponent: FunctionComponent | ClassType<any, any, any>;
+    scroll?: typeof SCROLLBAR_MODE_AUTO | typeof SCROLLBAR_MODE_HIDDEN | typeof SCROLLBAR_MODE_VISIBLE;
+    style?: CSSProperties;
+    childProps?: any;
+    className?: string;
+    filter: (id: T) => boolean;
+    onSelect: (id: T) => void;
+    nextProvider: (next: () => void) => void;
+    prevProvider: (prev: () => void) => void;
+    resetProvider: (reset: () => void) => void;
+    selectedProvider: (reset: () => T) => void;
+}
+interface FilteredListState {
+    selected: number | string | boolean;
+}
+declare class FilteredList<T extends (number | string | boolean)> extends PureComponent<FilteredListProps<T>, FilteredListState> {
+    hidden: {};
+    list: any[];
+    elements: {};
+    el: any;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    updateList: (props: any) => void;
+    render(): JSX.Element;
+    onSelect: (id: T) => void;
+    selected: () => any;
+    next: () => void;
+    prev: () => void;
+    updateScroll: (id: any) => void;
+    reset: () => void;
+    scrollTo: (id: any) => any;
+}
+export default FilteredList;
+export interface ItemWrapperProps<T> {
+    id: number | string | boolean;
+    label: string | ReactElement;
+    onClick: MouseEventHandler;
+    onMouseEnter: MouseEventHandler;
+    onMouseLeave: MouseEventHandler;
+    classProvider: (data: any) => string;
+    className?: string;
+    childComponent: FunctionComponent | ClassType<any, any, any>;
+    childProps?: any;
+    element?: (el: DOMElement<any, any>) => void;
+}