@elliemae/ds-uploader 2.0.0-alpha.1 → 2.0.0-alpha.10

package/cjs/DSUploader.js

@@ -13,6 +13,7 @@ var UploadFile = require('@elliemae/ds-icons/UploadFile');
 var DSButton = require('@elliemae/ds-basic/Button');
 var reactDropzone = require('react-dropzone');
 var DSTooltip = require('@elliemae/ds-basic/Tooltip');
+var propTypes = require('./propTypes.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,7 +33,7 @@ const _excluded = ["labelText"],
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'uploader';
 const blockNameInfo = `${blockName}-info`;
 const blockNameDragActive = `${blockName}-drag-active`;
@@ -57,15 +58,15 @@ const DividerVertical = dsClassnames.aggregatedClasses('div')('divider', null, (
   vertical
 }) => ({
   vertical
-})); // eslint-disable-next-line react/prop-types
+}));
 
 function ActionButton(_ref) {
   let {
     labelText
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
     labelText: labelText
   }));
@@ -78,11 +79,11 @@ const DSUploader = _ref2 => {
     containerProps = {},
     label = 'Browse',
     // todo: i18n
-    icon: UploadFileIcon = UploadFile__default['default'],
+    icon: UploadFileIcon = UploadFile__default["default"],
     defaultActionLabel = 'LOCAL DRIVE',
     // todo: i18n
     dragActiveInstructionalText = 'DROP FILES HERE',
-    dragActiveIcon: DragActiveIcon = UploadFile__default['default'],
+    dragActiveIcon: DragActiveIcon = UploadFile__default["default"],
     altActionLabel = 'DOCUMENTS',
     // todo: i18n
     acceptedTypesText = 'JPG, JPEG, PNG, PDF',
@@ -91,13 +92,14 @@ const DSUploader = _ref2 => {
     onDefaultHandlerClick = noop,
     onAltHandlerClick = noop,
     actions = {
-      defaultAction: 'LOCAL DRIVE'
+      defaultAction: 'LOCAL DRIVE',
+      altAction: 'DOCUMENTS'
     },
     showAltAction = false,
     defaultActionTooltipText,
     altActionTooltipText
   } = _ref2,
-      dropzoneProps = _objectWithoutProperties__default['default'](_ref2, _excluded2);
+      dropzoneProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
 
   const {
     getRootProps,
@@ -109,11 +111,11 @@ const DSUploader = _ref2 => {
         {
     onClick: onOpenFile
   } = _getRootProps,
-        rootProps = _objectWithoutProperties__default['default'](_getRootProps, _excluded3);
+        rootProps = _objectWithoutProperties__default["default"](_getRootProps, _excluded3);
 
   const disabledAll = disabledDefault && disabledAlt;
 
-  const delfaultActionButton = /*#__PURE__*/_jsx2__default['default'](ActionButton, {
+  const delfaultActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
     variant: disabledDefault && DSButton.BUTTON_VARIANT.DISABLED,
     labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
     onClick: (...args) => {
@@ -121,7 +123,7 @@ const DSUploader = _ref2 => {
     }
   });
 
-  const altActionButton = /*#__PURE__*/_jsx2__default['default'](ActionButton, {
+  const altActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
     variant: disabledAlt && DSButton.BUTTON_VARIANT.DISABLED,
     labelText: actions.altAction ? actions.altAction : altActionLabel,
     onClick: (...args) => {
@@ -129,7 +131,7 @@ const DSUploader = _ref2 => {
     }
   });
 
-  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2__default['default'](DSTooltip__default['default'], {
+  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
     containerProps: {
       id: 'default-action-tooltip'
     },
@@ -137,7 +139,7 @@ const DSUploader = _ref2 => {
     title: defaultActionTooltipText,
     triggerComponent: delfaultActionButton
   });
-  const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2__default['default'](DSTooltip__default['default'], {
+  const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
     containerProps: {
       id: 'alt-action-tooltip'
     },
@@ -153,12 +155,12 @@ const DSUploader = _ref2 => {
       classProps: {
         isDragActive
       },
-      children: [/*#__PURE__*/_jsx2__default['default'](UploaderIconArea, {}, void 0, /*#__PURE__*/_jsx2__default['default'](UploadFileIcon, {
+      children: [/*#__PURE__*/_jsx2__default["default"](UploaderIconArea, {}, void 0, /*#__PURE__*/_jsx2__default["default"](UploadFileIcon, {
         size: "l"
-      })), _DividerVertical || (_DividerVertical = /*#__PURE__*/_jsx2__default['default'](DividerVertical, {})), /*#__PURE__*/_jsx2__default['default'](UploaderInfo, {}, void 0, /*#__PURE__*/_jsx2__default['default'](InfoText, {}, void 0, label), /*#__PURE__*/_jsx2__default['default'](UploaderActions, {}, void 0, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [actions.defaultAction && (_DividerVertical2 || (_DividerVertical2 = /*#__PURE__*/_jsx2__default['default'](DividerVertical, {}))), altAction]
-      }))), !disabledAll && /*#__PURE__*/_jsx2__default['default'](UploaderDragActive, {}, void 0, /*#__PURE__*/_jsx2__default['default'](DragActiveIcon, {}), dragActiveInstructionalText), !disabledAll && /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread({}, getInputProps()))]
-    })), typeof acceptedTypesText === 'string' && /*#__PURE__*/_jsx2__default['default'](AcceptedTypes, {}, void 0, acceptedTypesText.toUpperCase())]
+      })), _DividerVertical || (_DividerVertical = /*#__PURE__*/_jsx2__default["default"](DividerVertical, {})), /*#__PURE__*/_jsx2__default["default"](UploaderInfo, {}, void 0, /*#__PURE__*/_jsx2__default["default"](InfoText, {}, void 0, label), /*#__PURE__*/_jsx2__default["default"](UploaderActions, {}, void 0, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [actions.defaultAction && (_DividerVertical2 || (_DividerVertical2 = /*#__PURE__*/_jsx2__default["default"](DividerVertical, {}))), altAction]
+      }))), !disabledAll && /*#__PURE__*/_jsx2__default["default"](UploaderDragActive, {}, void 0, /*#__PURE__*/_jsx2__default["default"](DragActiveIcon, {}), dragActiveInstructionalText), !disabledAll && /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread({}, getInputProps()))]
+    })), typeof acceptedTypesText === 'string' && /*#__PURE__*/_jsx2__default["default"](AcceptedTypes, {}, void 0, acceptedTypesText.toUpperCase())]
   }));
 };
 
