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

package/dist/cjs/DSUploader.js

@@ -35,124 +35,158 @@ __export(DSUploader_exports, {
 module.exports = __toCommonJS(DSUploader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_button = 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.js");
-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 }));
-const ActionButton = ({ labelText, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, { ...otherProps, buttonType: "text", labelText });
-const noop = () => null;
-const DSUploader = ({
-  containerProps = {},
-  label = "Browse",
-  // todo: i18n
-  icon: UploadFileIcon = import_ds_icons.UploadFile,
-  defaultActionLabel = "LOCAL DRIVE",
-  // todo: i18n
-  dragActiveInstructionalText = "DROP FILES HERE",
-  dragActiveIcon: DragActiveIcon = import_ds_icons.UploadFile,
-  altActionLabel = "DOCUMENTS",
-  // todo: i18n
-  acceptedTypesText = "JPG, JPEG, PNG, PDF",
-  disabledDefault = false,
-  disabledAlt = false,
-  onDefaultHandlerClick = noop,
-  onAltHandlerClick = noop,
-  actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
-  showAltAction = false,
-  defaultActionTooltipText,
-  altActionTooltipText,
-  ...dropzoneProps
-}) => {
-  const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneProps);
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+var import_constants = require("./constants.js");
+const ActionButton = ({ labelText, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ds_button.DSButtonV2,
+  {
+    ...otherProps,
+    buttonType: import_ds_button.BUTTON_TYPES.TEXT,
+    style: { padding: 0, height: "initial", borderWidth: "0px" },
+    children: labelText
+  }
+);
+const DSUploader = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_constants.DSUploaderName);
+  const {
+    containerProps,
+    label,
+    icon: UploadFileIcon,
+    defaultActionLabel,
+    dragActiveInstructionalText,
+    dragActiveIcon: DragActiveIcon,
+    altActionLabel,
+    acceptedTypesText,
+    disabledDefault,
+    disabledAlt,
+    onDefaultHandlerClick,
+    onAltHandlerClick,
+    actions,
+    showAltAction,
+    defaultActionTooltipText,
+    altActionTooltipText,
+    ...rest
+  } = propsWithDefault;
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(rest);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(rest);
+  const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({}), []);
+  const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(rest);
   const { onClick: onOpenFile, ...rootProps } = getRootProps();
   const disabledAll = disabledDefault && disabledAlt;
-  const delfaultActionButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    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 delfaultActionButton = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ActionButton,
+      {
+        disabled: disabledDefault,
+        labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
+        onClick: (...args) => {
+          if (!disabledDefault)
+            (0, import_ds_utilities.runAll)(onDefaultHandlerClick, onOpenFile)(...args);
+        }
       }
-    }
+    ),
+    [actions.defaultAction, defaultActionLabel, disabledDefault, onDefaultHandlerClick, onOpenFile]
   );
-  const altActionButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ActionButton,
-    {
-      variant: disabledAlt && import_ds_button.BUTTON_VARIANT.DISABLED,
-      labelText: actions.altAction ? actions.altAction : altActionLabel,
-      onClick: (...args) => {
-        if (!disabledAlt)
-          onAltHandlerClick(...args);
+  const altActionButton = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ActionButton,
+      {
+        disabled: disabledAlt,
+        labelText: actions.altAction ? actions.altAction : altActionLabel,
+        onClick: (...args) => {
+          if (!disabledAlt)
+            onAltHandlerClick(...args);
+        }
       }
-    }
+    ),
+    [actions.altAction, altActionLabel, disabledAlt, onAltHandlerClick]
   );
-  const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_tooltip.default,
-    {
-      containerProps: { id: "default-action-tooltip" },
-      interactionType: "hover",
-      title: defaultActionTooltipText,
-      triggerComponent: delfaultActionButton
-    }
+  const defaultAction = (0, import_react.useMemo)(
+    () => !defaultActionTooltipText ? delfaultActionButton : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_tooltip.default,
+      {
+        containerProps: { id: "default-action-tooltip" },
+        interactionType: "hover",
+        title: defaultActionTooltipText,
+        triggerComponent: delfaultActionButton
+      }
+    ),
+    [defaultActionTooltipText, delfaultActionButton]
   );
