@elliemae/ds-uploader 3.21.2 → 3.22.0-next.1

package/dist/esm/{propTypes.js → react-desc-prop-types.js}

@@ -1,7 +1,10 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 import { UploadFile } from "@elliemae/ds-icons";
+import { defaultActions } from "./constants.js";
 const propTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   containerProps: PropTypes.object.description("Set of Properties attached to the main container."),
   maxFiles: PropTypes.number.description("Number of files accepted."),
   minSize: PropTypes.number.description("Minimun file size accepted in bytes."),
@@ -13,7 +16,7 @@ const propTypes = {
   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),
+  icon: PropTypes.func.description("Uploader left icon.").defaultValue(UploadFile),
   actions: PropTypes.shape({
     defaultAction: PropTypes.string,
     altAction: PropTypes.string
@@ -22,7 +25,7 @@ const propTypes = {
   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."),
+  dragActiveIcon: PropTypes.func.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),
@@ -31,7 +34,28 @@ const propTypes = {
   defaultActionTooltipText: PropTypes.string.description("shows tooltip in default action button."),
   altActionTooltipText: PropTypes.string.description("Shows tooltip in alternate action button.")
 };
+const defaultProps = {
+  containerProps: {},
+  label: "Browse",
+  icon: UploadFile,
+  defaultActionLabel: "LOCAL DRIVE",
+  dragActiveInstructionalText: "DROP FILES HERE",
+  dragActiveIcon: UploadFile,
+  altActionLabel: "DOCUMENTS",
+  acceptedTypesText: "JPG, JPEG, PNG, PDF",
+  disabledDefault: false,
+  disabledAlt: false,
+  onDefaultHandlerClick: () => {
+  },
+  onAltHandlerClick: () => {
+  },
+  actions: defaultActions,
+  showAltAction: false,
+  defaultActionTooltipText: "",
+  altActionTooltipText: ""
+};
 export {
+  defaultProps,
   propTypes
 };
-//# sourceMappingURL=propTypes.js.map
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport { defaultActions } from './constants.js';\n/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */\n\nexport namespace DSUploaderT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    label: string;\n    icon: React.FC;\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\n  export type ActionsT = Record<string, unknown>;\n}\n\nexport interface ActionButtonPropsT {\n  labelText: string;\n  variant: undefined | 'variant-disabled';\n  onClick: () => void | null;\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),\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.func.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.func.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} as unknown as WeakValidationMap<DSUploaderT.DefaultProps>;\n\nexport const defaultProps: DSUploaderT.DefaultProps = {\n  containerProps: {},\n  label: 'Browse',\n  icon: UploadFile,\n  defaultActionLabel: 'LOCAL DRIVE',\n  dragActiveInstructionalText: 'DROP FILES HERE',\n  dragActiveIcon: UploadFile,\n  altActionLabel: 'DOCUMENTS',\n  acceptedTypesText: 'JPG, JPEG, PNG, PDF',\n  disabledDefault: false,\n  disabledAlt: false,\n  onDefaultHandlerClick: () => {},\n  onAltHandlerClick: () => {},\n  actions: defaultActions,\n  showAltAction: false,\n  defaultActionTooltipText: '',\n  altActionTooltipText: '',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAgCxB,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,UAAU,OAAO,YAAY,mDAAmD;AAAA,EAChG,UAAU,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAClE,SAAS,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,SAAS,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,gBAAgB,UAAU,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAC/D,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA,EAChG,QAAQ,UAAU,OAAO,YAAY,6DAA6D;AAAA,EAElG,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,QAAQ;AAAA,EAC5E,MAAM,UAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,UAAU;AAAA,EAC/E,SAAS,UAAU,MAAM;AAAA,IACvB,eAAe,UAAU;AAAA,IACzB,WAAW,UAAU;AAAA,EACvB,CAAC,EACE,YAAY,mBAAmB,EAC/B,aAAa,EAAE,eAAe,cAAc,CAAC;AAAA,EAChD,oBAAoB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAC7E,eAAe,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,IAAI;AAAA,EAC9G,gBAAgB,UAAU,OAAO,YAAY,6BAA6B,EAAE,aAAa,aAAa;AAAA,EACtG,6BAA6B,UAAU,OACpC,YAAY,iEAAiE,EAC7E,aAAa,iBAAiB;AAAA,EACjC,gBAAgB,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAChG,mBAAmB,UAAU,OAC1B,YAAY,oDAAoD,EAChE,aAAa,qBAAqB;AAAA,EACrC,iBAAiB,UAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EAClH,aAAa,UAAU,KAAK,YAAY,sDAAsD,EAAE,aAAa,KAAK;AAAA,EAClH,uBAAuB,UAAU,KAAK,YAAY,oCAAoC;AAAA,EACtF,mBAAmB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACnF,0BAA0B,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAChG,sBAAsB,UAAU,OAAO,YAAY,2CAA2C;AAChG;AAEO,MAAM,eAAyC;AAAA,EACpD,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,oBAAoB;AAAA,EACpB,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,SAAS;AAAA,EACT,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,sBAAsB;AACxB;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,141 @@
+import * as React from "react";
+import { styled, xStyledCommonProps } from "@elliemae/ds-system";
+import { DSUploaderName, DSUploaderSlots } from "./constants.js";
+const StyledUploaderWrapper = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.ROOT
+})`
+  display: inline-flex;
+  flex-direction: column;
+  ${xStyledCommonProps}
+`;
+const StyledDividerVertical = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.DIVIDER_VERTICAL
+})`
+  border-right: 1px solid ${({ theme }) => theme.colors.neutral[100]};
+  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[100]};
+  height: ${({ theme }) => theme.space.s};
+  margin: 0 ${({ theme }) => theme.space.xs};
+`;
+const StyledDividerVerticalActions = styled(StyledDividerVertical, {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.ACTIONS_DIVIDER_VERTICAL
+})`
+  height: initial;
+  margin: 2px ${({ theme }) => theme.space.xxxs};
+`;
+const StyledUploaderIconArea = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.ICON_AREA
+})`
+  position: relative;
+  & svg {
+    fill: ${({ theme }) => theme.colors.neutral["500"]};
+  }
+`;
+const StyledUploaderDragActive = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.UPLOADER_DRAG_ACTIVE
+})`
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: ${({ theme }) => theme.colors.brand[500]};
+  color: ${({ theme }) => theme.colors.neutral["000"]};
+  border: 1px ${({ theme }) => theme.colors.brand[500]};
+  border-radius: 4px;
+  font-weight: ${({ theme }) => theme.fontWeights.bold};
+  justify-content: center;
+  align-items: center;
+`;
+const StyledUploader = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.UPLOADER
+})`
+  position: relative;
+  display: inline-flex;
+  border: 1px solid
+    ${({ theme, isDragActive, disabledAll }) => isDragActive && !disabledAll ? "transparent" : theme.colors.neutral["200"]};
+  padding: 6px ${({ theme }) => theme.space.xs};
+  border-radius: 4px;
+  align-items: center;
+  outline: none;
+
+  &:hover,
+  &:focus {
+    background-color: ${({ theme }) => theme.colors.brand["100"]};
+    border: 1px dashed ${({ theme }) => theme.colors.brand["500"]};
+    ${StyledDividerVertical} {
+      border-color: ${({ theme }) => theme.colors.brand["300"]};
+    }
+    ${StyledUploaderIconArea} {
+      & svg {
+        fill: ${({ theme }) => theme.colors.brand["500"]};
+      }
+    }
+  }
+
+  &:focus {
+    // in replace of @include dsFocus();
+    outline: none;
+    box-shadow: inset 0 0 0 1px #8cc2ed;
+    border-radius: 2px;
+  }
+
+  ${StyledUploaderDragActive} {
+    ${({ isDragActive, disabledAll }) => {
+  if (isDragActive && !disabledAll) {
+    return `
+          visibility: visible;
+          display: flex;
+
+        `;
+  }
+}}
+  }
+`;
+const StyledUploaderInfo = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.UPLOADER_INFO
+})``;
+const StyledInfoText = styled("span", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.INFO_TEXT
+})`
+  font-size: 1rem;
+  font-weight: ${({ theme }) => theme.fontWeights.regular};
+  color: ${({ theme }) => theme.colors.neutral[700]};
+`;
+const StyledAcceptedTypes = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.ACCEPTED_TYPES
+})`
+  margin-top: 2px;
+  color: ${({ theme }) => theme.colors.neutral[500]};
+  text-transform: uppercase;
+  text-align: right;
+  font-size: ${({ theme }) => theme.fontSizes.label[200]};
+`;
+const StyledUploaderActions = styled("div", {
+  name: DSUploaderName,
+  slot: DSUploaderSlots.UPLOADER_ACTIONS
+})`
+  display: flex;
+`;
+export {
+  StyledAcceptedTypes,
+  StyledDividerVertical,
+  StyledDividerVerticalActions,
+  StyledInfoText,
+  StyledUploader,
+  StyledUploaderActions,
+  StyledUploaderDragActive,
+  StyledUploaderIconArea,
+  StyledUploaderInfo,
+  StyledUploaderWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSUploaderName, DSUploaderSlots } from './constants.js';\n\nexport const StyledUploaderWrapper = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.ROOT,\n})`\n  display: inline-flex;\n  flex-direction: column;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledDividerVertical = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.DIVIDER_VERTICAL,\n})`\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral[100]};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[100]};\n  height: ${({ theme }) => theme.space.s};\n  margin: 0 ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledDividerVerticalActions = styled(StyledDividerVertical, {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.ACTIONS_DIVIDER_VERTICAL,\n})`\n  height: initial;\n  margin: 2px ${({ theme }) => theme.space.xxxs};\n`;\n\nexport const StyledUploaderIconArea = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.ICON_AREA,\n})`\n  position: relative;\n  & svg {\n    fill: ${({ theme }) => theme.colors.neutral['500']};\n  }\n`;\n\nexport const StyledUploaderDragActive = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.UPLOADER_DRAG_ACTIVE,\n})`\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.brand[500]};\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  border: 1px ${({ theme }) => theme.colors.brand[500]};\n  border-radius: 4px;\n  font-weight: ${({ theme }) => theme.fontWeights.bold};\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyledUploader = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.UPLOADER,\n})<{ isDragActive: boolean; disabledAll: boolean }>`\n  position: relative;\n  display: inline-flex;\n  border: 1px solid\n    ${({ theme, isDragActive, disabledAll }) =>\n      isDragActive && !disabledAll ? 'transparent' : theme.colors.neutral['200']};\n  padding: 6px ${({ theme }) => theme.space.xs};\n  border-radius: 4px;\n  align-items: center;\n  outline: none;\n\n  &:hover,\n  &:focus {\n    background-color: ${({ theme }) => theme.colors.brand['100']};\n    border: 1px dashed ${({ theme }) => theme.colors.brand['500']};\n    ${StyledDividerVertical} {\n      border-color: ${({ theme }) => theme.colors.brand['300']};\n    }\n    ${StyledUploaderIconArea} {\n      & svg {\n        fill: ${({ theme }) => theme.colors.brand['500']};\n      }\n    }\n  }\n\n  &:focus {\n    // in replace of @include dsFocus();\n    outline: none;\n    box-shadow: inset 0 0 0 1px #8cc2ed;\n    border-radius: 2px;\n  }\n\n  ${StyledUploaderDragActive} {\n    ${({ isDragActive, disabledAll }) => {\n      if (isDragActive && !disabledAll) {\n        return `\n          visibility: visible;\n          display: flex;\n\n        `;\n      }\n    }}\n  }\n`;\n\nexport const StyledUploaderInfo = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.UPLOADER_INFO,\n})``;\nexport const StyledInfoText = styled('span', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.INFO_TEXT,\n})`\n  font-size: 1rem;\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.neutral[700]};\n`;\n\nexport const StyledAcceptedTypes = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.ACCEPTED_TYPES,\n})`\n  margin-top: 2px;\n  color: ${({ theme }) => theme.colors.neutral[500]};\n  text-transform: uppercase;\n  text-align: right;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n`;\n\nexport const StyledUploaderActions = styled('div', {\n  name: DSUploaderName,\n  slot: DSUploaderSlots.UPLOADER_ACTIONS,\n})`\n  display: flex;\n`;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/DSUploader.d.ts

@@ -1,37 +1,6 @@
-import type { DSUploaderPropsT } from './index.d';
-declare const DSUploader: {
-    ({ containerProps, label, icon: UploadFileIcon, defaultActionLabel, dragActiveInstructionalText, dragActiveIcon: DragActiveIcon, altActionLabel, acceptedTypesText, disabledDefault, disabledAlt, onDefaultHandlerClick, onAltHandlerClick, actions, showAltAction, defaultActionTooltipText, altActionTooltipText, ...dropzoneProps }: DSUploaderPropsT): JSX.Element;
-    actions: {
-        defaultAction: string;
-        altAction: string;
-    };
-    propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        maxFiles: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        minSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        maxSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        onDropRejected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        multiple: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        accept: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        actions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        defaultActionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        showAltAction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        altActionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        dragActiveInstructionalText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        dragActiveIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        acceptedTypesText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        disabledDefault: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        disabledAlt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        onDefaultHandlerClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        onAltHandlerClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        defaultActionTooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        altActionTooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    };
-    displayName: string;
-};
-declare const UploaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSUploaderPropsT>;
+import { type ComponentType } from 'react';
+import { type DSUploaderT } from './react-desc-prop-types.js';
+declare const DSUploader: ComponentType<DSUploaderT.DefaultProps>;
+declare const UploaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSUploaderT.DefaultProps>;
 export { UploaderWithSchema, DSUploader };
 export default DSUploader;

