react-input-material 0.0.349 → 0.0.354

package/components/FileInput.tsx

@@ -19,7 +19,6 @@
 // region imports
 import {blobToBase64String, dataURLToBlob} from 'blob-util'
 import Tools from 'clientnode'
-import {FirstParameter} from 'clientnode/type'
 import {
     FocusEvent as ReactFocusEvent,
     ForwardedRef,
@@ -28,7 +27,6 @@ import {
     MouseEvent as ReactMouseEvent,
     MutableRefObject,
     ReactElement,
-    RefCallback,
     SyntheticEvent,
     useEffect,
     useImperativeHandle,
@@ -46,7 +44,6 @@ import {
 import {CircularProgress} from '@rmwc/circular-progress'
 import {Theme} from '@rmwc/theme'
 import {Typography} from '@rmwc/typography'
-import {ComponentAdapter} from 'web-component-wrapper/type'
 
 /*
 "namedExport" version of css-loader:
@@ -78,11 +75,9 @@ import {
     defaultFileInputProperties as defaultProperties,
     defaultFileNameInputProperties,
     FileInputAdapter as Adapter,
-    FileInputModel as Model,
     FileInputModelState as ModelState,
     FileInputProperties as Properties,
     FileInputProps as Props,
-    FileInputState as State,
     FileValue,
     FileInputValueState as ValueState,
     fileInputPropertyTypes as propertyTypes,
@@ -94,23 +89,26 @@ import {
 } from '../type'
 // endregion
 // region constants
-const imageContentTypeRegularExpression:RegExp = new RegExp(
-    '^image/(?:p?jpe?g|png|svg(?:\\+xml)?|vnd\\.microsoft\\.icon|gif|' +
-    'tiff|webp|vnd\\.wap\\.wbmp|x-(?:icon|jng|ms-bmp))$'
+const imageContentTypeRegularExpression = new RegExp(
+    '^image/(?:p?jpe?g|png|svg(?:\\+xml)?|vnd\\.microsoft\\.icon|gif|tiff|webp' +
+    '|vnd\\.wap\\.wbmp|x-(?:icon|jng|ms-bmp))$',
+    'i'
 )
-const textContentTypeRegularExpression:RegExp = new RegExp(
-    '^(?:application/xml)|' +
-    '(?:text/(?:plain|x-ndpb[wy]html|(?:x-)?csv|x?html?|xml))$'
+const textContentTypeRegularExpression = new RegExp(
+    '^(?:application/xml)|(?:text/(?:plain|x-ndpb[wy]html|(?:x-)?csv' +
+    '|x?html?|xml))$',
+    'i'
 )
-const representableTextContentTypeRegularExpression:RegExp =
+const representableTextContentTypeRegularExpression =
     // Plain version:
-    /^text\/plain$/
+    /^text\/plain$/i
     // Rendered version:
-    // '^(?:application/xml)|(?:text/(?:plain|x?html?|xml))$'
-const videoContentTypeRegularExpression:RegExp = new RegExp(
-    '^video/(?:(?:x-)?(?:x-)?webm|3gpp|mp2t|mp4|mpeg|quicktime|' +
-    '(?:x-)?flv|(?:x-)?m4v|(?:x-)mng|x-ms-as|x-ms-wmv|x-msvideo)|' +
-    '(?:application/(?:x-)?shockwave-flash)$'
+    // /^(application\/xml)|(text\/(plain|x?html?|xml))$/i
+const videoContentTypeRegularExpression = new RegExp(
+    '^video/(?:(?:x-)?(?:x-)?webm|3gpp|mp2t|mp4|mpeg|quicktime|(?:x-)?flv' +
+    '|(?:x-)?m4v|(?:x-)mng|x-ms-as|x-ms-wmv|x-msvideo)' +
+    '|(?:application/(?:x-)?shockwave-flash)$',
+    'i'
 )
 // endregion
 // region helper

package/components/GenericAnimate.module.css

@@ -22,13 +22,13 @@ endregion */
 .generic-animate-appear,
 .generic-animate-enter,
 .generic-animate-exit-active {
-    opacity: 0;
+    opacity: 0%;
 }
 
 .generic-animate-appear-active,
 .generic-animate-enter-active,
 .generic-animate-exit {
-    opacity: 1;
+    opacity: 100%;
 }
 
 .generic-animate-appear-active,
@@ -36,13 +36,12 @@ endregion */
 .generic-animate-exit-active {
     transition: opacity 200ms ease-in;
 }
-
 /*
     NOTE: If this class is not defined dedicated due to some pre-processing
     animations gets broken.
 */
 .generic-animate-exit-active {
-    opacity: 0;
+    opacity: 0%;
 }
 
 .generic-animate-exit-done {

package/components/GenericAnimate.styles.css

@@ -1,2 +1,2 @@
 /* !/usr/bin/env css
--*- coding: utf-8 -*- */.generic-animate,.generic-animate__list-wrapper,.generic-animate__wrapper{visibility:visible}.generic-animate-appear,.generic-animate-enter,.generic-animate-exit-active{opacity:0}.generic-animate-appear-active,.generic-animate-enter-active,.generic-animate-exit{opacity:1}.generic-animate-appear-active,.generic-animate-enter-active,.generic-animate-exit-active{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.generic-animate-exit-active{opacity:0}.generic-animate-exit-done{display:none}
+-*- coding: utf-8 -*- */.generic-animate,.generic-animate__list-wrapper,.generic-animate__wrapper{visibility:visible}.generic-animate-appear,.generic-animate-enter,.generic-animate-exit-active{opacity:0}.generic-animate-appear-active,.generic-animate-enter-active,.generic-animate-exit{opacity:1%}.generic-animate-appear-active,.generic-animate-enter-active,.generic-animate-exit-active{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.generic-animate-exit-active{opacity:0}.generic-animate-exit-done{display:none}

package/components/GenericInput.module.css

@@ -10,77 +10,64 @@ This library written by Torben Sickert stand under a creative commons naming
 3.0 unported license. See https://creativecommons.org/licenses/by/3.0/deed.de
 endregion */
 /* region imports */
-
 /*
-
 CSS-Modules:
 
-import '@rmwc/circular-progress/styles'
+import "@rmwc/circular-progress/styles";
 
-import '@rmwc/formfield/styles'
+import "@rmwc/formfield/styles";
 
-import '@rmwc/icon-button/styles'
+import "@rmwc/icon-button/styles";
 
-import '@rmwc/select/styles'
+import "@rmwc/select/styles";
 
-import '@rmwc/textfield/styles'
+import "@rmwc/textfield/styles";
 
-import '@rmwc/theme/styles'
+import "@rmwc/theme/styles";
 
-import '@rmwc/tooltip/styles'
+import "@rmwc/tooltip/styles";
 
-import '@rmwc/typography/styles'
-
-*/
-
-/*
+import "@rmwc/typography/styles";
 
 Redundant:
 
-@import '@material/ripple/dist/mdc.ripple.css';
+@import "@material/ripple/dist/mdc.ripple.css";
 
-@import '@material/floating-label/dist/mdc.floating-label.css';
-@import '@material/line-ripple/dist/mdc.line-ripple.css';
-@import '@material/notched-outline/dist/mdc.notched-outline.css';
-@import '@material/ripple/dist/mdc.ripple.css';
+@import "@material/floating-label/dist/mdc.floating-label.css";
+@import "@material/line-ripple/dist/mdc.line-ripple.css";
+@import "@material/notched-outline/dist/mdc.notched-outline.css";
+@import "@material/ripple/dist/mdc.ripple.css";
 
-@import '@rmwc/icon/icon.css';
-
-*/
-
-/*
+@import "@rmwc/icon/icon.css";
 
 Plain CSS:
-
 */
-@import '@rmwc/circular-progress/circular-progress.css';
-
-@import '@material/form-field/dist/mdc.form-field.css';
-
-@import '@material/icon-button/dist/mdc.icon-button.css';
-@import '@material/ripple/dist/mdc.ripple.css';
-@import '@rmwc/icon/icon.css';
+@import "@rmwc/circular-progress/circular-progress.css";
 
-@import '@material/floating-label/dist/mdc.floating-label.css';
-@import '@material/line-ripple/dist/mdc.line-ripple.css';
-@import '@material/list/dist/mdc.list.css';
-@import '@material/menu/dist/mdc.menu.css';
-@import '@material/menu-surface/dist/mdc.menu-surface.css';
-@import '@material/notched-outline/dist/mdc.notched-outline.css';
+@import "@material/form-field/dist/mdc.form-field.css";
 
-@import '@material/select/dist/mdc.select.css';
-@import '@rmwc/select/select.css';
+@import "@material/icon-button/dist/mdc.icon-button.css";
+@import "@material/ripple/dist/mdc.ripple.css";
+@import "@rmwc/icon/icon.css";
 
-@import '@material/textfield/dist/mdc.textfield.css';
+@import "@material/floating-label/dist/mdc.floating-label.css";
+@import "@material/line-ripple/dist/mdc.line-ripple.css";
+@import "@material/list/dist/mdc.list.css";
+@import "@material/menu/dist/mdc.menu.css";
+@import "@material/menu-surface/dist/mdc.menu-surface.css";
+@import "@material/notched-outline/dist/mdc.notched-outline.css";
 
-@import '@material/theme/dist/mdc.theme.css';
-@import '@rmwc/theme/theme.css';
+@import "@material/select/dist/mdc.select.css";
+@import "@rmwc/select/select.css";
 
-@import '@rmwc/tooltip/tooltip.css';
+@import "@material/textfield/dist/mdc.textfield.css";
 
-@import '@material/typography/dist/mdc.typography.css';
+@import "@material/theme/dist/mdc.theme.css";
+@import "@rmwc/theme/theme.css";
 
+@import "@rmwc/tooltip/tooltip.css";
 
+@import "@material/typography/dist/mdc.typography.css";
 /* endregion */
 .generic-input {
     display: block;