react-ui-basics 0.0.201 → 0.0.203

package/package.json

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

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/Tools.ts

@@ -74,16 +74,15 @@ const isArrayShallowEqual = (a, b) => {
     return result;
 }
 
-export const debounce = (func, delay) => {
-    let inDebounce;
-    return function () {
-        const context = this;
-        const args = arguments;
-        clearTimeout(inDebounce);
-        inDebounce = setTimeout(() => {
-            func.apply(context, args);
-        }, delay)
-    }
+export const debounce = (func: (...args: any[]) => void, delay: number): (...args: any[]) => void => {
+  let inDebounce: NodeJS.Timeout | undefined;
+  return function (...args: any[]): void {
+    const context = this;
+    clearTimeout(inDebounce);
+    inDebounce = setTimeout(() => {
+      func.apply(context, args);
+    }, delay);
+  };
 };
 
 export const memo = (func) => {