@elliemae/ds-legacy-uploader 1.0.0-rc.1

package/dist/cjs/styled.js

@@ -0,0 +1,171 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledAcceptedTypes: () => StyledAcceptedTypes,
+  StyledDividerVertical: () => StyledDividerVertical,
+  StyledDividerVerticalActions: () => StyledDividerVerticalActions,
+  StyledInfoText: () => StyledInfoText,
+  StyledUploader: () => StyledUploader,
+  StyledUploaderActions: () => StyledUploaderActions,
+  StyledUploaderDragActive: () => StyledUploaderDragActive,
+  StyledUploaderIconArea: () => StyledUploaderIconArea,
+  StyledUploaderInfo: () => StyledUploaderInfo,
+  StyledUploaderWrapper: () => StyledUploaderWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_constants = require("./constants.js");
+const StyledUploaderWrapper = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.ROOT
+})`
+  display: inline-flex;
+  flex-direction: column;
+  ${import_ds_legacy_system.xStyledCommonProps}
+`;
+const StyledDividerVertical = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.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 = (0, import_ds_legacy_system.styled)(StyledDividerVertical, {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.ACTIONS_DIVIDER_VERTICAL
+})`
+  height: initial;
+  margin: 2px ${({ theme }) => theme.space.xxxs};
+`;
+const StyledUploaderIconArea = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.ICON_AREA
+})`
+  position: relative;
+  & svg {
+    fill: ${({ theme }) => theme.colors.neutral["500"]};
+  }
+`;
+const StyledUploaderDragActive = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.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 = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.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 = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.UPLOADER_INFO
+})``;
+const StyledInfoText = (0, import_ds_legacy_system.styled)("span", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.INFO_TEXT
+})`
+  font-size: 1rem;
+  font-weight: ${({ theme }) => theme.fontWeights.regular};
+  color: ${({ theme }) => theme.colors.neutral[700]};
+`;
+const StyledAcceptedTypes = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.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 = (0, import_ds_legacy_system.styled)("div", {
+  name: import_constants.DSUploaderName,
+  slot: import_constants.DSUploaderSlots.UPLOADER_ACTIONS
+})`
+  display: flex;
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DSUploader.js

@@ -0,0 +1,179 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { runAll } from "@elliemae/ds-legacy-utilities";
+import {
+  describe,
+  useMemoMergePropsWithDefault,
+  useValidateTypescriptPropTypes,
+  useGetGlobalAttributes,
+  useGetXstyledProps
+} from "@elliemae/ds-legacy-props-helpers";
+import { DSButtonV2, BUTTON_TYPES } from "@elliemae/ds-legacy-button";
+import { useDropzone } from "react-dropzone";
+import DSTooltip from "@elliemae/ds-legacy-tooltip";
+import { defaultProps, propTypes } from "./react-desc-prop-types.js";
+import {
+  StyledAcceptedTypes,
+  StyledDividerVertical,
+  StyledInfoText,
+  StyledUploader,
+  StyledUploaderDragActive,
+  StyledUploaderIconArea,
+  StyledUploaderInfo,
+  StyledUploaderWrapper,
+  StyledUploaderActions,
+  StyledDividerVerticalActions
+} from "./styled.js";
+import { DSUploaderName, defaultActions } from "./constants.js";
+const ActionButton = ({ labelText, ...otherProps }) => /* @__PURE__ */ jsx(
+  DSButtonV2,
+  {
+    ...otherProps,
+    buttonType: BUTTON_TYPES.TEXT,
+    style: { padding: 0, height: "initial", borderWidth: "0px" },
+    children: labelText
+  }
+);
+const DSUploader = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSUploaderName);
+  const {
+    containerProps,
+    label,
+    icon: UploadFileIcon,
+    defaultActionLabel,
+    dragActiveInstructionalText,
+    dragActiveIcon: DragActiveIcon,
+    altActionLabel,
+    acceptedTypesText,
+    disabledDefault,
+    disabledAlt,
+    onDefaultHandlerClick,
+    onAltHandlerClick,
+    actions,
+    showAltAction,
+    defaultActionTooltipText,
+    altActionTooltipText,
+    ...rest
+  } = propsWithDefault;
+  const globalAttributes = useGetGlobalAttributes(rest);
+  const xstyledProps = useGetXstyledProps(rest);
+  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = useCallback(() => ({}), []);
+  const { getRootProps, getInputProps, isDragActive } = useDropzone(rest);
+  const { onClick: onOpenFile, ...rootProps } = getRootProps();
+  const disabledAll = disabledDefault && disabledAlt;
+  const delfaultActionButton = useMemo(
+    () => /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        disabled: disabledDefault,
+        labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
+        onClick: (...args) => {
+          if (!disabledDefault)
+            runAll(onDefaultHandlerClick, onOpenFile)(...args);
+        }
+      }
+    ),
+    [actions.defaultAction, defaultActionLabel, disabledDefault, onDefaultHandlerClick, onOpenFile]
+  );
+  const altActionButton = useMemo(
+    () => /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        disabled: disabledAlt,
+        labelText: actions.altAction ? actions.altAction : altActionLabel,
+        onClick: (...args) => {
+          if (!disabledAlt)
+            onAltHandlerClick(...args);
+        }
+      }
+    ),
+    [actions.altAction, altActionLabel, disabledAlt, onAltHandlerClick]
+  );
+  const defaultAction = useMemo(
+    () => !defaultActionTooltipText ? delfaultActionButton : /* @__PURE__ */ jsx(
+      DSTooltip,
+      {
+        containerProps: { id: "default-action-tooltip" },
+        interactionType: "hover",
+        title: defaultActionTooltipText,
+        triggerComponent: delfaultActionButton
+      }
+    ),
+    [defaultActionTooltipText, delfaultActionButton]
+  );
+  const altAction = useMemo(
+    () => !altActionTooltipText ? altActionButton : /* @__PURE__ */ jsx(
+      DSTooltip,
+      {
+        containerProps: { id: "alt-action-tooltip" },
+        interactionType: "hover",
+        title: altActionTooltipText,
+        triggerComponent: altActionButton
+      }
+    ),
+    [altActionTooltipText, altActionButton]
+  );
+  return /* @__PURE__ */ jsxs(
+    StyledUploaderWrapper,
+    {
+      ...containerProps,
+      ...globalAttributes,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsxs(
+          StyledUploader,
+          {
+            ...rootProps,
+            isDragActive,
+            disabledAll,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: [
+              /* @__PURE__ */ jsx(StyledUploaderIconArea, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(UploadFileIcon, { size: "l" }) }),
+              /* @__PURE__ */ jsx(StyledDividerVertical, { getOwnerProps, getOwnerPropsArguments }),
+              /* @__PURE__ */ jsxs(StyledUploaderInfo, { getOwnerProps, getOwnerPropsArguments, children: [
+                /* @__PURE__ */ jsx(StyledInfoText, { getOwnerProps, getOwnerPropsArguments, children: label }),
+                /* @__PURE__ */ jsxs(StyledUploaderActions, { getOwnerProps, getOwnerPropsArguments, children: [
+                  actions.defaultAction && defaultAction,
+                  (actions.altAction || showAltAction) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    actions.defaultAction && /* @__PURE__ */ jsx(
+                      StyledDividerVerticalActions,
+                      {
+                        getOwnerProps,
+                        getOwnerPropsArguments
+                      }
+                    ),
+                    altAction
+                  ] })
+                ] })
+              ] }),
+              !disabledAll && /* @__PURE__ */ jsxs(StyledUploaderDragActive, { getOwnerProps, getOwnerPropsArguments, children: [
+                /* @__PURE__ */ jsx(DragActiveIcon, { color: ["neutral", "000"], mr: "xxs" }),
+                dragActiveInstructionalText
+              ] }),
+              !disabledAll && /* @__PURE__ */ jsx("input", { ...getInputProps(), "aria-label": "file" })
+            ]
+          }
+        ),
+        typeof acceptedTypesText === "string" && /* @__PURE__ */ jsx(StyledAcceptedTypes, { getOwnerProps, getOwnerPropsArguments, children: acceptedTypesText.toUpperCase() })
+      ]
+    }
+  );
+};
+DSUploader.actions = defaultActions;
+DSUploader.propTypes = propTypes;
+DSUploader.displayName = DSUploaderName;
+const UploaderWithSchema = describe(DSUploader);
+UploaderWithSchema.propTypes = propTypes;
+var DSUploader_default = DSUploader;
+export {
+  DSUploader,
+  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, { type ComponentType, useCallback, useMemo } from 'react';\nimport { runAll } from '@elliemae/ds-legacy-utilities';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-legacy-props-helpers';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-legacy-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-legacy-tooltip';\nimport { defaultProps, type DSUploaderT, type ActionButtonPropsT, propTypes } from './react-desc-prop-types.js';\nimport {\n  StyledAcceptedTypes,\n  StyledDividerVertical,\n  StyledInfoText,\n  StyledUploader,\n  StyledUploaderDragActive,\n  StyledUploaderIconArea,\n  StyledUploaderInfo,\n  StyledUploaderWrapper,\n  StyledUploaderActions,\n  StyledDividerVerticalActions,\n} from './styled.js';\nimport { DSUploaderName, defaultActions } from './constants.js';\nconst ActionButton = ({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement => (\n  <DSButtonV2\n    {...otherProps}\n    buttonType={BUTTON_TYPES.TEXT}\n    style={{ padding: 0, height: 'initial', borderWidth: '0px' }}\n  >\n    {labelText}\n  </DSButtonV2>\n);\n\nconst DSUploader: ComponentType<DSUploaderT.DefaultProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSUploaderT.DefaultProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSUploaderName);\n\n  const {\n    containerProps,\n    label,\n    icon: UploadFileIcon,\n    defaultActionLabel,\n    dragActiveInstructionalText,\n    dragActiveIcon: DragActiveIcon,\n    altActionLabel,\n    acceptedTypesText,\n    disabledDefault,\n    disabledAlt,\n    onDefaultHandlerClick,\n    onAltHandlerClick,\n    actions,\n    showAltAction,\n    defaultActionTooltipText,\n    altActionTooltipText,\n    ...rest\n  } = propsWithDefault;\n\n  const globalAttributes = useGetGlobalAttributes(rest);\n  const xstyledProps = useGetXstyledProps(rest);\n\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone(rest);\n  const { onClick: onOpenFile, ...rootProps } = getRootProps();\n  const disabledAll = disabledDefault && disabledAlt;\n\n  const delfaultActionButton = useMemo(\n    () => (\n      <ActionButton\n        disabled={disabledDefault}\n        labelText={actions.defaultAction ? (actions.defaultAction as string) : defaultActionLabel}\n        onClick={(...args) => {\n          if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);\n        }}\n      />\n    ),\n    [actions.defaultAction, defaultActionLabel, disabledDefault, onDefaultHandlerClick, onOpenFile],\n  );\n\n  const altActionButton = useMemo(\n    () => (\n      <ActionButton\n        disabled={disabledAlt}\n        labelText={actions.altAction ? (actions.altAction as string) : altActionLabel}\n        onClick={(...args) => {\n          if (!disabledAlt) onAltHandlerClick(...args);\n        }}\n      />\n    ),\n    [actions.altAction, altActionLabel, disabledAlt, onAltHandlerClick],\n  );\n\n  const defaultAction = useMemo(\n    () =>\n      !defaultActionTooltipText ? (\n        delfaultActionButton\n      ) : (\n        <DSTooltip\n          containerProps={{ id: 'default-action-tooltip' }}\n          interactionType=\"hover\"\n          title={defaultActionTooltipText}\n          triggerComponent={delfaultActionButton}\n        />\n      ),\n    [defaultActionTooltipText, delfaultActionButton],\n  );\n\n  const altAction = useMemo(\n    () =>\n      !altActionTooltipText ? (\n        altActionButton\n      ) : (\n        <DSTooltip\n          containerProps={{ id: 'alt-action-tooltip' }}\n          interactionType=\"hover\"\n          title={altActionTooltipText}\n          triggerComponent={altActionButton}\n        />\n      ),\n    [altActionTooltipText, altActionButton],\n  );\n\n  return (\n    <StyledUploaderWrapper\n      {...containerProps}\n      {...globalAttributes}\n      {...xstyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledUploader\n        {...rootProps}\n        isDragActive={isDragActive}\n        disabledAll={disabledAll}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledUploaderIconArea getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          <UploadFileIcon size=\"l\" />\n        </StyledUploaderIconArea>\n        <StyledDividerVertical getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n        <StyledUploaderInfo getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          <StyledInfoText getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {label}\n          </StyledInfoText>\n          <StyledUploaderActions getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {actions.defaultAction && defaultAction}\n            {(actions.altAction || showAltAction) && (\n              <>\n                {actions.defaultAction && (\n                  <StyledDividerVerticalActions\n                    getOwnerProps={getOwnerProps}\n                    getOwnerPropsArguments={getOwnerPropsArguments}\n                  />\n                )}\n                {altAction}\n              </>\n            )}\n          </StyledUploaderActions>\n        </StyledUploaderInfo>\n        {!disabledAll && (\n          <StyledUploaderDragActive getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <DragActiveIcon color={['neutral', '000']} mr=\"xxs\" />\n            {dragActiveInstructionalText}\n          </StyledUploaderDragActive>\n        )}\n        {!disabledAll && <input {...getInputProps()} aria-label=\"file\" />}\n      </StyledUploader>\n      {typeof acceptedTypesText === 'string' && (\n        <StyledAcceptedTypes getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {acceptedTypesText.toUpperCase()}\n        </StyledAcceptedTypes>\n      )}\n    </StyledUploaderWrapper>\n  );\n};\n\nDSUploader.actions = defaultActions;\nDSUploader.propTypes = propTypes;\nDSUploader.displayName = DSUploaderName;\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema, DSUploader };\nexport default DSUploader;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-legacy-system";
+const DSUploaderName = "DSUploader";
+const DSUploaderSlots = {
+  ROOT: "root",
+  UPLOADER: "uploader",
+  ICON_AREA: "icon-area",
+  DIVIDER_VERTICAL: "divider-vertical",
+  ACTIONS_DIVIDER_VERTICAL: "actions-divider-vertical",
+  UPLOADER_INFO: "uploader-info",
+  INFO_TEXT: "info-text",
+  UPLOADER_DRAG_ACTIVE: "uploader-drag-active",
+  ACCEPTED_TYPES: "accepted-types",
+  UPLOADER_ACTIONS: "uploader-actions"
+};
+const defaultActions = {
+  defaultAction: "LOCAL DRIVE",
+  altAction: "DOCUMENTS"
+};
+const DSUploaderDataTestIds = slotObjectToDataTestIds(DSUploaderName, DSUploaderSlots);
+export {
+  DSUploaderDataTestIds,
+  DSUploaderName,
+  DSUploaderSlots,
+  defaultActions
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-legacy-system';\n\nexport const DSUploaderName = 'DSUploader';\n\nexport const DSUploaderSlots = {\n  ROOT: 'root',\n  UPLOADER: 'uploader',\n  ICON_AREA: 'icon-area',\n  DIVIDER_VERTICAL: 'divider-vertical',\n  ACTIONS_DIVIDER_VERTICAL: 'actions-divider-vertical',\n  UPLOADER_INFO: 'uploader-info',\n  INFO_TEXT: 'info-text',\n  UPLOADER_DRAG_ACTIVE: 'uploader-drag-active',\n  ACCEPTED_TYPES: 'accepted-types',\n  UPLOADER_ACTIONS: 'uploader-actions',\n};\n\nexport const defaultActions = {\n  defaultAction: 'LOCAL DRIVE',\n  altAction: 'DOCUMENTS',\n} as const;\n\nexport const DSUploaderDataTestIds = slotObjectToDataTestIds(DSUploaderName, DSUploaderSlots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,WAAW;AAAA,EACX,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,kBAAkB;AACpB;AAEO,MAAM,iBAAiB;AAAA,EAC5B,eAAe;AAAA,EACf,WAAW;AACb;AAEO,MAAM,wBAAwB,wBAAwB,gBAAgB,eAAe;",
+  "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,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { default as default2, DSUploader, UploaderWithSchema } from "./DSUploader.js";
+export * from "./constants.js";
+export {
+  DSUploader,
+  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, DSUploader, UploaderWithSchema } from './DSUploader.js';\nexport * from './constants.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,YAAY,0BAA0B;AACxD,cAAc;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { UploadFile } from "@elliemae/ds-legacy-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."),
+  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.func.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.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),
+  onDefaultHandlerClick: PropTypes.func.description("First action button click handler."),
+  onAltHandlerClick: PropTypes.func.description("Second action button click handler."),
+  defaultActionTooltipText: PropTypes.string.description("shows tooltip in default action button."),
+  altActionTooltipText: PropTypes.string.description("Shows tooltip in alternate action button.")
+};
+const 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=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-legacy-props-helpers';\nimport { UploadFile } from '@elliemae/ds-legacy-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": []
+}