@elliemae/ds-uploader 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/DSUploader.js

@@ -0,0 +1,135 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSUploader_exports = {};
+__export(DSUploader_exports, {
+  UploaderWithSchema: () => UploaderWithSchema,
+  default: () => DSUploader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_react_dropzone = require("react-dropzone");
+var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
+var import_propTypes = require("./propTypes");
+const blockName = "uploader";
+const blockNameInfo = `${blockName}-info`;
+const blockNameDragActive = `${blockName}-drag-active`;
+const blockNameWrapper = `${blockName}-wrapper`;
+const UploaderWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameWrapper, null, ({ disabled }) => ({ disabled }));
+const Uploader = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isDragActive }) => ({ "drag-active": isDragActive }));
+const UploaderDragActive = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameDragActive);
+const UploaderIconArea = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-icon-wrapper`);
+const UploaderInfo = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameInfo);
+const InfoText = (0, import_ds_classnames.aggregatedClasses)("span")(blockNameInfo, "text");
+const UploaderActions = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameInfo, "actions");
+const AcceptedTypes = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameWrapper, "accepted-types");
+const DividerVertical = (0, import_ds_classnames.aggregatedClasses)("div")("divider", null, ({ vertical }) => ({ vertical }));
+function ActionButton({ labelText, ...otherProps }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+    ...otherProps,
+    buttonType: "text",
+    labelText
+  });
+}
+const noop = () => null;
+const DSUploader = ({
+  containerProps = {},
+  label = "Browse",
+  icon: UploadFileIcon = import_ds_icons.UploadFile,
+  defaultActionLabel = "LOCAL DRIVE",
+  dragActiveInstructionalText = "DROP FILES HERE",
+  dragActiveIcon: DragActiveIcon = import_ds_icons.UploadFile,
+  altActionLabel = "DOCUMENTS",
+  acceptedTypesText = "JPG, JPEG, PNG, PDF",
+  disabledDefault = false,
+  disabledAlt = false,
+  onDefaultHandlerClick = noop,
+  onAltHandlerClick = noop,
+  actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
+  showAltAction = false,
+  defaultActionTooltipText,
+  altActionTooltipText,
+  ...dropzoneProps
+}) => {
+  const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneProps);
+  const { onClick: onOpenFile, ...rootProps } = getRootProps();
+  const disabledAll = disabledDefault && disabledAlt;
+  const delfaultActionButton = /* @__PURE__ */ import_react.default.createElement(ActionButton, {
+    variant: disabledDefault && import_ds_button.BUTTON_VARIANT.DISABLED,
+    labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
+    onClick: (...args) => {
+      if (!disabledDefault)
+        (0, import_ds_utilities.runAll)(onDefaultHandlerClick, onOpenFile)(...args);
+    }
+  });
+  const altActionButton = /* @__PURE__ */ import_react.default.createElement(ActionButton, {
+    variant: disabledAlt && import_ds_button.BUTTON_VARIANT.DISABLED,
+    labelText: actions.altAction ? actions.altAction : altActionLabel,
+    onClick: (...args) => {
+      if (!disabledAlt)
+        onAltHandlerClick(...args);
+    }
+  });
+  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+    containerProps: { id: "default-action-tooltip" },
+    interactionType: "hover",
+    title: defaultActionTooltipText,
+    triggerComponent: delfaultActionButton
+  });
+  const altAction = !altActionTooltipText ? altActionButton : /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+    containerProps: { id: "alt-action-tooltip" },
+    interactionType: "hover",
+    title: altActionTooltipText,
+    triggerComponent: altActionButton
+  });
+  return /* @__PURE__ */ import_react.default.createElement(UploaderWrapper, {
+    ...containerProps,
+    classProps: { disabled: disabledAll }
+  }, /* @__PURE__ */ import_react.default.createElement(Uploader, {
+    ...rootProps,
+    classProps: { isDragActive }
+  }, /* @__PURE__ */ import_react.default.createElement(UploaderIconArea, null, /* @__PURE__ */ import_react.default.createElement(UploadFileIcon, {
+    size: "l"
+  })), /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), /* @__PURE__ */ import_react.default.createElement(UploaderInfo, null, /* @__PURE__ */ import_react.default.createElement(InfoText, null, label), /* @__PURE__ */ import_react.default.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, actions.defaultAction && /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ import_react.default.createElement(UploaderDragActive, null, /* @__PURE__ */ import_react.default.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ import_react.default.createElement("input", {
+    ...getInputProps()
+  })), typeof acceptedTypesText === "string" && /* @__PURE__ */ import_react.default.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
+};
+DSUploader.actions = {
+  defaultAction: "LOCAL DRIVE",
+  altAction: "DOCUMENTS"
+};
+DSUploader.propTypes = import_propTypes.propTypes;
+const UploaderWithSchema = (0, import_react_desc.describe)(DSUploader);
+UploaderWithSchema.propTypes = import_propTypes.propTypes;
+var DSUploader_default = DSUploader;
+module.exports = __toCommonJS(DSUploader_exports);
+//# sourceMappingURL=DSUploader.js.map

package/dist/cjs/DSUploader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSUploader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { propTypes } from './propTypes';\nimport type { DSUploaderPropsT, ActionButtonPropsT } from './index.d';\n\nconst blockName = 'uploader';\nconst blockNameInfo = `${blockName}-info`;\nconst blockNameDragActive = `${blockName}-drag-active`;\nconst blockNameWrapper = `${blockName}-wrapper`;\n\nconst UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, ({ disabled }) => ({ disabled }));\nconst Uploader = aggregatedClasses('div')(blockName, null, ({ isDragActive }) => ({ 'drag-active': isDragActive }));\nconst UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);\nconst UploaderIconArea = aggregatedClasses('div')(`${blockName}-icon-wrapper`);\nconst UploaderInfo = aggregatedClasses('div')(blockNameInfo);\nconst InfoText = aggregatedClasses('span')(blockNameInfo, 'text');\nconst UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');\nconst AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');\n\nconst DividerVertical = aggregatedClasses('div')('divider', null, ({ vertical }) => ({ vertical }));\n\nfunction ActionButton({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement {\n  return <DSButton {...otherProps} buttonType=\"text\" labelText={labelText} />;\n}\n\nconst noop = () => null;\n\nconst DSUploader = ({\n  containerProps = {},\n  label = 'Browse', // todo: i18n\n  icon: UploadFileIcon = UploadFile,\n  defaultActionLabel = 'LOCAL DRIVE', // todo: i18n\n  dragActiveInstructionalText = 'DROP FILES HERE',\n  dragActiveIcon: DragActiveIcon = UploadFile,\n  altActionLabel = 'DOCUMENTS', // todo: i18n\n  acceptedTypesText = 'JPG, JPEG, PNG, PDF',\n  disabledDefault = false,\n  disabledAlt = false,\n  onDefaultHandlerClick = noop,\n  onAltHandlerClick = noop,\n  actions = { defaultAction: 'LOCAL DRIVE', altAction: 'DOCUMENTS' },\n  showAltAction = false,\n  defaultActionTooltipText,\n  altActionTooltipText,\n  ...dropzoneProps\n}: DSUploaderPropsT): JSX.Element => {\n  const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);\n  const { onClick: onOpenFile, ...rootProps } = getRootProps();\n  const disabledAll = disabledDefault && disabledAlt;\n\n  const delfaultActionButton = (\n    <ActionButton\n      variant={disabledDefault && BUTTON_VARIANT.DISABLED}\n      labelText={actions.defaultAction ? (actions.defaultAction as string) : defaultActionLabel}\n      onClick={(...args) => {\n        if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);\n      }}\n    />\n  );\n\n  const altActionButton = (\n    <ActionButton\n      variant={disabledAlt && BUTTON_VARIANT.DISABLED}\n      labelText={actions.altAction ? (actions.altAction as string) : altActionLabel}\n      onClick={(...args) => {\n        if (!disabledAlt) onAltHandlerClick(...args);\n      }}\n    />\n  );\n\n  const defaultAction = !defaultActionTooltipText ? (\n    delfaultActionButton\n  ) : (\n    <DSTooltip\n      containerProps={{ id: 'default-action-tooltip' }}\n      interactionType=\"hover\"\n      title={defaultActionTooltipText}\n      triggerComponent={delfaultActionButton}\n    />\n  );\n\n  const altAction = !altActionTooltipText ? (\n    altActionButton\n  ) : (\n    <DSTooltip\n      containerProps={{ id: 'alt-action-tooltip' }}\n      interactionType=\"hover\"\n      title={altActionTooltipText}\n      triggerComponent={altActionButton}\n    />\n  );\n\n  return (\n    <UploaderWrapper {...containerProps} classProps={{ disabled: disabledAll }}>\n      <Uploader {...rootProps} classProps={{ isDragActive }}>\n        <UploaderIconArea>\n          <UploadFileIcon size=\"l\" />\n        </UploaderIconArea>\n        <DividerVertical />\n        <UploaderInfo>\n          <InfoText>{label}</InfoText>\n          <UploaderActions>\n            {actions.defaultAction && defaultAction}\n            {(actions.altAction || showAltAction) && (\n              <>\n                {actions.defaultAction && <DividerVertical />}\n                {altAction}\n              </>\n            )}\n          </UploaderActions>\n        </UploaderInfo>\n        {!disabledAll && (\n          <UploaderDragActive>\n            <DragActiveIcon />\n            {dragActiveInstructionalText}\n          </UploaderDragActive>\n        )}\n        {!disabledAll && <input {...getInputProps()} />}\n      </Uploader>\n      {typeof acceptedTypesText === 'string' && <AcceptedTypes>{acceptedTypesText.toUpperCase()}</AcceptedTypes>}\n    </UploaderWrapper>\n  );\n};\n\nDSUploader.actions = {\n  defaultAction: 'LOCAL DRIVE',\n  altAction: 'DOCUMENTS',\n};\n\nDSUploader.propTypes = propTypes;\n\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema };\nexport default DSUploader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.d.js

@@ -0,0 +1,27 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export interface DSUploaderPropsT {\n  containerProps?: Record<string, unknown>;\n  label?: string;\n  icon?: React.FC<{ size: string }>;\n  defaultActionLabel?: string;\n  dragActiveInstructionalText?: string;\n  dragActiveIcon?: React.FC;\n  altActionLabel?: string;\n  acceptedTypesText?: string;\n  disabledDefault?: boolean;\n  disabledAlt?: boolean;\n  onDefaultHandlerClick?: () => void | null;\n  onAltHandlerClick?: () => void | null;\n  actions?: Record<string, unknown>;\n  showAltAction?: boolean;\n  defaultActionTooltipText: string;\n  altActionTooltipText: string;\n}\n\nexport interface ActionButtonPropsT {\n  labelText: string;\n  variant: undefined | 'variant-disabled';\n  onClick: () => void | null;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  UploaderWithSchema: () => import_DSUploader.UploaderWithSchema,
+  default: () => import_DSUploader.default
+});
+var React = __toESM(require("react"));
+var import_DSUploader = __toESM(require("./DSUploader"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default, UploaderWithSchema } from './DSUploader';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA4C;",
+  "names": []
+}

package/dist/cjs/propTypes.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+const propTypes = {
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container."),
+  validator: import_react_desc.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: import_react_desc.PropTypes.number.description("Number of files accepted."),
+  minSize: import_react_desc.PropTypes.number.description("Minimun file size accepted in bytes."),
+  maxSize: import_react_desc.PropTypes.number.description("Maximum file size accepted in bytes."),
+  onDropRejected: import_react_desc.PropTypes.func.description("Cb called when files are rejected using maxFiles, minSize or maxSize properties."),
+  disabled: import_react_desc.PropTypes.bool.description("Disables the DSUploader."),
+  multiple: import_react_desc.PropTypes.bool.description("Set to false to restrict multiple files selection/upload."),
+  accept: import_react_desc.PropTypes.string.description("String containing the accepted MIME type for the DSUploader"),
+  label: import_react_desc.PropTypes.string.description("Uploader label.").defaultValue("Browse"),
+  icon: import_react_desc.PropTypes.element.description("Uploader left icon.").defaultValue(import_ds_icons.UploadFile),
+  actions: import_react_desc.PropTypes.shape({
+    defaultAction: import_react_desc.PropTypes.string,
+    altAction: import_react_desc.PropTypes.string
+  }).description("Uploader actions.").defaultValue({ defaultAction: "LOCAL DRIVE" }),
+  defaultActionLabel: import_react_desc.PropTypes.string.description("First action button label."),
+  showAltAction: import_react_desc.PropTypes.bool.description("whether to show alternate action button or not.").defaultValue(true),
+  altActionLabel: import_react_desc.PropTypes.string.description("Second action button label.").defaultValue("LOCAL DRIVE"),
+  dragActiveInstructionalText: import_react_desc.PropTypes.string.description("informative text when user drags a file over the uploader zone.").defaultValue("DROP FILES HERE"),
+  dragActiveIcon: import_react_desc.PropTypes.string.description("Icon when user drags a file over the uploader zone."),
+  acceptedTypesText: import_react_desc.PropTypes.string.description("Information text to show what types are supported.").defaultValue("JPG, JPEG, PNG, PDF"),
+  disabledDefault: import_react_desc.PropTypes.bool.description("Whether the default uploader is disabled or not.").defaultValue(false),
+  disabledAlt: import_react_desc.PropTypes.bool.description("Whether the alternative uploader is disabled or not.").defaultValue(false),
+  onDefaultHandlerClick: import_react_desc.PropTypes.func.description("First action button click handler."),
+  onAltHandlerClick: import_react_desc.PropTypes.func.description("Second action button click handler."),
+  defaultActionTooltipText: import_react_desc.PropTypes.string.description("shows tooltip in default action button."),
+  altActionTooltipText: import_react_desc.PropTypes.string.description("Shows tooltip in alternate action button.")
+};
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { UploadFile } from '@elliemae/ds-icons';\n/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */\n\nexport const propTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),\n  validator: PropTypes.func.description(\n    \"Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not.\",\n  ),\n  maxFiles: PropTypes.number.description('Number of files accepted.'),\n  minSize: PropTypes.number.description('Minimun file size accepted in bytes.'),\n  maxSize: PropTypes.number.description('Maximum file size accepted in bytes.'),\n  onDropRejected: PropTypes.func.description(\n    'Cb called when files are rejected using maxFiles, minSize or maxSize properties.',\n  ),\n  disabled: PropTypes.bool.description('Disables the DSUploader.'),\n  multiple: PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),\n  accept: PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),\n\n  label: PropTypes.string.description('Uploader label.').defaultValue('Browse'),\n  icon: PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile),\n  actions: PropTypes.shape({\n    defaultAction: PropTypes.string,\n    altAction: PropTypes.string,\n  })\n    .description('Uploader actions.')\n    .defaultValue({ defaultAction: 'LOCAL DRIVE' }),\n  defaultActionLabel: PropTypes.string.description('First action button label.'),\n  showAltAction: PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),\n  altActionLabel: PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),\n  dragActiveInstructionalText: PropTypes.string\n    .description('informative text when user drags a file over the uploader zone.')\n    .defaultValue('DROP FILES HERE'),\n  dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone.'),\n  acceptedTypesText: PropTypes.string\n    .description('Information text to show what types are supported.')\n    .defaultValue('JPG, JPEG, PNG, PDF'),\n  disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),\n  disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),\n  onDefaultHandlerClick: PropTypes.func.description('First action button click handler.'),\n  onAltHandlerClick: PropTypes.func.description('Second action button click handler.'),\n  defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button.'),\n  altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,sBAA2B;AAGpB,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,4BAAU,KAAK,YACxB;AAAA,EAEF,UAAU,4BAAU,OAAO,YAAY;AAAA,EACvC,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,gBAAgB,4BAAU,KAAK,YAC7B;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAErC,OAAO,4BAAU,OAAO,YAAY,mBAAmB,aAAa;AAAA,EACpE,MAAM,4BAAU,QAAQ,YAAY,uBAAuB,aAAa;AAAA,EACxE,SAAS,4BAAU,MAAM;AAAA,IACvB,eAAe,4BAAU;AAAA,IACzB,WAAW,4BAAU;AAAA,KAEpB,YAAY,qBACZ,aAAa,EAAE,eAAe;AAAA,EACjC,oBAAoB,4BAAU,OAAO,YAAY;AAAA,EACjD,eAAe,4BAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAC1G,gBAAgB,4BAAU,OAAO,YAAY,+BAA+B,aAAa;AAAA,EACzF,6BAA6B,4BAAU,OACpC,YAAY,mEACZ,aAAa;AAAA,EAChB,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,4BAAU,OAC1B,YAAY,sDACZ,aAAa;AAAA,EAChB,iBAAiB,4BAAU,KAAK,YAAY,oDAAoD,aAAa;AAAA,EAC7G,aAAa,4BAAU,KAAK,YAAY,wDAAwD,aAAa;AAAA,EAC7G,uBAAuB,4BAAU,KAAK,YAAY;AAAA,EAClD,mBAAmB,4BAAU,KAAK,YAAY;AAAA,EAC9C,0BAA0B,4BAAU,OAAO,YAAY;AAAA,EACvD,sBAAsB,4BAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/DSUploader.js

@@ -0,0 +1,106 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { runAll } from "@elliemae/ds-utilities";
+import { UploadFile } from "@elliemae/ds-icons";
+import DSButton, { BUTTON_VARIANT } from "@elliemae/ds-button";
+import { useDropzone } from "react-dropzone";
+import DSTooltip from "@elliemae/ds-tooltip";
+import { propTypes } from "./propTypes";
+const blockName = "uploader";
+const blockNameInfo = `${blockName}-info`;
+const blockNameDragActive = `${blockName}-drag-active`;
+const blockNameWrapper = `${blockName}-wrapper`;
+const UploaderWrapper = aggregatedClasses("div")(blockNameWrapper, null, ({ disabled }) => ({ disabled }));
+const Uploader = aggregatedClasses("div")(blockName, null, ({ isDragActive }) => ({ "drag-active": isDragActive }));
+const UploaderDragActive = aggregatedClasses("div")(blockNameDragActive);
+const UploaderIconArea = aggregatedClasses("div")(`${blockName}-icon-wrapper`);
+const UploaderInfo = aggregatedClasses("div")(blockNameInfo);
+const InfoText = aggregatedClasses("span")(blockNameInfo, "text");
+const UploaderActions = aggregatedClasses("div")(blockNameInfo, "actions");
+const AcceptedTypes = aggregatedClasses("div")(blockNameWrapper, "accepted-types");
+const DividerVertical = aggregatedClasses("div")("divider", null, ({ vertical }) => ({ vertical }));
+function ActionButton({ labelText, ...otherProps }) {
+  return /* @__PURE__ */ React2.createElement(DSButton, {
+    ...otherProps,
+    buttonType: "text",
+    labelText
+  });
+}
+const noop = () => null;
+const DSUploader = ({
+  containerProps = {},
+  label = "Browse",
+  icon: UploadFileIcon = UploadFile,
+  defaultActionLabel = "LOCAL DRIVE",
+  dragActiveInstructionalText = "DROP FILES HERE",
+  dragActiveIcon: DragActiveIcon = UploadFile,
+  altActionLabel = "DOCUMENTS",
+  acceptedTypesText = "JPG, JPEG, PNG, PDF",
+  disabledDefault = false,
+  disabledAlt = false,
+  onDefaultHandlerClick = noop,
+  onAltHandlerClick = noop,
+  actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
+  showAltAction = false,
+  defaultActionTooltipText,
+  altActionTooltipText,
+  ...dropzoneProps
+}) => {
+  const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);
+  const { onClick: onOpenFile, ...rootProps } = getRootProps();
+  const disabledAll = disabledDefault && disabledAlt;
+  const delfaultActionButton = /* @__PURE__ */ React2.createElement(ActionButton, {
+    variant: disabledDefault && BUTTON_VARIANT.DISABLED,
+    labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
+    onClick: (...args) => {
+      if (!disabledDefault)
+        runAll(onDefaultHandlerClick, onOpenFile)(...args);
+    }
+  });
+  const altActionButton = /* @__PURE__ */ React2.createElement(ActionButton, {
+    variant: disabledAlt && BUTTON_VARIANT.DISABLED,
+    labelText: actions.altAction ? actions.altAction : altActionLabel,
+    onClick: (...args) => {
+      if (!disabledAlt)
+        onAltHandlerClick(...args);
+    }
+  });
+  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /* @__PURE__ */ React2.createElement(DSTooltip, {
+    containerProps: { id: "default-action-tooltip" },
+    interactionType: "hover",
+    title: defaultActionTooltipText,
+    triggerComponent: delfaultActionButton
+  });
+  const altAction = !altActionTooltipText ? altActionButton : /* @__PURE__ */ React2.createElement(DSTooltip, {
+    containerProps: { id: "alt-action-tooltip" },
+    interactionType: "hover",
+    title: altActionTooltipText,
+    triggerComponent: altActionButton
+  });
+  return /* @__PURE__ */ React2.createElement(UploaderWrapper, {
+    ...containerProps,
+    classProps: { disabled: disabledAll }
+  }, /* @__PURE__ */ React2.createElement(Uploader, {
+    ...rootProps,
+    classProps: { isDragActive }
+  }, /* @__PURE__ */ React2.createElement(UploaderIconArea, null, /* @__PURE__ */ React2.createElement(UploadFileIcon, {
+    size: "l"
+  })), /* @__PURE__ */ React2.createElement(DividerVertical, null), /* @__PURE__ */ React2.createElement(UploaderInfo, null, /* @__PURE__ */ React2.createElement(InfoText, null, label), /* @__PURE__ */ React2.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ React2.createElement(React2.Fragment, null, actions.defaultAction && /* @__PURE__ */ React2.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ React2.createElement(UploaderDragActive, null, /* @__PURE__ */ React2.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ React2.createElement("input", {
+    ...getInputProps()
+  })), typeof acceptedTypesText === "string" && /* @__PURE__ */ React2.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
+};
+DSUploader.actions = {
+  defaultAction: "LOCAL DRIVE",
+  altAction: "DOCUMENTS"
+};
+DSUploader.propTypes = propTypes;
+const UploaderWithSchema = describe(DSUploader);
+UploaderWithSchema.propTypes = propTypes;
+var DSUploader_default = DSUploader;
+export {
+  UploaderWithSchema,
+  DSUploader_default as default
+};
+//# sourceMappingURL=DSUploader.js.map

package/dist/esm/DSUploader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSUploader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { propTypes } from './propTypes';\nimport type { DSUploaderPropsT, ActionButtonPropsT } from './index.d';\n\nconst blockName = 'uploader';\nconst blockNameInfo = `${blockName}-info`;\nconst blockNameDragActive = `${blockName}-drag-active`;\nconst blockNameWrapper = `${blockName}-wrapper`;\n\nconst UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, ({ disabled }) => ({ disabled }));\nconst Uploader = aggregatedClasses('div')(blockName, null, ({ isDragActive }) => ({ 'drag-active': isDragActive }));\nconst UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);\nconst UploaderIconArea = aggregatedClasses('div')(`${blockName}-icon-wrapper`);\nconst UploaderInfo = aggregatedClasses('div')(blockNameInfo);\nconst InfoText = aggregatedClasses('span')(blockNameInfo, 'text');\nconst UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');\nconst AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');\n\nconst DividerVertical = aggregatedClasses('div')('divider', null, ({ vertical }) => ({ vertical }));\n\nfunction ActionButton({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement {\n  return <DSButton {...otherProps} buttonType=\"text\" labelText={labelText} />;\n}\n\nconst noop = () => null;\n\nconst DSUploader = ({\n  containerProps = {},\n  label = 'Browse', // todo: i18n\n  icon: UploadFileIcon = UploadFile,\n  defaultActionLabel = 'LOCAL DRIVE', // todo: i18n\n  dragActiveInstructionalText = 'DROP FILES HERE',\n  dragActiveIcon: DragActiveIcon = UploadFile,\n  altActionLabel = 'DOCUMENTS', // todo: i18n\n  acceptedTypesText = 'JPG, JPEG, PNG, PDF',\n  disabledDefault = false,\n  disabledAlt = false,\n  onDefaultHandlerClick = noop,\n  onAltHandlerClick = noop,\n  actions = { defaultAction: 'LOCAL DRIVE', altAction: 'DOCUMENTS' },\n  showAltAction = false,\n  defaultActionTooltipText,\n  altActionTooltipText,\n  ...dropzoneProps\n}: DSUploaderPropsT): JSX.Element => {\n  const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);\n  const { onClick: onOpenFile, ...rootProps } = getRootProps();\n  const disabledAll = disabledDefault && disabledAlt;\n\n  const delfaultActionButton = (\n    <ActionButton\n      variant={disabledDefault && BUTTON_VARIANT.DISABLED}\n      labelText={actions.defaultAction ? (actions.defaultAction as string) : defaultActionLabel}\n      onClick={(...args) => {\n        if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);\n      }}\n    />\n  );\n\n  const altActionButton = (\n    <ActionButton\n      variant={disabledAlt && BUTTON_VARIANT.DISABLED}\n      labelText={actions.altAction ? (actions.altAction as string) : altActionLabel}\n      onClick={(...args) => {\n        if (!disabledAlt) onAltHandlerClick(...args);\n      }}\n    />\n  );\n\n  const defaultAction = !defaultActionTooltipText ? (\n    delfaultActionButton\n  ) : (\n    <DSTooltip\n      containerProps={{ id: 'default-action-tooltip' }}\n      interactionType=\"hover\"\n      title={defaultActionTooltipText}\n      triggerComponent={delfaultActionButton}\n    />\n  );\n\n  const altAction = !altActionTooltipText ? (\n    altActionButton\n  ) : (\n    <DSTooltip\n      containerProps={{ id: 'alt-action-tooltip' }}\n      interactionType=\"hover\"\n      title={altActionTooltipText}\n      triggerComponent={altActionButton}\n    />\n  );\n\n  return (\n    <UploaderWrapper {...containerProps} classProps={{ disabled: disabledAll }}>\n      <Uploader {...rootProps} classProps={{ isDragActive }}>\n        <UploaderIconArea>\n          <UploadFileIcon size=\"l\" />\n        </UploaderIconArea>\n        <DividerVertical />\n        <UploaderInfo>\n          <InfoText>{label}</InfoText>\n          <UploaderActions>\n            {actions.defaultAction && defaultAction}\n            {(actions.altAction || showAltAction) && (\n              <>\n                {actions.defaultAction && <DividerVertical />}\n                {altAction}\n              </>\n            )}\n          </UploaderActions>\n        </UploaderInfo>\n        {!disabledAll && (\n          <UploaderDragActive>\n            <DragActiveIcon />\n            {dragActiveInstructionalText}\n          </UploaderDragActive>\n        )}\n        {!disabledAll && <input {...getInputProps()} />}\n      </Uploader>\n      {typeof acceptedTypesText === 'string' && <AcceptedTypes>{acceptedTypesText.toUpperCase()}</AcceptedTypes>}\n    </UploaderWrapper>\n  );\n};\n\nDSUploader.actions = {\n  defaultAction: 'LOCAL DRIVE',\n  altAction: 'DOCUMENTS',\n};\n\nDSUploader.propTypes = propTypes;\n\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema };\nexport default DSUploader;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { default as default2, UploaderWithSchema } from "./DSUploader";
+export {
+  UploaderWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, UploaderWithSchema } from './DSUploader';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/propTypes.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { UploadFile } from "@elliemae/ds-icons";
+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
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { UploadFile } from '@elliemae/ds-icons';\n/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */\n\nexport const propTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),\n  validator: PropTypes.func.description(\n    \"Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not.\",\n  ),\n  maxFiles: PropTypes.number.description('Number of files accepted.'),\n  minSize: PropTypes.number.description('Minimun file size accepted in bytes.'),\n  maxSize: PropTypes.number.description('Maximum file size accepted in bytes.'),\n  onDropRejected: PropTypes.func.description(\n    'Cb called when files are rejected using maxFiles, minSize or maxSize properties.',\n  ),\n  disabled: PropTypes.bool.description('Disables the DSUploader.'),\n  multiple: PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),\n  accept: PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),\n\n  label: PropTypes.string.description('Uploader label.').defaultValue('Browse'),\n  icon: PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile),\n  actions: PropTypes.shape({\n    defaultAction: PropTypes.string,\n    altAction: PropTypes.string,\n  })\n    .description('Uploader actions.')\n    .defaultValue({ defaultAction: 'LOCAL DRIVE' }),\n  defaultActionLabel: PropTypes.string.description('First action button label.'),\n  showAltAction: PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),\n  altActionLabel: PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),\n  dragActiveInstructionalText: PropTypes.string\n    .description('informative text when user drags a file over the uploader zone.')\n    .defaultValue('DROP FILES HERE'),\n  dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone.'),\n  acceptedTypesText: PropTypes.string\n    .description('Information text to show what types are supported.')\n    .defaultValue('JPG, JPEG, PNG, PDF'),\n  disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),\n  disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),\n  onDefaultHandlerClick: PropTypes.func.description('First action button click handler.'),\n  onAltHandlerClick: PropTypes.func.description('Second action button click handler.'),\n  defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button.'),\n  altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button.'),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,UAAU,KAAK,YACxB;AAAA,EAEF,UAAU,UAAU,OAAO,YAAY;AAAA,EACvC,SAAS,UAAU,OAAO,YAAY;AAAA,EACtC,SAAS,UAAU,OAAO,YAAY;AAAA,EACtC,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,OAAO,UAAU,OAAO,YAAY,mBAAmB,aAAa;AAAA,EACpE,MAAM,UAAU,QAAQ,YAAY,uBAAuB,aAAa;AAAA,EACxE,SAAS,UAAU,MAAM;AAAA,IACvB,eAAe,UAAU;AAAA,IACzB,WAAW,UAAU;AAAA,KAEpB,YAAY,qBACZ,aAAa,EAAE,eAAe;AAAA,EACjC,oBAAoB,UAAU,OAAO,YAAY;AAAA,EACjD,eAAe,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAC1G,gBAAgB,UAAU,OAAO,YAAY,+BAA+B,aAAa;AAAA,EACzF,6BAA6B,UAAU,OACpC,YAAY,mEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,UAAU,OAC1B,YAAY,sDACZ,aAAa;AAAA,EAChB,iBAAiB,UAAU,KAAK,YAAY,oDAAoD,aAAa;AAAA,EAC7G,aAAa,UAAU,KAAK,YAAY,wDAAwD,aAAa;AAAA,EAC7G,uBAAuB,UAAU,KAAK,YAAY;AAAA,EAClD,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAC9C,0BAA0B,UAAU,OAAO,YAAY;AAAA,EACvD,sBAAsB,UAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,23 +1,26 @@
 {
   "name": "@elliemae/ds-uploader",
-  "version": "2.3.0-next.0",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Uploader",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./propTypes": {
-      "import": "./esm/propTypes.js",
-      "require": "./cjs/propTypes.js"
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
     },
     "./DSUploader": {
-      "import": "./esm/DSUploader.js",
-      "require": "./cjs/DSUploader.js"
+      "import": "./dist/esm/DSUploader.js",
+      "require": "./dist/cjs/DSUploader.js"
     }
   },
   "sideEffects": [
@@ -29,27 +32,27 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.0",
-    "@elliemae/ds-classnames": "2.3.0-next.0",
-    "@elliemae/ds-icons": "2.3.0-next.0",
-    "@elliemae/ds-tooltip": "2.3.0-next.0",
-    "@elliemae/ds-utilities": "2.3.0-next.0",
+    "@elliemae/ds-button": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.0",
+    "@elliemae/ds-icons": "3.0.0-alpha.0",
+    "@elliemae/ds-tooltip": "3.0.0-alpha.0",
+    "@elliemae/ds-utilities": "3.0.0-alpha.0",
     "react-desc": "~4.1.3",
     "react-dropzone": "~10.2.2"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
@@ -59,7 +62,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSUploader.js

@@ -1,189 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx2 = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('react');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var reactDropzone = require('react-dropzone');
-var DSTooltip = require('@elliemae/ds-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 }; }
-
-var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-
-var _DividerVertical, _DividerVertical2;
-
-const _excluded = ["labelText"],
-      _excluded2 = ["containerProps", "label", "icon", "defaultActionLabel", "dragActiveInstructionalText", "dragActiveIcon", "altActionLabel", "acceptedTypesText", "disabledDefault", "disabledAlt", "onDefaultHandlerClick", "onAltHandlerClick", "actions", "showAltAction", "defaultActionTooltipText", "altActionTooltipText"],
-      _excluded3 = ["onClick"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'uploader';
-const blockNameInfo = "".concat(blockName, "-info");
-const blockNameDragActive = "".concat(blockName, "-drag-active");
-const blockNameWrapper = "".concat(blockName, "-wrapper");
-const UploaderWrapper = dsClassnames.aggregatedClasses('div')(blockNameWrapper, null, _ref => {
-  let {
-    disabled
-  } = _ref;
-  return {
-    disabled
-  };
-});
-const Uploader = dsClassnames.aggregatedClasses('div')(blockName, null, _ref2 => {
-  let {
-    isDragActive
-  } = _ref2;
-  return {
-    'drag-active': isDragActive
-  };
-});
-const UploaderDragActive = dsClassnames.aggregatedClasses('div')(blockNameDragActive);
-const UploaderIconArea = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-icon-wrapper"));
-const UploaderInfo = dsClassnames.aggregatedClasses('div')(blockNameInfo);
-const InfoText = dsClassnames.aggregatedClasses('span')(blockNameInfo, 'text');
-const UploaderActions = dsClassnames.aggregatedClasses('div')(blockNameInfo, 'actions');
-const AcceptedTypes = dsClassnames.aggregatedClasses('div')(blockNameWrapper, 'accepted-types');
-const DividerVertical = dsClassnames.aggregatedClasses('div')('divider', null, _ref3 => {
-  let {
-    vertical
-  } = _ref3;
-  return {
-    vertical
-  };
-});
-
-function ActionButton(_ref4) {
-  let {
-    labelText
-  } = _ref4,
-      otherProps = _objectWithoutProperties__default["default"](_ref4, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
-    buttonType: "text",
-    labelText: labelText
-  }));
-}
-
-const noop = () => null;
-
-const DSUploader = _ref5 => {
-  let {
-    containerProps = {},
-    label = 'Browse',
-    // todo: i18n
-    icon: UploadFileIcon = dsIcons.UploadFile,
-    defaultActionLabel = 'LOCAL DRIVE',
-    // todo: i18n
-    dragActiveInstructionalText = 'DROP FILES HERE',
-    dragActiveIcon: DragActiveIcon = dsIcons.UploadFile,
-    altActionLabel = 'DOCUMENTS',
-    // todo: i18n
-    acceptedTypesText = 'JPG, JPEG, PNG, PDF',
-    disabledDefault = false,
-    disabledAlt = false,
-    onDefaultHandlerClick = noop,
-    onAltHandlerClick = noop,
-    actions = {
-      defaultAction: 'LOCAL DRIVE',
-      altAction: 'DOCUMENTS'
-    },
-    showAltAction = false,
-    defaultActionTooltipText,
-    altActionTooltipText
-  } = _ref5,
-      dropzoneProps = _objectWithoutProperties__default["default"](_ref5, _excluded2);
-
-  const {
-    getRootProps,
-    getInputProps,
-    isDragActive
-  } = reactDropzone.useDropzone(dropzoneProps);
-
-  const _getRootProps = getRootProps(),
-        {
-    onClick: onOpenFile
-  } = _getRootProps,
-        rootProps = _objectWithoutProperties__default["default"](_getRootProps, _excluded3);
-
-  const disabledAll = disabledDefault && disabledAlt;
-
-  const delfaultActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
-    variant: disabledDefault && DSButton.BUTTON_VARIANT.DISABLED,
-    labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
-    onClick: function () {
-      if (!disabledDefault) dsUtilities.runAll(onDefaultHandlerClick, onOpenFile)(...arguments);
-    }
-  });
-
-  const altActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
-    variant: disabledAlt && DSButton.BUTTON_VARIANT.DISABLED,
-    labelText: actions.altAction ? actions.altAction : altActionLabel,
-    onClick: function () {
-      if (!disabledAlt) onAltHandlerClick(...arguments);
-    }
-  });
-
-  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
-    containerProps: {
-      id: 'default-action-tooltip'
-    },
-    interactionType: "hover",
-    title: defaultActionTooltipText,
-    triggerComponent: delfaultActionButton
-  });
-  const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
-    containerProps: {
-      id: 'alt-action-tooltip'
-    },
-    interactionType: "hover",
-    title: altActionTooltipText,
-    triggerComponent: altActionButton
-  });
-  return /*#__PURE__*/jsxRuntime.jsxs(UploaderWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    classProps: {
-      disabled: disabledAll
-    },
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Uploader, _objectSpread(_objectSpread({}, rootProps), {}, {
-      classProps: {
-        isDragActive
-      },
-      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())]
-  }));
-};
-
-DSUploader.actions = {
-  defaultAction: 'LOCAL DRIVE',
-  altAction: 'DOCUMENTS'
-};
-const UploaderWithSchema = reactDesc.describe(DSUploader);
-UploaderWithSchema.propTypes = propTypes.propTypes;
-
-exports.UploaderWithSchema = UploaderWithSchema;
-exports["default"] = DSUploader;

package/cjs/index.d.js

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

package/cjs/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSUploader = require('./DSUploader.js');
-
-
-
-exports.UploaderWithSchema = DSUploader.UploaderWithSchema;
-exports["default"] = DSUploader["default"];

package/cjs/propTypes.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var dsIcons = require('@elliemae/ds-icons');
-
-/** 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(dsIcons.UploadFile),
-  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

@@ -1,176 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-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 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { runAll } from '@elliemae/ds-utilities';
-import { UploadFile } from '@elliemae/ds-icons';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import { useDropzone } from 'react-dropzone';
-import DSTooltip from '@elliemae/ds-tooltip';
-import { propTypes } from './propTypes.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _DividerVertical, _DividerVertical2;
-
-const _excluded = ["labelText"],
-      _excluded2 = ["containerProps", "label", "icon", "defaultActionLabel", "dragActiveInstructionalText", "dragActiveIcon", "altActionLabel", "acceptedTypesText", "disabledDefault", "disabledAlt", "onDefaultHandlerClick", "onAltHandlerClick", "actions", "showAltAction", "defaultActionTooltipText", "altActionTooltipText"],
-      _excluded3 = ["onClick"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'uploader';
-const blockNameInfo = "".concat(blockName, "-info");
-const blockNameDragActive = "".concat(blockName, "-drag-active");
-const blockNameWrapper = "".concat(blockName, "-wrapper");
-const UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, _ref => {
-  let {
-    disabled
-  } = _ref;
-  return {
-    disabled
-  };
-});
-const Uploader = aggregatedClasses('div')(blockName, null, _ref2 => {
-  let {
-    isDragActive
-  } = _ref2;
-  return {
-    'drag-active': isDragActive
-  };
-});
-const UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);
-const UploaderIconArea = aggregatedClasses('div')("".concat(blockName, "-icon-wrapper"));
-const UploaderInfo = aggregatedClasses('div')(blockNameInfo);
-const InfoText = aggregatedClasses('span')(blockNameInfo, 'text');
-const UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');
-const AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');
-const DividerVertical = aggregatedClasses('div')('divider', null, _ref3 => {
-  let {
-    vertical
-  } = _ref3;
-  return {
-    vertical
-  };
-});
-
-function ActionButton(_ref4) {
-  let {
-    labelText
-  } = _ref4,
-      otherProps = _objectWithoutProperties(_ref4, _excluded);
-
-  return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
-    buttonType: "text",
-    labelText: labelText
-  }));
-}
-
-const noop = () => null;
-
-const DSUploader = _ref5 => {
-  let {
-    containerProps = {},
-    label = 'Browse',
-    // todo: i18n
-    icon: UploadFileIcon = UploadFile,
-    defaultActionLabel = 'LOCAL DRIVE',
-    // todo: i18n
-    dragActiveInstructionalText = 'DROP FILES HERE',
-    dragActiveIcon: DragActiveIcon = UploadFile,
-    altActionLabel = 'DOCUMENTS',
-    // todo: i18n
-    acceptedTypesText = 'JPG, JPEG, PNG, PDF',
-    disabledDefault = false,
-    disabledAlt = false,
-    onDefaultHandlerClick = noop,
-    onAltHandlerClick = noop,
-    actions = {
-      defaultAction: 'LOCAL DRIVE',
-      altAction: 'DOCUMENTS'
-    },
-    showAltAction = false,
-    defaultActionTooltipText,
-    altActionTooltipText
-  } = _ref5,
-      dropzoneProps = _objectWithoutProperties(_ref5, _excluded2);
-
-  const {
-    getRootProps,
-    getInputProps,
-    isDragActive
-  } = useDropzone(dropzoneProps);
-
-  const _getRootProps = getRootProps(),
-        {
-    onClick: onOpenFile
-  } = _getRootProps,
-        rootProps = _objectWithoutProperties(_getRootProps, _excluded3);
-
-  const disabledAll = disabledDefault && disabledAlt;
-
-  const delfaultActionButton = /*#__PURE__*/_jsx2(ActionButton, {
-    variant: disabledDefault && BUTTON_VARIANT.DISABLED,
-    labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
-    onClick: function () {
-      if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...arguments);
-    }
-  });
-
-  const altActionButton = /*#__PURE__*/_jsx2(ActionButton, {
-    variant: disabledAlt && BUTTON_VARIANT.DISABLED,
-    labelText: actions.altAction ? actions.altAction : altActionLabel,
-    onClick: function () {
-      if (!disabledAlt) onAltHandlerClick(...arguments);
-    }
-  });
-
-  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2(DSTooltip, {
-    containerProps: {
-      id: 'default-action-tooltip'
-    },
-    interactionType: "hover",
-    title: defaultActionTooltipText,
-    triggerComponent: delfaultActionButton
-  });
-  const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2(DSTooltip, {
-    containerProps: {
-      id: 'alt-action-tooltip'
-    },
-    interactionType: "hover",
-    title: altActionTooltipText,
-    triggerComponent: altActionButton
-  });
-  return /*#__PURE__*/jsxs(UploaderWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    classProps: {
-      disabled: disabledAll
-    },
-    children: [/*#__PURE__*/jsxs(Uploader, _objectSpread(_objectSpread({}, rootProps), {}, {
-      classProps: {
-        isDragActive
-      },
-      children: [/*#__PURE__*/_jsx2(UploaderIconArea, {}, void 0, /*#__PURE__*/_jsx2(UploadFileIcon, {
-        size: "l"
-      })), _DividerVertical || (_DividerVertical = /*#__PURE__*/_jsx2(DividerVertical, {})), /*#__PURE__*/_jsx2(UploaderInfo, {}, void 0, /*#__PURE__*/_jsx2(InfoText, {}, void 0, label), /*#__PURE__*/_jsx2(UploaderActions, {}, void 0, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /*#__PURE__*/jsxs(Fragment, {
-        children: [actions.defaultAction && (_DividerVertical2 || (_DividerVertical2 = /*#__PURE__*/_jsx2(DividerVertical, {}))), altAction]
-      }))), !disabledAll && /*#__PURE__*/_jsx2(UploaderDragActive, {}, void 0, /*#__PURE__*/_jsx2(DragActiveIcon, {}), dragActiveInstructionalText), !disabledAll && /*#__PURE__*/jsx("input", _objectSpread({}, getInputProps()))]
-    })), typeof acceptedTypesText === 'string' && /*#__PURE__*/_jsx2(AcceptedTypes, {}, void 0, acceptedTypesText.toUpperCase())]
-  }));
-};
-
-DSUploader.actions = {
-  defaultAction: 'LOCAL DRIVE',
-  altAction: 'DOCUMENTS'
-};
-const UploaderWithSchema = describe(DSUploader);
-UploaderWithSchema.propTypes = propTypes;
-
-export { UploaderWithSchema, DSUploader as default };

package/esm/index.d.js

@@ -1 +0,0 @@
-

package/esm/index.js

@@ -1 +0,0 @@
-export { UploaderWithSchema, default } from './DSUploader.js';

package/esm/propTypes.js

@@ -1,38 +0,0 @@
-import { PropTypes } from 'react-desc';
-import { UploadFile } from '@elliemae/ds-icons';
-
-/** 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 };