react-ui-basics 0.0.209 → 0.0.211

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

@@ -1,26 +1,35 @@
-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 './ModalMenu.css'; import React from 'react';
+import React, {MouseEventHandler} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import './ModalMenu.css'
 import {PureComponent, stateGS, render} from "./ReactConstants";
 import {classNames} from "./Tools";
 import Animated from "./Animated";
 import Button from "./Button";
-import MaterialIcon from "./MaterialIcon";
+import MaterialIcon, {MaterialIconType} from "./MaterialIcon";
 
-class ModalMenu extends PureComponent {
+export interface ModalMenuItem {
+    icon: MaterialIconType,
+    action: MouseEventHandler
+}
+
+export interface ModalMenuProps {
+    items: ModalMenuItem[]
+}
+
+class ModalMenu extends PureComponent<ModalMenuProps> {
 
     constructor(props) {
         super(props);
         this.state = {};
-        const isOpen = stateGS(this);
+        const isOpen = stateGS<boolean>(this);
 
         const toggle = () => {
             isOpen(!isOpen());
         };
-        this[ReactConstants[3]] = () => {
-            const {items} = __props(this);
+        this[render] = () => {
+            const {items} = this.props;
             const filtered = (items || []).filter(it => !!it);
-            if (__length(filtered) === 0) return null;
+            if (filtered.length === 0) return null;
 
             const open = isOpen();
 
@@ -30,9 +39,9 @@ class ModalMenu extends PureComponent {
                                                    mounting={200}
                                                    unmounting={200}
                                                    mountingDelay={i * 50}
-                                                   unmountingDelay={(__length(filtered) - i - 1) * 50}
+                                                   unmountingDelay={(filtered.length - i - 1) * 50}
                                                    styles={{
-                                                       mounting: {right: ((__length(filtered) - i) * 36 + 5 + (__length(filtered) - i) * 5) + `px`},
+                                                       mounting: {right: ((filtered.length - i) * 36 + 5 + (filtered.length - i) * 5) + `px`},
                                                    }}
                 >
                     <Button flat={true} round={true} onClick={it.action}>

package/src/Scrollable.css

@@ -25,6 +25,9 @@
 .Scrollable.without-scroll-horizontal {
   max-width: unset;
 }
+.Scrollable.undefined-horizontal {
+  max-width: unset;
+}
 .Scrollable.without-scroll {
   padding-right: 0;
   max-height: unset;

package/src/Scrollable.js

@@ -244,17 +244,18 @@ class Scrollable extends PureComponent {
             const updateVerticalScrollbar = () => {
                 const scrollHeight = scrollHeightOf(viewport);
                 const scrollbarHeight = offsetHeightOf(scrollbar);
+                const containerHeight = offsetHeightOf(container);
 
                 !adjustedScrollWidth && adjustScrollWidth();
 
                 const newRatio = scrollHeight / scrollbarHeight;
-                if ((ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
+                if (!containerHeight || (ratio === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
 
                 const offsetHeight = offsetHeightOf(viewport);
                 const horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? __clientHeight(scrollbarH) + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
 
-                let containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
-                if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL)
+                let containerOffsetHeight = containerHeight + horizontalScrollBarOffset;
+                if (containerOffsetHeight > scrollHeight && status() === WITHOUT_SCROLL)
                     return;
 
                 if (props().autoScrollTop && scrollHeight - offsetHeight - __scrollTop(viewport) <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
@@ -262,10 +263,11 @@ class Scrollable extends PureComponent {
                 }
 
                 ratio = newRatio;
-                styleOf(thumb).height = (scrollbarHeight / newRatio) + 'px';
+                if (newRatio > 1.02)
+                    styleOf(thumb).height = (scrollbarHeight / newRatio) + 'px';
 
                 styleOf(container).height = scrollHeight - horizontalScrollBarOffset + 'px';
-                containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
+                containerOffsetHeight = containerHeight + horizontalScrollBarOffset;
 
                 if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
                     if (status() !== WITHOUT_SCROLL)
@@ -274,7 +276,7 @@ class Scrollable extends PureComponent {
                     return
                 }
 
-                if (containerOffsetHeight < scrollHeight) {
+                if (containerOffsetHeight <= scrollHeight) {
                     adjustedScrollWidth = false;
                     showScrollbar(scrollbar, viewport, adjustScrollWidth);
                 } else {
@@ -289,25 +291,25 @@ class Scrollable extends PureComponent {
             };
 
             const updateHorizontalScrollbar = () => {
-
                 const scrollWidth = scrollWidthOf(viewport);
                 const scrollbarWidth = offsetWidthOf(scrollbarH);
+                const containerWidth = offsetWidthOf(container);
 
                 !adjustedScrollWidth && adjustScrollWidth();
 
                 const newRatio = scrollWidth / scrollbarWidth;
-                if ((ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
+                if (!containerWidth || (ratioH === newRatio && Number.isFinite(newRatio)) || Number.isNaN(newRatio)) return;
 
                 const offsetWidth = offsetWidthOf(viewport);
-
                 const verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? __clientWidth(scrollbar) + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
-                let containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
 
-                if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL)
+                let containerOffsetWidth = containerWidth + verticalScrollBarOffset;
+                if (containerOffsetWidth > scrollWidth && statusH() === WITHOUT_SCROLL)
                     return;
 
                 ratioH = newRatio;
-                styleOf(thumbH).width = (scrollbarWidth / newRatio) + 'px';
+                if (newRatio > 1.02)
+                    styleOf(thumbH).width = (scrollbarWidth / newRatio) + 'px';
 
 
                 if (horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
@@ -318,9 +320,9 @@ class Scrollable extends PureComponent {
                 }
 
                 styleOf(container).width = (scrollWidth - verticalScrollBarOffset) + 'px';
-                containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
+                containerOffsetWidth = containerWidth + verticalScrollBarOffset;
 
-                if (containerOffsetWidth < scrollWidth) {
+                if (containerOffsetWidth <= scrollWidth) {
                     adjustedScrollWidth = false;
                     showHorizontalScrollbar(scrollbarH, viewport, adjustScrollWidth);
                 } else {
@@ -341,12 +343,14 @@ class Scrollable extends PureComponent {
                 };
             } else if (sbm !== SCROLLBAR_RESIZE_DISABLED)
                 update = updateVerticalScrollbar
-            else
-                update = updateVerticalScrollbar
+            else if (hsbm !== SCROLLBAR_RESIZE_DISABLED)
+                update = updateHorizontalScrollbar
 
-            initTimeout = setTimeout(() => {
-                resizeInterval = setInterval(update, 50);
-            }, 200)
+            if (update) {
+                initTimeout = setTimeout(() => {
+                    resizeInterval = setInterval(update, 50);
+                }, 200)
+            }
         };
 
         that[ReactConstants[0]] = init;

package/src/Scrollable.scss

@@ -34,6 +34,10 @@
     max-width: unset;
   }
 
+  &.undefined-horizontal {
+    max-width: unset;
+  }
+
   &.without-scroll {
     padding-right: 0;
     max-height: unset;

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

@@ -1,28 +1,10 @@
-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 {isUndefined} from "./Tools";
 
-const Size = ({value}) => (
-    <span className="Size">
-        {formatNumber(value, 1)}&nbsp;{formatAbbreviation(value)}
-    </span>
-);
+export type ToAbbreviationType = 'B' | 'KB' | 'MB' | 'GB';
 
-export const formatNumberWithMaxLength = (size, fractionalLength, toAbbreviation, maxLength) => {
-    let result;
-    if (isUndefined(fractionalLength))
-        fractionalLength = 1;
-    if (isUndefined(maxLength))
-        maxLength = -1;
-
-    do {
-        result = formatNumber(size, fractionalLength, toAbbreviation);
-        fractionalLength--;
-    } while (maxLength !== -1 && fractionalLength >= 0 && __length(result) > maxLength);
-    return result;
-};
-
-function formatNumber(size, fractionalLength, toAbbreviation) {
+const formatNumber = (size: number, fractionalLength: number, toAbbreviation?: ToAbbreviationType) => {
     if (size < 1000 && !toAbbreviation || toAbbreviation === 'B')
         return size + '';
     size /= 1024;
@@ -35,7 +17,21 @@ function formatNumber(size, fractionalLength, toAbbreviation) {
     return size.toFixed(fractionalLength);
 };
 
-export const formatAbbreviation = (size) => {
+export const formatNumberWithMaxLength = (size: number, fractionalLength: number, toAbbreviation?: ToAbbreviationType, maxLength?: number) => {
+    let result;
+    if (isUndefined(fractionalLength))
+        fractionalLength = 1;
+    if (isUndefined(maxLength))
+        maxLength = -1;
+
+    do {
+        result = formatNumber(size, fractionalLength, toAbbreviation);
+        fractionalLength--;
+    } while (maxLength !== -1 && fractionalLength >= 0 && result.length > maxLength);
+    return result;
+};
+
+export const formatAbbreviation = (size: number) => {
     if (size < 1000)
         return 'B';
     size /= 1024;
@@ -48,4 +44,10 @@ export const formatAbbreviation = (size) => {
     return 'GB';
 };
 
+const Size = ({value}: { value: number }) => (
+    <span className="Size">
+        {formatNumber(value, 1)}&nbsp;{formatAbbreviation(value)}
+    </span>
+);
+
 export default Size

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

@@ -1,14 +1,25 @@
-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 './Snackbar.css'; import React from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
 import ReactCreateElement from './ReactCreateElement';
-import PropTypes from "prop-types";
 import './Snackbar.css'
 import {classNames, setTimeout, clearTimeout} from "./Tools";
 import {componentWillUnmount, render, props, className, PureComponent, stateGSs} from "./ReactConstants";
 
 const shown = 'shown';
 
-class Snackbar extends PureComponent {
+export interface SnackbarProps {
+    className?: string,
+    text?: string,
+    container?: Element,
+}
+
+type SnackbarState = [
+    (v?: boolean) => boolean,
+    (v?: string) => string,
+    (v?: string) => string,
+]
+
+class Snackbar extends PureComponent<SnackbarProps> {
 
     constructor(properties) {
         super(properties);
@@ -18,28 +29,28 @@ class Snackbar extends PureComponent {
             isShow,
             getText,
             clazzName
-        ] = stateGSs(this, 3);
+        ] = stateGSs(this, 3) as SnackbarState;
 
         let timeout;
-        that[ReactConstants[1]] = () => {
+        that[componentWillUnmount] = () => {
             clearTimeout(timeout);
         };
-        that[ReactConstants[3]] = () => {
+        that[render] = () => {
             const _props = props(that);
             const {container} = _props;
 
-            const el = <div className={classNames(`Snackbar`, _props[ReactConstants[5]], isShow() && shown, clazzName())}>
+            const el = <div className={classNames(`Snackbar`, _props[className], isShow() && shown, clazzName())}>
                 <div className="message">{getText() || _props.text}</div>
             </div>;
             return container ? ReactDOM.createPortal(el, container) : el;
         };
 
-        const hide = ()=>{
+        const hide = () => {
             isShow(false)
             clazzName(null)
         }
 
-        that.show = (text, className) => {
+        that.show = (text: string, className: string) => {
             if (isShow()) {
                 clearTimeout(timeout);
                 isShow(false);
@@ -52,14 +63,9 @@ class Snackbar extends PureComponent {
             }
         }
     }
-}
 
-if (process.env.NODE_ENV !== 'production') {
-    Snackbar.propTypes = {
-        [ReactConstants[5]]: PropTypes.string,
-        text: PropTypes.string,
-        container: PropTypes.node,
-    };
+    show(text: string, className: string) {
+    }
 }
 
 export default Snackbar;

package/src/SpinningProgress.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './SpinningProgress.css'
+
+const SpinningProgress = () => (
+    <div className="SpinningProgress">
+        <svg className="circular" viewBox="0 0 24 24">
+            <circle className="line" cx="12" cy="12" r="8.75" fill="none"/>
+        </svg>
+    </div>
+);
+
+export default SpinningProgress;

package/src/Switch.tsx

@@ -0,0 +1,42 @@
+import React, {ChangeEventHandler, MouseEventHandler, ReactElement} from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './Switch.css'
+import {getRandomId, classNames} from "./Tools";
+import {PureComponent, render} from "./ReactConstants";
+
+export interface SwitchProps {
+    value: boolean,
+    id?: string | number,
+    label?: string | ReactElement,
+    className?: string,
+    labelOn?: string | ReactElement,
+    labelOff?: string | ReactElement,
+    onChange?: ChangeEventHandler,
+    onClick?: MouseEventHandler
+}
+
+class Switch extends PureComponent<SwitchProps> {
+
+    constructor(props) {
+        super(props);
+        const randomId = getRandomId('sw-');
+
+        this[render] = () => {
+            const {label, className, labelOn, labelOff, onChange, value, onClick} = this.props;
+            const id = (this.props.id || randomId) + '';
+            return (
+                <div className={classNames("Switch", className)} onClick={onClick}>
+                    <input type="checkbox" id={id} className="switch-input" onChange={onChange} checked={value}/>
+
+                    <label htmlFor={id} className="switch-label">
+                        {label && <span className="label">{label}</span>}
+                        {labelOn && <span className="toggle--on">{labelOn}</span>}
+                        {labelOff && <span className="toggle--off">{labelOff}</span>}
+                    </label>
+                </div>
+            )
+        }
+    }
+}
+
+export default Switch

package/src/Table.tsx

@@ -386,7 +386,7 @@ class Row<T> extends PureComponent<RowProps<T>> {
                                 stopPropagation(e);
                                 preventDefault(e);
                                 setValue(!value, item, column.field)
-                            }} value={value}/>
+                            }} value={!!value}/>
                         )}
                         {displayEditor && isFunction(column.editor)
                             && (column.editor as ((t: T, cancel: () => void, isEditing: boolean) => ReactElement))(item, cancelEditing, isEditing)}

package/src/Tools.ts

@@ -17,7 +17,7 @@ export const NOOP = () => {
 
 export const orNoop = <T>(f: (...a: any) => T) => f || NOOP;
 
-export const getRandomId = (prefix) => prefix + Math.random();
+export const getRandomId = (prefix: string) => prefix + Math.random();
 
 export const ref = (name, component) => {
     const refKey = "__" + name;

package/store/ProxyTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProxyTools.js","sources":["../src/store/ProxyTools.js"],"sourcesContent":["import {UNDEFINED} from \"../Tools\";\n\nexport const createProxy = (target) => {\n    if(!target)\n        return target\n    if (target.__isProxy)\n        return target;\n\n    let changedValue = UNDEFINED;\n    let deletedKeys = UNDEFINED;\n    let innerProxies = UNDEFINED\n    const isChanged = () => changedValue || (innerProxies && Object.values(innerProxies).some(it => it.__changed));\n\n    return new Proxy(target, {\n        get: function (target, prop) {\n            if (prop === '__isProxy')\n                return true\n            if (prop === '__changed')\n                return isChanged();\n            if (prop === 'bake')\n                return () => {\n                    // console.log('bake', changedValue, innerProxies)\n                    if (!isChanged())\n                        return target\n\n                    if (changedValue && !innerProxies)\n                        return changedValue\n\n                    if (innerProxies) {\n                        const result = changedValue || (Array.isArray(target) ? [...target] : {...target});\n\n                        for (let key in innerProxies) {\n                            result[key] = innerProxies[key].bake()\n                        }\n                        return result\n                    }\n\n                    throw new Error('state not implemented yet')\n                }\n\n            // console.log('get', {target, prop})\n            const innerProxy = innerProxies && innerProxies[prop];\n            if (innerProxy)\n                return innerProxy\n\n            const changed = changedValue && changedValue[prop]\n            if (changed !== UNDEFINED)\n                return changed\n\n            if (deletedKeys && deletedKeys[prop])\n                return null\n\n            const value = target[prop];\n            if (value && typeof value === 'object') {\n                !innerProxies && (innerProxies = {})\n                return innerProxies[prop] = createProxy(value)\n            }\n\n            return value;\n        },\n        set: function (target, prop, newval) {\n            // console.log('set', {target, prop, newval})\n            if (!changedValue) changedValue = Array.isArray(target) ? [...target] : {...target}\n\n            if (newval && typeof newval === 'object') {\n                !innerProxies && (innerProxies = {})\n                innerProxies[prop] = newval = createProxy(newval)\n            } else {\n                innerProxies && (delete innerProxies[prop])\n            }\n            changedValue[prop] = newval\n            // console.log('changedValue', changedValue)\n            return true;\n        },\n        deleteProperty: function (target, prop) {\n            // console.log('delete', {target, prop})\n            !changedValue && (changedValue = Array.isArray(target) ? [...target] : {...target})\n\n            if (!prop in changedValue)\n                return false;\n\n            delete changedValue[prop]\n            innerProxies && delete innerProxies[prop]\n            !deletedKeys && (deletedKeys = {})\n            deletedKeys[prop] = true;\n            return true;\n        }\n    })\n}\n"],"names":["createProxy","target","__isProxy","changedValue","UNDEFINED","deletedKeys","innerProxies","isChanged","Object","values","some","it","__changed","Proxy","get","prop","result","Array","isArray","key","bake","Error","innerProxy","changed","value","set","newval","_objectSpread","deleteProperty"],"mappings":"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"}
+{"version":3,"file":"ProxyTools.js","sources":["../src/store/ProxyTools.js"],"sourcesContent":["import {UNDEFINED} from \"../Tools\";\n\nexport const createProxy = (target) => {\n    if(!target)\n        return target\n    if (target.__isProxy)\n        return target;\n\n    let changedValue = UNDEFINED;\n    let deletedKeys = UNDEFINED;\n    let innerProxies = UNDEFINED\n    const isChanged = () => changedValue || (innerProxies && Object.values(innerProxies).some(it => it.__changed));\n\n    return new Proxy(target, {\n        get: function (target, prop) {\n            if (prop === '__isProxy')\n                return true\n            if (prop === '__changed')\n                return isChanged();\n            if (prop === 'bake')\n                return () => {\n                    // console.log('bake', changedValue, innerProxies)\n                    if (!isChanged())\n                        return target\n\n                    if (changedValue && !innerProxies)\n                        return changedValue\n\n                    if (innerProxies) {\n                        const result = changedValue || (Array.isArray(target) ? [...target] : {...target});\n\n                        for (let key in innerProxies) {\n                            result[key] = innerProxies[key].bake()\n                        }\n                        return result\n                    }\n\n                    throw new Error('state not implemented yet')\n                }\n\n            // console.log('get', {target, prop})\n            const innerProxy = innerProxies && innerProxies[prop];\n            if (innerProxy)\n                return innerProxy\n\n            const changed = changedValue && changedValue[prop]\n            if (changed !== UNDEFINED)\n                return changed\n\n            if (deletedKeys && deletedKeys[prop])\n                return null\n\n            const value = target[prop];\n            if (value && typeof value === 'object') {\n                !innerProxies && (innerProxies = {})\n                return innerProxies[prop] = createProxy(value)\n            }\n\n            return value;\n        },\n        set: function (target, prop, newval) {\n            // console.log('set', {target, prop, newval})\n            if (!changedValue) changedValue = Array.isArray(target) ? [...target] : {...target}\n\n            if (newval && typeof newval === 'object') {\n                !innerProxies && (innerProxies = {})\n                innerProxies[prop] = newval = createProxy(newval)\n            } else {\n                innerProxies && (delete innerProxies[prop])\n            }\n            changedValue[prop] = newval\n            // console.log('changedValue', changedValue)\n            return true;\n        },\n        deleteProperty: function (target, prop) {\n            // console.log('delete', {target, prop})\n            !changedValue && (changedValue = Array.isArray(target) ? [...target] : {...target})\n\n            if (!prop in changedValue)\n                return false;\n\n            delete changedValue[prop]\n            innerProxies && delete innerProxies[prop]\n            !deletedKeys && (deletedKeys = {})\n            deletedKeys[prop] = true;\n            return true;\n        }\n    })\n}\n"],"names":["createProxy","target","__isProxy","changedValue","UNDEFINED","deletedKeys","innerProxies","isChanged","Object","values","some","it","__changed","Proxy","get","prop","result","Array","isArray","_toConsumableArray","_objectSpread","key","bake","Error","innerProxy","changed","value","_typeof","set","newval","deleteProperty"],"mappings":"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"}

package/src/Checkbox.js

@@ -1,46 +0,0 @@
-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 './Checkbox.css'; import React from 'react';
-import ReactCreateElement from './ReactCreateElement';
-import './Checkbox.css'
-import {classNames, getRandomId} from "./Tools";
-import {PureComponent, render, propsGetter} from "./ReactConstants";
-import PropTypes from "prop-types";
-
-class Checkbox extends PureComponent {
-
-    constructor(properties) {
-        super(properties);
-        const randomId = getRandomId('cb-');
-        const props = propsGetter(this);
-
-        this[ReactConstants[3]] = () => {
-            const {label, name, onChange, value, className, disabled} = props();
-            const id = props().id || randomId;
-            return (
-                <div className={classNames("Checkbox", className)}>
-                    <input name={name} id={id} type="checkbox" onChange={onChange} checked={value} disabled={disabled}/>
-                    <label htmlFor={id}>{label}</label>
-                </div>
-            )
-        }
-    }
-}
-
-if (process.env.NODE_ENV !== 'production') {
-    Checkbox.propTypes = {
-        [ReactConstants[7]]: PropTypes.func.isRequired,
-        value: PropTypes.bool,
-        disabled: PropTypes.bool,
-        [ReactConstants[5]]: PropTypes.string,
-        label: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        name: PropTypes.string,
-        id: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number
-        ]),
-    };
-}
-
-export default Checkbox

package/src/CircleProgress.js

@@ -1,32 +0,0 @@
-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 './CircleProgress.css'; import React from 'react';
-import ReactCreateElement from './ReactCreateElement';
-import PropTypes from "prop-types";
-import './CircleProgress.css'
-
-const radius = 8.75;
-const length = 2 * Math.PI * radius;
-
-const dashoffset = (percent) => length * (100 - percent) / 100;
-
-const CircleProgress = ({value}) => {
-    value = Number.parseFloat(value);
-    return (
-        <div className="CircleProgress">
-            <svg viewBox="0 0 24 24">
-                <path className="line" style={{strokeDashoffset: dashoffset(Number.isFinite(value) ? value : 0), strokeDasharray: length}}
-                      d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75,8.75 0 0 1 12,3.25"/>
-            </svg>
-        </div>
-    );
-};
-
-CircleProgress.defaultProps = {
-    value: 0,
-};
-if (process.env.NODE_ENV !== 'production') {
-    CircleProgress.propTypes = {
-        value: PropTypes.number,
-    };
-}
-
-export default CircleProgress;

package/src/DropFileInput.js

@@ -1,39 +0,0 @@
-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 './DropFileInput.css'; import React from 'react';
-import ReactCreateElement from './ReactCreateElement';
-import './DropFileInput.css'
-import Dropzone from "./Dropzone";
-import PropTypes from "prop-types";
-import {classNames} from "./Tools";
-import MaterialIcon from "./MaterialIcon";
-
-const DropFileInput = ({icon, label, onDrop, droppable, multiple, accept}) => (
-    <section className="DropFileInput">
-        <Dropzone droppable={droppable} onDrop={onDrop} accept={accept} multiple={multiple}>
-            <MaterialIcon className={classNames(`icon`, label && 'withText')} icon={icon}/>
-            {label && <div>{label}</div>}
-        </Dropzone>
-    </section>
-);
-
-DropFileInput.defaultProps = {
-    icon: 'cloud_upload',
-    droppable: false,
-    multiple: true,
-};
-
-if (process.env.NODE_ENV !== 'production') {
-    DropFileInput.propTypes = {
-        icon: MaterialIcon.propTypes.icon,
-        label: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        droppable: PropTypes.bool,
-        onDrop: PropTypes.func,
-        multiple: PropTypes.bool,
-        accept: PropTypes.string,
-    };
-}
-
-
-export default DropFileInput;

package/src/FloatingActionButton.js

@@ -1,29 +0,0 @@
-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 './FloatingActionButton.css'; import React from 'react';
-import ReactCreateElement from './ReactCreateElement';
-import PropTypes from 'prop-types';
-import './FloatingActionButton.css'
-import Button from "./Button";
-import {classNames} from "./Tools";
-import MaterialIcon from "./MaterialIcon";
-
-const FloatingActionButton = ({icon, onClick, mini, className, hidden}) => {
-    return <Button onClick={onClick} round={true} className={classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')}>
-        <MaterialIcon icon={icon}/>
-    </Button>;
-};
-
-if (process.env.NODE_ENV !== 'production') {
-    FloatingActionButton.propTypes = {
-        icon: MaterialIcon.propTypes.icon,
-        mini: PropTypes.bool,
-        hidden: PropTypes.bool,
-    };
-}
-
-FloatingActionButton.defaultProps = {
-    icon: 'add',
-    mini: false,
-    hidden: false,
-};
-
-export default FloatingActionButton;