react-ui-basics 0.0.213 → 0.0.214

package/package.json

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

package/src/Checkbox.tsx

@@ -6,8 +6,8 @@ import {PureComponent, render, propsGetter} from "./ReactConstants";
 
 export interface CheckboxProps {
     value: boolean,
-    onChange: ChangeEventHandler,
-    label: string | ReactElement,
+    onChange: ChangeEventHandler<HTMLInputElement>,
+    label?: string | ReactElement,
     name?: string,
     id?: string | number,
     disabled?: boolean,

package/src/DropFileInput.tsx

@@ -9,7 +9,7 @@ export interface DropFileInputProps {
     icon?: MaterialIconType,
     label?: string | ReactElement,
     droppable?: boolean,
-    onDrop?: DragEventHandler,
+    onDrop?: (files: File[]) => void,
     multiple?: boolean,
     accept?: string,
 }

package/src/{Dropzone.js → Dropzone.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 './Dropzone.css'; import React from 'react';
+import React, {ReactElement, ReactNode} from 'react';
 import PropTypes from "prop-types";
 import ReactCreateElement from './ReactCreateElement';
 import './Dropzone.css'
@@ -10,7 +10,7 @@ const toArray = (o) => {
         return o;
 
     const l = [];
-    for (let i = 0; i < __length(o); i++) {
+    for (let i = 0; i < o.length; i++) {
         l.push(o[i])
     }
     return l;
@@ -30,7 +30,19 @@ const ignoredTypes = setOf([
 
 const ignore = dt => dt && (!dt.types[0] || ignoredTypes[dt.types[0]]);
 
-class Dropzone extends PureComponent {
+export interface DropzoneProps {
+    onDrop: (files: File[]) => void,
+    className?: string,
+    overlayLabel?: string | ReactElement,
+    clickable?: boolean,
+    droppable?: boolean,
+    multiple?: boolean,
+    disabled?: boolean,
+    accept?: string,
+    children?: ReactNode
+}
+
+class Dropzone extends PureComponent<DropzoneProps> {
 
     constructor(properties) {
         super(properties);
@@ -40,11 +52,11 @@ class Dropzone extends PureComponent {
         let entries = [];
 
         const props = propsGetter(that);
-        const isDragging = stateGS(that);
+        const isDragging = stateGS<boolean>(that);
 
         const onDrop = (e) => {
             const dt = e.dataTransfer;
-            const files = toArray(dt && dt.files || __target(e).files);
+            const files = toArray(dt && dt.files || e.target.files);
             props().onDrop(files);
             isDragging(false);
             entries = [];
@@ -61,8 +73,9 @@ class Dropzone extends PureComponent {
         const onDragEnter = (e) => {
             const dt = e.dataTransfer;
             if (ignore(dt)) return;
-            if (entries.indexOf(__target(e)) === -1) {
-                entries.push(__target(e))
+
+            if (entries.indexOf(e.target) === -1) {
+                entries.push(e.target)
             }
 
             dt && (dt.dropEffect = 'copy');
@@ -70,9 +83,9 @@ class Dropzone extends PureComponent {
             prevent(e);
         };
         const onDragLeave = (e) => {
-            entries = entries.filter(el => el !== __target(e));
+            entries = entries.filter(el => el !== e.target);
 
-            if (__length(entries) === 0)
+            if (entries.length === 0)
                 isDragging(false);
 
             prevent(e)
@@ -80,8 +93,17 @@ class Dropzone extends PureComponent {
 
         const inputRef = createRef()
 
-        that[ReactConstants[3]] = () => {
-            const {children, className, disabled, clickable, multiple, droppable, overlayLabel, accept} = props();
+        that[render] = () => {
+            const {
+                children,
+                className,
+                disabled,
+                clickable = true,
+                multiple = true,
+                droppable = true,
+                overlayLabel,
+                accept
+            } = props();
 
             return <div className={classNames('Dropzone', className, isDragging() && 'dragging')}
                         onDragLeave={!disabled && droppable && onDragLeave || UNDEFINED}
@@ -109,26 +131,4 @@ class Dropzone extends PureComponent {
     }
 }
 
-Dropzone.defaultProps = {
-    clickable: true,
-    multiple: true,
-    droppable: true,
-};
-
-if (process.env.NODE_ENV !== 'production') {
-    Dropzone.propTypes = {
-        [ReactConstants[5]]: PropTypes.string,
-        overlayLabel: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        clickable: PropTypes.bool,
-        droppable: PropTypes.bool,
-        multiple: PropTypes.bool,
-        disabled: PropTypes.bool,
-        onDrop: PropTypes.func.isRequired,
-        accept: PropTypes.string,
-    };
-}
-
 export default Dropzone;