package/dist/types/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const DSUploaderName = "DSUploader";
+export declare const DSUploaderSlots: {
+    ROOT: string;
+    UPLOADER: string;
+    ICON_AREA: string;
+    DIVIDER_VERTICAL: string;
+    ACTIONS_DIVIDER_VERTICAL: string;
+    UPLOADER_INFO: string;
+    INFO_TEXT: string;
+    UPLOADER_DRAG_ACTIVE: string;
+    ACCEPTED_TYPES: string;
+    UPLOADER_ACTIONS: string;
+};
+export declare const defaultActions: {
+    readonly defaultAction: "LOCAL DRIVE";
+    readonly altAction: "DOCUMENTS";
+};
+export declare const DSUploaderDataTestIds: Record<string, string>;

package/dist/types/index.d.ts

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

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,30 @@
+import { type WeakValidationMap } from 'react';
+/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
+export declare namespace DSUploaderT {
+    interface DefaultProps {
+        containerProps: Record<string, unknown>;
+        label: string;
+        icon: React.FC;
+        defaultActionLabel?: string;
+        dragActiveInstructionalText?: string;
+        dragActiveIcon: React.FC;
+        altActionLabel: string;
+        acceptedTypesText: string;
+        disabledDefault: boolean;
+        disabledAlt: boolean;
+        onDefaultHandlerClick: () => void | null;
+        onAltHandlerClick: () => void | null;
+        actions: Record<string, unknown>;
+        showAltAction: boolean;
+        defaultActionTooltipText: string;
+        altActionTooltipText: string;
+    }
+    type ActionsT = Record<string, unknown>;
+}
+export interface ActionButtonPropsT {
+    labelText: string;
+    variant: undefined | 'variant-disabled';
+    onClick: () => void | null;
+}
+export declare const propTypes: WeakValidationMap<DSUploaderT.DefaultProps>;
+export declare const defaultProps: DSUploaderT.DefaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-uploader",
-  "version": "3.21.2",
+  "version": "3.22.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Uploader",
   "files": [
@@ -14,13 +14,21 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
-    "./propTypes": {
-      "import": "./dist/esm/propTypes.js",
-      "require": "./dist/cjs/propTypes.js"
+    "./react-desc-prop-types": {
+      "import": "./dist/esm/react-desc-prop-types.js",
+      "require": "./dist/cjs/react-desc-prop-types.js"
     },
     "./DSUploader": {
       "import": "./dist/esm/DSUploader.js",
       "require": "./dist/cjs/DSUploader.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./constants": {
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
     }
   },
   "sideEffects": [
@@ -44,22 +52,27 @@
   },
   "dependencies": {
     "react-dropzone": "~10.2.2",
-    "@elliemae/ds-button": "3.21.2",
-    "@elliemae/ds-classnames": "3.21.2",
-    "@elliemae/ds-props-helpers": "3.21.2",
-    "@elliemae/ds-icons": "3.21.2",
-    "@elliemae/ds-system": "3.21.2",
-    "@elliemae/ds-tooltip": "3.21.2",
-    "@elliemae/ds-utilities": "3.21.2"
+    "@elliemae/ds-button": "3.22.0-next.1",
+    "@elliemae/ds-icons": "3.22.0-next.1",
+    "@elliemae/ds-props-helpers": "3.22.0-next.1",
+    "@elliemae/ds-system": "3.22.0-next.1",
+    "@elliemae/ds-tooltip": "3.22.0-next.1",
+    "@elliemae/ds-utilities": "3.22.0-next.1"
   },
   "devDependencies": {
+    "@elliemae/pui-theme": "~2.7.0",
+    "@testing-library/dom": "~8.19.0",
     "@testing-library/jest-dom": "~5.16.5",
-    "@testing-library/react": "~12.1.3"
+    "@testing-library/react": "~12.1.3",
+    "styled-components": "~5.3.9",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "lodash": "^4.17.21",
-    "react": "~17.0.2",
-    "react-dom": "^17.0.2"
+    "@elliemae/pui-theme": "~2.7.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",

package/dist/cjs/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\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  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;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,sBAA2B;AAGpB,MAAM,YAAY;AAAA,EACvB,gBAAgB,kCAAU,OAAO,YAAY,mDAAmD;AAAA,EAChG,UAAU,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAClE,SAAS,kCAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,SAAS,kCAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,gBAAgB,kCAAU,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAC/D,UAAU,kCAAU,KAAK,YAAY,2DAA2D;AAAA,EAChG,QAAQ,kCAAU,OAAO,YAAY,6DAA6D;AAAA,EAElG,OAAO,kCAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,QAAQ;AAAA,EAC5E,MAAM,kCAAU,QAAQ,YAAY,qBAAqB,EAAE,aAAa,0BAAU;AAAA,EAClF,SAAS,kCAAU,MAAM;AAAA,IACvB,eAAe,kCAAU;AAAA,IACzB,WAAW,kCAAU;AAAA,EACvB,CAAC,EACE,YAAY,mBAAmB,EAC/B,aAAa,EAAE,eAAe,cAAc,CAAC;AAAA,EAChD,oBAAoB,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EAC7E,eAAe,kCAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,IAAI;AAAA,EAC9G,gBAAgB,kCAAU,OAAO,YAAY,6BAA6B,EAAE,aAAa,aAAa;AAAA,EACtG,6BAA6B,kCAAU,OACpC,YAAY,iEAAiE,EAC7E,aAAa,iBAAiB;AAAA,EACjC,gBAAgB,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EAClG,mBAAmB,kCAAU,OAC1B,YAAY,oDAAoD,EAChE,aAAa,qBAAqB;AAAA,EACrC,iBAAiB,kCAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EAClH,aAAa,kCAAU,KAAK,YAAY,sDAAsD,EAAE,aAAa,KAAK;AAAA,EAClH,uBAAuB,kCAAU,KAAK,YAAY,oCAAoC;AAAA,EACtF,mBAAmB,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACnF,0BAA0B,kCAAU,OAAO,YAAY,yCAAyC;AAAA,EAChG,sBAAsB,kCAAU,OAAO,YAAY,2CAA2C;AAChG;",
-  "names": []
-}

package/dist/esm/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\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  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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAGpB,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,OAAO,YAAY,mDAAmD;AAAA,EAChG,UAAU,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAClE,SAAS,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,SAAS,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAC5E,gBAAgB,UAAU,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAC/D,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA,EAChG,QAAQ,UAAU,OAAO,YAAY,6DAA6D;AAAA,EAElG,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,QAAQ;AAAA,EAC5E,MAAM,UAAU,QAAQ,YAAY,qBAAqB,EAAE,aAAa,UAAU;AAAA,EAClF,SAAS,UAAU,MAAM;AAAA,IACvB,eAAe,UAAU;AAAA,IACzB,WAAW,UAAU;AAAA,EACvB,CAAC,EACE,YAAY,mBAAmB,EAC/B,aAAa,EAAE,eAAe,cAAc,CAAC;AAAA,EAChD,oBAAoB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAC7E,eAAe,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,IAAI;AAAA,EAC9G,gBAAgB,UAAU,OAAO,YAAY,6BAA6B,EAAE,aAAa,aAAa;AAAA,EACtG,6BAA6B,UAAU,OACpC,YAAY,iEAAiE,EAC7E,aAAa,iBAAiB;AAAA,EACjC,gBAAgB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EAClG,mBAAmB,UAAU,OAC1B,YAAY,oDAAoD,EAChE,aAAa,qBAAqB;AAAA,EACrC,iBAAiB,UAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EAClH,aAAa,UAAU,KAAK,YAAY,sDAAsD,EAAE,aAAa,KAAK;AAAA,EAClH,uBAAuB,UAAU,KAAK,YAAY,oCAAoC;AAAA,EACtF,mBAAmB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACnF,0BAA0B,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAChG,sBAAsB,UAAU,OAAO,YAAY,2CAA2C;AAChG;",
-  "names": []
-}

package/dist/types/propTypes.d.ts

@@ -1,26 +0,0 @@
-/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
-export declare const propTypes: {
-    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    maxFiles: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    minSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    maxSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onDropRejected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    multiple: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    accept: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    actions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    defaultActionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    showAltAction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    altActionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    dragActiveInstructionalText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    dragActiveIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    acceptedTypesText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    disabledDefault: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    disabledAlt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onDefaultHandlerClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onAltHandlerClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    defaultActionTooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    altActionTooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};