@@ -166,34 +168,8 @@ DSUploader.actions = {
   defaultAction: 'LOCAL DRIVE',
   altAction: 'DOCUMENTS'
 };
-/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
-
-const uploaderProps = {
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-  dropzoneProps: reactDesc.PropTypes.object.description('props of react-dropzone https://react-dropzone.netlify.com/'),
-  label: reactDesc.PropTypes.string.description('Uploader label').defaultValue('Browse'),
-  icon: reactDesc.PropTypes.element.description('Uploader left icon').defaultValue(UploadFile__default['default']),
-  actions: reactDesc.PropTypes.shape({
-    defaultAction: reactDesc.PropTypes.string,
-    altAction: reactDesc.PropTypes.string
-  }).description('Uploader actions').defaultValue({
-    defaultAction: 'LOCAL DRIVE'
-  }),
-  defaultActionLabel: reactDesc.PropTypes.string.description('First action button label'),
-  showAltAction: reactDesc.PropTypes.bool.description('whether to show alternate action button or not').defaultValue(true),
-  altActionLabel: reactDesc.PropTypes.string.description('Second action button label').defaultValue('LOCAL DRIVE'),
-  dragActiveInstructionalText: reactDesc.PropTypes.string.description('informative text when user drags a file over the uploader zone').defaultValue('DROP FILES HERE'),
-  dragActiveIcon: reactDesc.PropTypes.string.description('Icon when user drags a file over the uploader zone'),
-  acceptedTypesText: reactDesc.PropTypes.string.description('Information text to show what types are supported').defaultValue('JPG, JPEG, PNG, PDF'),
-  disabledDefault: reactDesc.PropTypes.bool.description('Whether the default uploader is disabled or not').defaultValue(false),
-  disabledAlt: reactDesc.PropTypes.bool.description('Whether the alternative uploader is disabled or not').defaultValue(false),
-  onDefaultHandlerClick: reactDesc.PropTypes.func.description('First action button click handler'),
-  onAltHandlerClick: reactDesc.PropTypes.func.description('Second action button click handler'),
-  defaultActionTooltipText: reactDesc.PropTypes.string.description('shows tooltip in default action button'),
-  altActionTooltipText: reactDesc.PropTypes.string.description('Shows tooltip in alternate action button')
-};
 const UploaderWithSchema = reactDesc.describe(DSUploader);
