@elliemae/ds-uploader 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/DSUploader.js

@@ -0,0 +1,177 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(_a) {
+  var _b = _a, { labelText } = _b, otherProps = __objRest(_b, ["labelText"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadProps(__spreadValues({}, otherProps), {
+    buttonType: "text",
+    labelText
+  }));
+}
+const noop = () => null;
+const DSUploader = (_c) => {
+  var _d = _c, {
+    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
+  } = _d, dropzoneProps = __objRest(_d, [
+    "containerProps",
+    "label",
+    "icon",
+    "defaultActionLabel",
+    "dragActiveInstructionalText",
+    "dragActiveIcon",
+    "altActionLabel",
+    "acceptedTypesText",
+    "disabledDefault",
+    "disabledAlt",
+    "onDefaultHandlerClick",
+    "onAltHandlerClick",
+    "actions",
+    "showAltAction",
+    "defaultActionTooltipText",
+    "altActionTooltipText"
+  ]);
+  const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneProps);
+  const _a = getRootProps(), { onClick: onOpenFile } = _a, rootProps = __objRest(_a, ["onClick"]);
+  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, __spreadProps(__spreadValues({}, containerProps), {
+    classProps: { disabled: disabledAll }
+  }), /* @__PURE__ */ import_react.default.createElement(Uploader, __spreadProps(__spreadValues({}, 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", __spreadValues({}, 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,150 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(_a) {
+  var _b = _a, { labelText } = _b, otherProps = __objRest(_b, ["labelText"]);
+  return /* @__PURE__ */ React2.createElement(DSButton, __spreadProps(__spreadValues({}, otherProps), {
+    buttonType: "text",
+    labelText
+  }));
+}
+const noop = () => null;
+const DSUploader = (_c) => {
+  var _d = _c, {
+    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
+  } = _d, dropzoneProps = __objRest(_d, [
+    "containerProps",
+    "label",
+    "icon",
+    "defaultActionLabel",
+    "dragActiveInstructionalText",
+    "dragActiveIcon",
+    "altActionLabel",
+    "acceptedTypesText",
+    "disabledDefault",
+    "disabledAlt",
+    "onDefaultHandlerClick",
+    "onAltHandlerClick",
+    "actions",
+    "showAltAction",
+    "defaultActionTooltipText",
+    "altActionTooltipText"
+  ]);
+  const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);
+  const _a = getRootProps(), { onClick: onOpenFile } = _a, rootProps = __objRest(_a, ["onClick"]);
+  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, __spreadProps(__spreadValues({}, containerProps), {
+    classProps: { disabled: disabledAll }
+  }), /* @__PURE__ */ React2.createElement(Uploader, __spreadProps(__spreadValues({}, 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", __spreadValues({}, 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,YAAY;AAClB,MAAM,gBAAgB,GAAG;AACzB,MAAM,sBAAsB,GAAG;AAC/B,MAAM,mBAAmB,GAAG;AAE5B,MAAM,kBAAkB,kBAAkB,OAAO,kBAAkB,MAAM,CAAC,EAAE,eAAgB,GAAE;AAC9F,MAAM,WAAW,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,mBAAoB,GAAE,eAAe;AACnG,MAAM,qBAAqB,kBAAkB,OAAO;AACpD,MAAM,mBAAmB,kBAAkB,OAAO,GAAG;AACrD,MAAM,eAAe,kBAAkB,OAAO;AAC9C,MAAM,WAAW,kBAAkB,QAAQ,eAAe;AAC1D,MAAM,kBAAkB,kBAAkB,OAAO,eAAe;AAChE,MAAM,gBAAgB,kBAAkB,OAAO,kBAAkB;AAEjE,MAAM,kBAAkB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,eAAgB,GAAE;AAEvF,sBAAsB,IAAsE;AAAtE,eAAE,gBAAF,IAAgB,uBAAhB,IAAgB,CAAd;AACtB,SAAO,qCAAC,UAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO;AAAA;AAAA;AAGrD,MAAM,OAAO,MAAM;AAEnB,MAAM,aAAa,CAAC,OAkBiB;AAlBjB,eAClB;AAAA,qBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM,iBAAiB;AAAA,IACvB,qBAAqB;AAAA,IACrB,8BAA8B;AAAA,IAC9B,gBAAgB,iBAAiB;AAAA,IACjC,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,UAAU,EAAE,eAAe,eAAe,WAAW;AAAA,IACrD,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,MAhBkB,IAiBf,0BAjBe,IAiBf;AAAA,IAhBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;AAClE,QAA8C,qBAAtC,WAAS,eAA6B,IAAd,sBAAc,IAAd,CAAxB;AACR,QAAM,cAAc,mBAAmB;AAEvC,QAAM,uBACJ,qCAAC,cAAD;AAAA,IACE,SAAS,mBAAmB,eAAe;AAAA,IAC3C,WAAW,QAAQ,gBAAiB,QAAQ,gBAA2B;AAAA,IACvE,SAAS,IAAI,SAAS;AACpB,UAAI,CAAC;AAAiB,eAAO,uBAAuB,YAAY,GAAG;AAAA;AAAA;AAKzE,QAAM,kBACJ,qCAAC,cAAD;AAAA,IACE,SAAS,eAAe,eAAe;AAAA,IACvC,WAAW,QAAQ,YAAa,QAAQ,YAAuB;AAAA,IAC/D,SAAS,IAAI,SAAS;AACpB,UAAI,CAAC;AAAa,0BAAkB,GAAG;AAAA;AAAA;AAK7C,QAAM,gBAAgB,CAAC,2BACrB,uBAEA,qCAAC,WAAD;AAAA,IACE,gBAAgB,EAAE,IAAI;AAAA,IACtB,iBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,kBAAkB;AAAA;AAItB,QAAM,YAAY,CAAC,uBACjB,kBAEA,qCAAC,WAAD;AAAA,IACE,gBAAgB,EAAE,IAAI;AAAA,IACtB,iBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,kBAAkB;AAAA;AAItB,SACE,qCAAC,iBAAD,iCAAqB,iBAArB;AAAA,IAAqC,YAAY,EAAE,UAAU;AAAA,MAC3D,qCAAC,UAAD,iCAAc,YAAd;AAAA,IAAyB,YAAY,EAAE;AAAA,MACrC,qCAAC,kBAAD,MACE,qCAAC,gBAAD;AAAA,IAAgB,MAAK;AAAA,OAEvB,qCAAC,iBAAD,OACA,qCAAC,cAAD,MACE,qCAAC,UAAD,MAAW,QACX,qCAAC,iBAAD,MACG,QAAQ,iBAAiB,eACxB,SAAQ,aAAa,kBACrB,4DACG,QAAQ,iBAAiB,qCAAC,iBAAD,OACzB,cAKR,CAAC,eACA,qCAAC,oBAAD,MACE,qCAAC,gBAAD,OACC,8BAGJ,CAAC,eAAe,qCAAC,SAAD,mBAAW,oBAE7B,OAAO,sBAAsB,YAAY,qCAAC,eAAD,MAAgB,kBAAkB;AAAA;AAKlF,WAAW,UAAU;AAAA,EACnB,eAAe;AAAA,EACf,WAAW;AAAA;AAGb,WAAW,YAAY;AAEvB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,qBAAQ;",
+  "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": []
+}