react-ui-basics 0.0.202 → 0.0.204

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.202",
+  "version": "0.0.204",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",
@@ -33,7 +33,7 @@
     "build": "./build.sh",
     "postinstall": "",
     "clean": "rm -rf build && mkdir build",
-    "dist": "npm run clean && npm run build && npm run build-storybook && cd build && npm publish",
+    "dist": "NODE_OPTIONS=--openssl-legacy-provider npm-run-all clean build build-storybook && cd build && npm publish",
     "storybook": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -c .storybook -o docs"
   },

package/src/AutocompleteSelect.js

@@ -79,7 +79,7 @@ class AutocompleteSelect extends PureComponent {
 
     static propTypes = {
         mode: PropTypes.oneOf([MODE_DEFAULT, MODE_INLINE, MODE_MULTIPLE, MODE_MULTIPLE_AUTO, MODE_MULTIPLE_MINI, MODE_MULTIPLE_MINI_INLINE, MODE_INLINE_MULTIPLE, MODE_MINI]),
-        listPortalPosition: PropTypes.oneOf('left', 'right'),
+        listPortalPosition: PropTypes.oneOf(['left', 'right']),
     };
 
     constructor(props) {

package/src/DatePicker.tsx

@@ -33,6 +33,7 @@ const DayRenderer = ({day, selected, minDate, onClick}: {
 export interface DatePickerProps {
     id?: number | string
     name?: string
+    className?: string
     open?: boolean
     onClose?: () => void
     renderInput?: () => JSX.Element
@@ -139,6 +140,14 @@ class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
             return true;
         }
 
+        if (this.props.className !== nextProps.className) {
+            return true;
+        }
+
+        if (this.props.renderInput !== nextProps.renderInput) {
+            return true;
+        }
+
         if (this.state.text !== nextState.text) {
             return true;
         }
@@ -163,10 +172,10 @@ class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
     };
 
     render() {
-        const {minDate, formatter, parser, dayOfWeekToString, monthToString, renderInput, portal} = this.props;
+        const {minDate, formatter, parser, dayOfWeekToString, monthToString, className, renderInput, portal} = this.props;
         const {value, text, focused, selectedMonth, popupStyles} = this.state;
 
-        let popup = <div className={classNames('calendar', focused && 'focused', portal && 'portal')}
+        let popup = <div className={classNames('calendar', focused && 'focused', portal && 'portal', className)}
                          ref={ref('popup', this)}
                          style={popupStyles}>
             <div className={'row monthSelect'}>

package/src/HttpTools.ts

@@ -22,6 +22,7 @@ export class FetchOptions {
     async?: boolean = true
     withCredentials?: boolean = true
     timeout?: number
+    responseType?: "arraybuffer" | "text" | "json" | "blob" | "document" = "json"
     onTimeout?: ((ev: ProgressEvent) => any)
     onSuccess?: ((t: any) => void)
     onError?: ((e: any, status: number) => void)
@@ -104,21 +105,23 @@ export const fetch = <T>(url, options: FetchOptions = DEFAULT_OPTIONS) => {
             request.onprogress = onProgress;
         }
 
+        request.responseType = options.responseType
+
         request.onload = () => {
-            const responseText = request.responseText;
+            const response = request.response;
             const status = request.status;
             if (status >= 200 && status < 400) {
                 try {
-                    orNoop(success)(JSON.parse(responseText || "{}"));
+                    orNoop(success)(response);
                 } catch (e) {
-                    const message = `Unexpected exception while processing response for ${method} ${url}, status: ${status}, response: '${responseText}', exception:`;
+                    const message = `Unexpected exception while processing response for ${method} ${url}, status: ${status}, response: '${response}', exception:`;
                     console.log(message, e)
-                    onError(new FetchError(message, status, responseText))
+                    onError(new FetchError(message, status, response))
                 }
             } else {
-                const message = `Not ok response for ${method} ${url}, status: ${status}, response: '${responseText}'`;
+                const message = `Not ok response for ${method} ${url}, status: ${status}, response: '${response}'`;
                 console.log(message);
-                onError(new FetchError(message, status, responseText))
+                onError(new FetchError(message, status, response))
             }
         };