-UploaderWithSchema.propTypes = uploaderProps;
+UploaderWithSchema.propTypes = propTypes.propTypes;
 
 exports.UploaderWithSchema = UploaderWithSchema;
-exports['default'] = DSUploader;
+exports["default"] = DSUploader;

package/cjs/index.d.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/cjs/index.js

@@ -7,4 +7,4 @@ var DSUploader = require('./DSUploader.js');
 
 
 exports.UploaderWithSchema = DSUploader.UploaderWithSchema;
-exports.default = DSUploader['default'];
+exports["default"] = DSUploader["default"];

package/cjs/propTypes.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var UploadFile = require('@elliemae/ds-icons/UploadFile');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var UploadFile__default = /*#__PURE__*/_interopDefaultLegacy(UploadFile);
+
+/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
+
+const propTypes = {
+  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container.'),
+  validator: reactDesc.PropTypes.func.description("Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not."),
+  maxFiles: reactDesc.PropTypes.number.description('Number of files accepted.'),
+  minSize: reactDesc.PropTypes.number.description('Minimun file size accepted in bytes.'),
+  maxSize: reactDesc.PropTypes.number.description('Maximum file size accepted in bytes.'),
+  onDropRejected: reactDesc.PropTypes.func.description('Cb called when files are rejected using maxFiles, minSize or maxSize properties.'),
+  disabled: reactDesc.PropTypes.bool.description('Disables the DSUploader.'),
+  multiple: reactDesc.PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),
+  accept: reactDesc.PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),
+  label: reactDesc.PropTypes.string.description('Uploader label.').defaultValue('Browse'),
+  icon: reactDesc.PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile__default["default"]),
+  actions: reactDesc.PropTypes.shape({
+    defaultAction: reactDesc.PropTypes.string,
+    altAction: reactDesc.PropTypes.string
+  }).description('Uploader actions.').defaultValue({
+    defaultAction: 'LOCAL DRIVE'
+  }),
+  defaultActionLabel: reactDesc.PropTypes.string.description('First action button label.'),
+  showAltAction: reactDesc.PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),
+  altActionLabel: reactDesc.PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),
+  dragActiveInstructionalText: reactDesc.PropTypes.string.description('informative text when user drags a file over the uploader zone.').defaultValue('DROP FILES HERE'),
+  dragActiveIcon: reactDesc.PropTypes.string.description('Icon when user drags a file over the uploader zone.'),
+  acceptedTypesText: reactDesc.PropTypes.string.description('Information text to show what types are supported.').defaultValue('JPG, JPEG, PNG, PDF'),
+  disabledDefault: reactDesc.PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),
+  disabledAlt: reactDesc.PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),
+  onDefaultHandlerClick: reactDesc.PropTypes.func.description('First action button click handler.'),
+  onAltHandlerClick: reactDesc.PropTypes.func.description('Second action button click handler.'),
+  defaultActionTooltipText: reactDesc.PropTypes.string.description('shows tooltip in default action button.'),
+  altActionTooltipText: reactDesc.PropTypes.string.description('Shows tooltip in alternate action button.')
+};
+
+exports.propTypes = propTypes;

package/esm/DSUploader.js

@@ -2,13 +2,14 @@ import _jsx2 from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
-import { PropTypes, describe } from 'react-desc';
+import { describe } from 'react-desc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { runAll } from '@elliemae/ds-utilities/utils';
 import UploadFile from '@elliemae/ds-icons/UploadFile';
 import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-basic/Button';
 import { useDropzone } from 'react-dropzone';
 import DSTooltip from '@elliemae/ds-basic/Tooltip';
