fix: move type checking to external package

Author: assisrafael

package.json

@@ -37,6 +37,7 @@
     "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-react-hooks": "^4.0.8",
     "jest": "^26.1.0",
+    "js-var-type": "^0.2.1",
     "lodash-es": "^4.17.15",
     "prettier": "^2.0.5",
     "react": "^16.13.1",
@@ -50,6 +51,7 @@
     "webpack-dev-server": "^3.11.0"
   },
   "peerDependencies": {
+    "js-var-type": "^0.2.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   }

rollup.config.js

@@ -15,5 +15,5 @@ export default {
       exclude: 'node_modules/**', // only transpile our source code
     }),
   ],
-  external: ['react', 'prop-types', 'react-modal', 'react-dom'],
+  external: ['react', 'prop-types', 'react-modal', 'react-dom', 'js-var-types'],
 };

src/forms/FormActions.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isFunction } from '../utils/types';
+import { isFunction } from 'js-var-type';
 
 export function FormActions({ submitLabel, cancelLabel, onCancel, isSubmiting, customActions }) {
   if (customActions) {

src/forms/FormAutocomplete.jsx

@@ -1,12 +1,12 @@
 import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
+import { isEmptyLike } from 'js-var-type';
 
 import { handleInputChange, normalizeOptions, booleanOrFunction } from './helpers/form-helpers';
 import { Dropdown } from '../mixed/Dropdown';
 import { useOpenState } from '../utils/useOpenState';
 import { formatClasses } from '../utils/attributes';
 import { useFormControl } from './helpers/useFormControl';
-import { isEmpty } from '../utils/types';
 
 export function FormAutocomplete({
   onSearch,
@@ -44,7 +44,7 @@ export function FormAutocomplete({
   }, [controlFeedback]);
 
   const clearSearchValue = useCallback(() => {
-    if (isEmpty(value) && !isFocused) {
+    if (isEmptyLike(value) && !isFocused) {
       setSearchValue('');
       setSelectedItem(null);
     }
@@ -80,7 +80,7 @@ export function FormAutocomplete({
   }, [open, openOnFocus]);
 
   const onSearchInputBlur = useCallback(() => {
-    if (isEmpty(searchValue) && value) {
+    if (isEmptyLike(searchValue) && value) {
       setValue('');
       setSelectedItem(null);
       updateSearchInputValidation();

src/forms/helpers/form-helpers.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { isFunction, isUndefined } from 'js-var-type';
 import { getValueByPath } from '../../utils/getters-setters';
-import { isFunction, isUndefined } from '../../utils/types';
 
 export const FormContext = React.createContext(null);
 

src/forms/helpers/useFormControl.js

@@ -1,7 +1,7 @@
 import { useContext, useCallback } from 'react';
+import { isNull } from 'js-var-type';
 import { FormContext } from './form-helpers';
 import { toDatetimeLocal, fromDatetimeLocal } from '../../utils/formatters';
-import { isNull } from '../../utils/types';
 
 export function useFormControl(name, type) {
   const formState = useContext(FormContext);

src/table/TableActions.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { isFunction } from 'js-var-type';
 
 import { safeClick, stopPropagation } from '../utils/event-handlers';
-import { isFunction } from '../utils/types';
 
 export function TableActions({ doc, docIndex, actions }) {
   if (!actions) {

src/utils/formatters.js

@@ -1,4 +1,4 @@
-import { isISOString, isDate } from './types';
+import { isISOString, isDate } from 'js-var-type';
 
 export function toDatetimeLocal(value) {
   let date = value;