-  const altAction = !altActionTooltipText ? altActionButton : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_tooltip.default,
+  const altAction = (0, import_react.useMemo)(
+    () => !altActionTooltipText ? altActionButton : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_tooltip.default,
+      {
+        containerProps: { id: "alt-action-tooltip" },
+        interactionType: "hover",
+        title: altActionTooltipText,
+        triggerComponent: altActionButton
+      }
+    ),
+    [altActionTooltipText, altActionButton]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledUploaderWrapper,
     {
-      containerProps: { id: "alt-action-tooltip" },
-      interactionType: "hover",
-      title: altActionTooltipText,
-      triggerComponent: altActionButton
+      ...containerProps,
+      ...globalAttributes,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_styled.StyledUploader,
+          {
+            ...rootProps,
+            isDragActive,
+            disabledAll,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledUploaderIconArea, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploadFileIcon, { size: "l" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledDividerVertical, { getOwnerProps, getOwnerPropsArguments }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledUploaderInfo, { getOwnerProps, getOwnerPropsArguments, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledInfoText, { getOwnerProps, getOwnerPropsArguments, children: label }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledUploaderActions, { getOwnerProps, getOwnerPropsArguments, children: [
+                  actions.defaultAction && defaultAction,
+                  (actions.altAction || showAltAction) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    actions.defaultAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_styled.StyledDividerVerticalActions,
+                      {
+                        getOwnerProps,
+                        getOwnerPropsArguments
+                      }
+                    ),
+                    altAction
+                  ] })
+                ] })
+              ] }),
+              !disabledAll && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledUploaderDragActive, { getOwnerProps, getOwnerPropsArguments, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragActiveIcon, { color: ["neutral", "000"], mr: "xxs" }),
+                dragActiveInstructionalText
+              ] }),
+              !disabledAll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...getInputProps(), "aria-label": "file" })
+            ]
+          }
+        ),
+        typeof acceptedTypesText === "string" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledAcceptedTypes, { getOwnerProps, getOwnerPropsArguments, children: acceptedTypesText.toUpperCase() })
+      ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(UploaderWrapper, { ...containerProps, classProps: { disabled: disabledAll }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Uploader, { ...rootProps, classProps: { isDragActive }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploaderIconArea, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UploadFileIcon, { size: "l" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DividerVertical, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(UploaderInfo, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfoText, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(UploaderActions, { children: [
-          actions.defaultAction && defaultAction,
-          (actions.altAction || showAltAction) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            actions.defaultAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DividerVertical, {}),
-            altAction
-          ] })
-        ] })
-      ] }),
-      !disabledAll && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(UploaderDragActive, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragActiveIcon, {}),
-        dragActiveInstructionalText
-      ] }),
-      !disabledAll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...getInputProps() })
-    ] }),
-    typeof acceptedTypesText === "string" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AcceptedTypes, { children: acceptedTypesText.toUpperCase() })
-  ] });
-};
-DSUploader.actions = {
-  defaultAction: "LOCAL DRIVE",
-  altAction: "DOCUMENTS"
 };
-DSUploader.propTypes = import_propTypes.propTypes;
-DSUploader.displayName = "DSUploader";
+DSUploader.actions = import_constants.defaultActions;
+DSUploader.propTypes = import_react_desc_prop_types.propTypes;
+DSUploader.displayName = import_constants.DSUploaderName;
 const UploaderWithSchema = (0, import_ds_props_helpers.describe)(DSUploader);
-UploaderWithSchema.propTypes = import_propTypes.propTypes;
+UploaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
 var DSUploader_default = DSUploader;
 //# sourceMappingURL=DSUploader.js.map

package/dist/cjs/DSUploader.js.map

@@ -1,7 +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 { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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.js';\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\nconst ActionButton = ({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement => (\n  <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;\nDSUploader.displayName = 'DSUploader';\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema, DSUploader };\nexport default DSUploader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["DSButton", "DSTooltip"]
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { type ComponentType, useCallback, useMemo } from 'react';\nimport { runAll } from '@elliemae/ds-utilities';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["DSTooltip"]
 }

package/dist/cjs/constants.js