+import { propTypes } from './propTypes.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var _DividerVertical, _DividerVertical2;
@@ -44,7 +45,7 @@ const DividerVertical = aggregatedClasses('div')('divider', null, ({
   vertical
 }) => ({
   vertical
-})); // eslint-disable-next-line react/prop-types
+}));
 
 function ActionButton(_ref) {
   let {
@@ -78,7 +79,8 @@ const DSUploader = _ref2 => {
     onDefaultHandlerClick = noop,
     onAltHandlerClick = noop,
     actions = {
-      defaultAction: 'LOCAL DRIVE'
+      defaultAction: 'LOCAL DRIVE',
+      altAction: 'DOCUMENTS'
     },
     showAltAction = false,
     defaultActionTooltipText,
@@ -153,33 +155,7 @@ DSUploader.actions = {
   defaultAction: 'LOCAL DRIVE',
   altAction: 'DOCUMENTS'
 };
-/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
-
-const uploaderProps = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  dropzoneProps: PropTypes.object.description('props of react-dropzone https://react-dropzone.netlify.com/'),
-  label: PropTypes.string.description('Uploader label').defaultValue('Browse'),
-  icon: PropTypes.element.description('Uploader left icon').defaultValue(UploadFile),
-  actions: PropTypes.shape({
-    defaultAction: PropTypes.string,
-    altAction: PropTypes.string
-  }).description('Uploader actions').defaultValue({
-    defaultAction: 'LOCAL DRIVE'
-  }),
-  defaultActionLabel: PropTypes.string.description('First action button label'),
-  showAltAction: PropTypes.bool.description('whether to show alternate action button or not').defaultValue(true),
-  altActionLabel: PropTypes.string.description('Second action button label').defaultValue('LOCAL DRIVE'),
-  dragActiveInstructionalText: PropTypes.string.description('informative text when user drags a file over the uploader zone').defaultValue('DROP FILES HERE'),
-  dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone'),
-  acceptedTypesText: PropTypes.string.description('Information text to show what types are supported').defaultValue('JPG, JPEG, PNG, PDF'),
-  disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not').defaultValue(false),
-  disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not').defaultValue(false),
-  onDefaultHandlerClick: PropTypes.func.description('First action button click handler'),
-  onAltHandlerClick: PropTypes.func.description('Second action button click handler'),
-  defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button'),
-  altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button')
-};
 const UploaderWithSchema = describe(DSUploader);
-UploaderWithSchema.propTypes = uploaderProps;
+UploaderWithSchema.propTypes = propTypes;
 
 export { UploaderWithSchema, DSUploader as default };

package/esm/index.d.js

@@ -0,0 +1 @@
+

package/esm/propTypes.js

@@ -0,0 +1,38 @@
+import { PropTypes } from 'react-desc';
+import UploadFile from '@elliemae/ds-icons/UploadFile';
+
+/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
+
+const propTypes = {
+  containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),
+  validator: PropTypes.func.description("Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not."),
+  maxFiles: PropTypes.number.description('Number of files accepted.'),
+  minSize: PropTypes.number.description('Minimun file size accepted in bytes.'),
+  maxSize: PropTypes.number.description('Maximum file size accepted in bytes.'),
+  onDropRejected: PropTypes.func.description('Cb called when files are rejected using maxFiles, minSize or maxSize properties.'),
+  disabled: PropTypes.bool.description('Disables the DSUploader.'),
+  multiple: PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),
+  accept: PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),
+  label: PropTypes.string.description('Uploader label.').defaultValue('Browse'),
+  icon: PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile),
+  actions: PropTypes.shape({
+    defaultAction: PropTypes.string,
+    altAction: PropTypes.string
+  }).description('Uploader actions.').defaultValue({
+    defaultAction: 'LOCAL DRIVE'
+  }),
+  defaultActionLabel: PropTypes.string.description('First action button label.'),
+  showAltAction: PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),
+  altActionLabel: PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),
+  dragActiveInstructionalText: PropTypes.string.description('informative text when user drags a file over the uploader zone.').defaultValue('DROP FILES HERE'),
+  dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone.'),
+  acceptedTypesText: PropTypes.string.description('Information text to show what types are supported.').defaultValue('JPG, JPEG, PNG, PDF'),
+  disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),
+  disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),
+  onDefaultHandlerClick: PropTypes.func.description('First action button click handler.'),
+  onAltHandlerClick: PropTypes.func.description('Second action button click handler.'),
+  defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button.'),
+  altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button.')
+};
+
+export { propTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-uploader",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Uploader",
   "module": "./esm/index.js",
@@ -11,6 +11,10 @@
       "import": "./esm/index.js",
       "require": "./cjs/index.js"
     },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
     "./DSUploader": {
       "import": "./esm/DSUploader.js",
       "require": "./cjs/DSUploader.js"
@@ -36,9 +40,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.1",
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-utilities": "2.0.0-alpha.1",
+    "@elliemae/ds-basic": "2.0.0-alpha.10",
+    "@elliemae/ds-classnames": "2.0.0-alpha.10",
+    "@elliemae/ds-utilities": "2.0.0-alpha.10",
     "react-dropzone": "~10.2.2"
   },
   "publishConfig": {

package/types/DSUploader.d.ts

@@ -1,33 +1,21 @@
 /// <reference types="react" />
+import type { DSUploaderPropsT } from './index.d';
 declare const DSUploader: {
-    ({ containerProps, label, icon: UploadFileIcon, defaultActionLabel, dragActiveInstructionalText, dragActiveIcon: DragActiveIcon, altActionLabel, acceptedTypesText, disabledDefault, disabledAlt, onDefaultHandlerClick, onAltHandlerClick, actions, showAltAction, defaultActionTooltipText, altActionTooltipText, ...dropzoneProps }: {
-        [x: string]: any;
-        containerProps?: {} | undefined;
-        label?: string | undefined;
-        icon?: any;
-        defaultActionLabel?: string | undefined;
-        dragActiveInstructionalText?: string | undefined;
-        dragActiveIcon?: any;
-        altActionLabel?: string | undefined;
-        acceptedTypesText?: string | undefined;
-        disabledDefault?: boolean | undefined;
-        disabledAlt?: boolean | undefined;
-        onDefaultHandlerClick?: (() => null) | undefined;
-        onAltHandlerClick?: (() => null) | undefined;
-        actions?: {
-            defaultAction: string;
-        } | undefined;
-        showAltAction?: boolean | undefined;
-        defaultActionTooltipText: any;
-        altActionTooltipText: any;
-    }): JSX.Element;
+    ({ containerProps, label, icon: UploadFileIcon, defaultActionLabel, dragActiveInstructionalText, dragActiveIcon: DragActiveIcon, altActionLabel, acceptedTypesText, disabledDefault, disabledAlt, onDefaultHandlerClick, onAltHandlerClick, actions, showAltAction, defaultActionTooltipText, altActionTooltipText, ...dropzoneProps }: DSUploaderPropsT): JSX.Element;
     actions: {
         defaultAction: string;
         altAction: string;
     };
     propTypes: {
         containerProps: any;
-        dropzoneProps: any;
+        validator: any;
+        maxFiles: any;
+        minSize: any;
+        maxSize: any;
+        onDropRejected: any;
+        disabled: any;
+        multiple: any;
+        accept: any;
         label: any;
         icon: any;
         actions: any;

package/types/index.d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export interface DSUploaderPropsT {
+    containerProps?: Record<string, unknown>;
+    label?: string;
+    icon?: React.FC<{
+        size: string;
+    }>;
+    defaultActionLabel?: string;
+    dragActiveInstructionalText?: string;
+    dragActiveIcon?: React.FC;
+    altActionLabel?: string;
+    acceptedTypesText?: string;
+    disabledDefault?: boolean;
+    disabledAlt?: boolean;
+    onDefaultHandlerClick?: () => void | null;
+    onAltHandlerClick?: () => void | null;
+    actions?: Record<string, unknown>;
+    showAltAction?: boolean;
+    defaultActionTooltipText: string;
+    altActionTooltipText: string;
+}
+export interface ActionButtonPropsT {
+    labelText: string;
+    variant: undefined | 'variant-disabled';
+    onClick: () => void | null;
+}

package/types/propTypes.d.ts

@@ -0,0 +1,27 @@
+/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
+export declare const propTypes: {
+    containerProps: any;
+    validator: any;
+    maxFiles: any;
+    minSize: any;
+    maxSize: any;
+    onDropRejected: any;
+    disabled: any;
+    multiple: any;
+    accept: any;
+    label: any;
+    icon: any;
+    actions: any;
+    defaultActionLabel: any;
+    showAltAction: any;
+    altActionLabel: any;
+    dragActiveInstructionalText: any;
+    dragActiveIcon: any;
+    acceptedTypesText: any;
+    disabledDefault: any;
+    disabledAlt: any;
+    onDefaultHandlerClick: any;
+    onAltHandlerClick: any;
+    defaultActionTooltipText: any;
+    altActionTooltipText: any;
+};