react-ui-basics 0.0.243 → 0.0.244

package/package.json

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

package/src/CircleProgress.tsx

@@ -11,7 +11,7 @@ export interface CircleProgressProps{
     value: number
 }
 
-const CircleProgress = ({value}: CircleProgressProps) => {
+const CircleProgress = ({value = 0}: CircleProgressProps) => {
     return (
         <div className="CircleProgress">
             <svg viewBox="0 0 24 24">
@@ -22,8 +22,4 @@ const CircleProgress = ({value}: CircleProgressProps) => {
     );
 };
 
-CircleProgress.defaultProps = {
-    value: 0,
-};
-
 export default CircleProgress;

package/src/DropFileInput.tsx

@@ -14,7 +14,7 @@ export interface DropFileInputProps {
     accept?: string,
 }
 
-const DropFileInput = ({icon, label, onDrop, droppable, multiple, accept}: DropFileInputProps) => (
+const DropFileInput = ({icon = 'cloud_upload', label, onDrop, droppable = false, multiple = true, accept}: DropFileInputProps) => (
     <section className="DropFileInput">
         <Dropzone droppable={droppable} onDrop={onDrop} accept={accept} multiple={multiple}>
             <MaterialIcon className={classNames(`icon`, label && 'withText')} icon={icon}/>
@@ -23,10 +23,4 @@ const DropFileInput = ({icon, label, onDrop, droppable, multiple, accept}: DropF
     </section>
 );
 
-DropFileInput.defaultProps = {
-    icon: 'cloud_upload',
-    droppable: false,
-    multiple: true,
-};
-
 export default DropFileInput;

package/src/FloatingActionButton.tsx

@@ -13,16 +13,10 @@ export interface FloatingActionButtonProps {
     onClick: MouseEventHandler
 }
 
-const FloatingActionButton = ({icon, onClick, mini, className, hidden}: FloatingActionButtonProps) => {
+const FloatingActionButton = ({icon = 'add', onClick, mini, className, hidden}: FloatingActionButtonProps) => {
     return <Button onClick={onClick} round={true} className={classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')}>
         <MaterialIcon icon={icon}/>
     </Button>;
 };
 
-FloatingActionButton.defaultProps = {
-    icon: 'add',
-    mini: false,
-    hidden: false,
-};
-
 export default FloatingActionButton;

package/src/FormUploadProgress.tsx

@@ -34,11 +34,11 @@ export interface FormUploadProgressProps {
 }
 
 const FormUploadProgress = ({
-                                value,
+                                value = 0,
                                 cancel,
                                 loaded,
                                 total,
-                                formatValue,
+                                formatValue = defaultValueFormat,
                                 processingLabel,
                                 cancelLabel,
                             }: FormUploadProgressProps) => {
@@ -64,9 +64,4 @@ const FormUploadProgress = ({
     );
 };
 
-FormUploadProgress.defaultProps = {
-    value: 0,
-    formatValue: defaultValueFormat,
-};
-
 export default FormUploadProgress;