@@ -0,0 +1,57 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DSUploaderDataTestIds: () => DSUploaderDataTestIds,
+  DSUploaderName: () => DSUploaderName,
+  DSUploaderSlots: () => DSUploaderSlots,
+  defaultActions: () => defaultActions
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-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 = (0, import_ds_system.slotObjectToDataTestIds)(DSUploaderName, DSUploaderSlots);
+//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;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,4BAAwB,0CAAwB,gBAAgB,eAAe;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -35,4 +36,5 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_DSUploader = __toESM(require("./DSUploader.js"));
+__reExport(src_exports, require("./constants.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

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

@@ -26,15 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var propTypes_exports = {};
-__export(propTypes_exports, {
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultProps: () => defaultProps,
   propTypes: () => propTypes
 });
-module.exports = __toCommonJS(propTypes_exports);
+module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
+var import_constants = require("./constants.js");
 const propTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container."),
   maxFiles: import_ds_props_helpers.PropTypes.number.description("Number of files accepted."),
   minSize: import_ds_props_helpers.PropTypes.number.description("Minimun file size accepted in bytes."),
@@ -46,7 +50,7 @@ const propTypes = {
   multiple: import_ds_props_helpers.PropTypes.bool.description("Set to false to restrict multiple files selection/upload."),
   accept: import_ds_props_helpers.PropTypes.string.description("String containing the accepted MIME type for the DSUploader"),
   label: import_ds_props_helpers.PropTypes.string.description("Uploader label.").defaultValue("Browse"),
-  icon: import_ds_props_helpers.PropTypes.element.description("Uploader left icon.").defaultValue(import_ds_icons.UploadFile),
+  icon: import_ds_props_helpers.PropTypes.func.description("Uploader left icon.").defaultValue(import_ds_icons.UploadFile),
   actions: import_ds_props_helpers.PropTypes.shape({
     defaultAction: import_ds_props_helpers.PropTypes.string,
     altAction: import_ds_props_helpers.PropTypes.string
@@ -55,7 +59,7 @@ const propTypes = {
   showAltAction: import_ds_props_helpers.PropTypes.bool.description("whether to show alternate action button or not.").defaultValue(true),
   altActionLabel: import_ds_props_helpers.PropTypes.string.description("Second action button label.").defaultValue("LOCAL DRIVE"),
   dragActiveInstructionalText: import_ds_props_helpers.PropTypes.string.description("informative text when user drags a file over the uploader zone.").defaultValue("DROP FILES HERE"),
-  dragActiveIcon: import_ds_props_helpers.PropTypes.string.description("Icon when user drags a file over the uploader zone."),
+  dragActiveIcon: import_ds_props_helpers.PropTypes.func.description("Icon when user drags a file over the uploader zone."),
   acceptedTypesText: import_ds_props_helpers.PropTypes.string.description("Information text to show what types are supported.").defaultValue("JPG, JPEG, PNG, PDF"),
   disabledDefault: import_ds_props_helpers.PropTypes.bool.description("Whether the default uploader is disabled or not.").defaultValue(false),
   disabledAlt: import_ds_props_helpers.PropTypes.bool.description("Whether the alternative uploader is disabled or not.").defaultValue(false),
@@ -64,4 +68,24 @@ const propTypes = {
   defaultActionTooltipText: import_ds_props_helpers.PropTypes.string.description("shows tooltip in default action button."),
   altActionTooltipText: import_ds_props_helpers.PropTypes.string.description("Shows tooltip in alternate action button.")
 };
-//# sourceMappingURL=propTypes.js.map
+const defaultProps = {
+  containerProps: {},
+  label: "Browse",
+  icon: import_ds_icons.UploadFile,
+  defaultActionLabel: "LOCAL DRIVE",
+  dragActiveInstructionalText: "DROP FILES HERE",
+  dragActiveIcon: import_ds_icons.UploadFile,
+  altActionLabel: "DOCUMENTS",
+  acceptedTypesText: "JPG, JPEG, PNG, PDF",
+  disabledDefault: false,
+  disabledAlt: false,
+  onDefaultHandlerClick: () => {
+  },
+  onAltHandlerClick: () => {
+  },
+  actions: import_constants.defaultActions,
+  showAltAction: false,
+  defaultActionTooltipText: "",
+  altActionTooltipText: ""
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AACvE,sBAA2B;AAC3B,uBAA+B;AAgCxB,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,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,KAAK,YAAY,qBAAqB,EAAE,aAAa,0BAAU;AAAA,EAC/E,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,KAAK,YAAY,qDAAqD;AAAA,EAChG,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;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": []
+}