@elliemae/ds-dropzone 3.22.0-next.30

package/dist/esm/parts/DSActivezone/config/useActivezone.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import React2 from "react";
+import { omit } from "lodash";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { uid } from "uid";
+import { DSActivezonePropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useActivezone = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSActivezonePropTypes);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const { id } = propsWithDefault;
+  const instanceUid = React2.useMemo(() => id || uid(5), [id]);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useActivezone
+};
+//# sourceMappingURL=useActivezone.js.map

package/dist/esm/parts/DSActivezone/config/useActivezone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSActivezone/config/useActivezone.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSActivezoneT, DSActivezonePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useActivezone = (propsFromUser: DSActivezoneT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSActivezoneT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSActivezonePropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSActivezoneT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const { id } = propsWithDefault;\n  const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,qBAAqB;AAIxD,QAAM,cAAc,KAAK,uBAAoD,gBAAgB,GAAG;AAAA,IAC9F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/parts/DSActivezone/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDropzoneName } from "../../../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSDropzoneName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/DSActivezone/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSActivezone/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSActivezoneT } from '../react-desc-prop-types.js';\nimport { DSDropzoneName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSActivezoneT.InternalProps, propTypes: WeakValidationMap<unknown>): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSDropzoneName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,CAAC,OAAoC,cAAgD;AACnH,iCAA+B,OAAO,WAAW,cAAc;AACjE;",
+  "names": []
+}

package/dist/esm/parts/DSActivezone/index.js

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

package/dist/esm/parts/DSActivezone/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSActivezone/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSActivezone, DSActivezoneWithSchema } from './DSActivezone.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import { UploadFile } from "@elliemae/ds-icons";
+const defaultProps = {
+  Icon: UploadFile,
+  label: "DROP FILES HERE"
+};
+const DSActivezonePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  Icon: PropTypes.func.description("Custom Icon").defaultValue("UploadFile"),
+  label: PropTypes.string.description("Active zone label").defaultValue(defaultProps.label)
+};
+const DSActivezonePropTypesSchema = DSActivezonePropTypes;
+export {
+  DSActivezonePropTypes,
+  DSActivezonePropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSActivezone/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSActivezoneT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    Icon: React.ComponentType<SvgIconT.Props>;\n    label: string;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSActivezoneT.DefaultProps = {\n  Icon: UploadFile,\n  label: 'DROP FILES HERE',\n};\n\nexport const DSActivezonePropTypes: DSPropTypesSchema<DSActivezoneT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  Icon: PropTypes.func.description('Custom Icon').defaultValue('UploadFile'),\n  label: PropTypes.string.description('Active zone label').defaultValue(defaultProps.label),\n};\n\nexport const DSActivezonePropTypesSchema = DSActivezonePropTypes as unknown as WeakValidationMap<DSActivezoneT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEvE,SAAS,kBAAkB;AA4BpB,MAAM,eAA2C;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,aAAa,EAAE,aAAa,YAAY;AAAA,EACzE,OAAO,UAAU,OAAO,YAAY,mBAAmB,EAAE,aAAa,aAAa,KAAK;AAC1F;AAEO,MAAM,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,95 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  dropConfig: {}
+};
+const DSDropzonePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  children: PropTypes.any,
+  hasError: PropTypes.bool.description("Show error border color"),
+  dropConfig: PropTypes.shape({
+    accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)).description(`
+    Set accepted file types.
+    Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
+    Keep in mind that mime type determination is not reliable across platforms. CSV files,
+    for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
+    Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).
+  `),
+    multiple: PropTypes.bool.description("Allow drag 'n' drop (or selection from the file dialog) of multiple files"),
+    preventDropOnDocument: PropTypes.bool.description(
+      "If false, allow dropped items to take over the current browser window"
+    ),
+    noClick: PropTypes.bool.description("If true, disables click to open the native file selection dialog"),
+    noKeyboard: PropTypes.bool.description(`
+  If true, disables SPACE/ENTER to open the native file selection dialog.
+  Note that it also stops tracking the focus state.`),
+    noDrag: PropTypes.bool.description("If true, disables drag&drop"),
+    noDragEventsBubbling: PropTypes.bool.description("If true, stops drag event propagation to parents"),
+    minSize: PropTypes.number.description("Minimum file size (in bytes)"),
+    maxSize: PropTypes.number.description("Maximum file size (in bytes)"),
+    maxFiles: PropTypes.number.description(`
+  Maximum accepted number of files
+  The default value is 0 which means there is no limitation to how many files are accepted.
+  `),
+    disabled: PropTypes.bool.description("Enable/disable the dropzone"),
+    getFilesFromEvent: PropTypes.func.description(`
+  Use this to provide a custom file aggregator
+  @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
+  `),
+    onFileDialogCancel: PropTypes.func.description("Cb for when closing the file dialog with no selection"),
+    onFileDialogOpen: PropTypes.func.description("Cb for when opening the file dialog"),
+    useFsAccessApi: PropTypes.bool.description(`
+  Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API
+  to open the file picker instead of using an <input type="file"> click event.
+  `),
+    onDragEnter: PropTypes.func.description(`
+  Cb for when the dragenter event occurs.
+  @param {DragEvent} event`),
+    onDragLeave: PropTypes.func.description(`
+  Cb for when the dragleave event occurs
+  @param {DragEvent} event
+  `),
+    onDragOver: PropTypes.func.description(`
+  Cb for when the dragover event occurs
+  @param {DragEvent} event
+  `),
+    onDrop: PropTypes.func.description(`
+   Cb for when the drop event occurs.
+   onDrop will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
+   For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:  
+   @param {File[]} acceptedFiles
+   @param {FileRejection[]} fileRejections
+   @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
+  `),
+    onDropAccepted: PropTypes.func.description(`
+  Cb for when the drop event occurs.
+  Note that if no files are accepted, this callback is not invoked.
+  @param {File[]} files
+  @param {(DragEvent|Event)} event
+  `),
+    onDropRejected: PropTypes.func.description(`
+  Cb for when the drop event occurs.
+  Note that if no files are rejected, this callback is not invoked.  
+  @param {FileRejection[]} fileRejections
+  @param {(DragEvent|Event)} event
+  `),
+    onError: PropTypes.func.description(`
+  Cb for when there's some error from any of the promises.
+  @param {Error} error
+  `),
+    validator: PropTypes.func.description(`
+    Custom validation function. It must return null if there's no errors.
+    @param {File} file
+    @returns {FileError|FileError[]|null}
+    `)
+  }).description(`react-dropzone options, see https://react-dropzone.js.org/ for more information V14.2.3`).defaultValue({})
+  // onSomethingEvent: PropTypes.func
+  //   .description('some example of function, required if something is not foo')
+  //   .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),
+};
+export {
+  DSDropzonePropTypes,
+  defaultProps
+};
+//# 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.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DropzoneOptions } from 'react-dropzone';\n\nexport declare namespace DSDropzoneT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    dropConfig?: DropzoneOptions;\n    hasError?: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSDropzoneT.DefaultProps = {\n  dropConfig: {},\n};\n\nexport const DSDropzonePropTypes: DSPropTypesSchema<DSDropzoneT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.any,\n  hasError: PropTypes.bool.description('Show error border color'),\n  dropConfig: PropTypes.shape({\n    accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)).description(`\n    Set accepted file types.\n    Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.\n    Keep in mind that mime type determination is not reliable across platforms. CSV files,\n    for example, are reported as text/plain under macOS but as application/vnd.ms-excel under\n    Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).\n  `),\n    multiple: PropTypes.bool.description(\"Allow drag 'n' drop (or selection from the file dialog) of multiple files\"),\n\n    preventDropOnDocument: PropTypes.bool.description(\n      'If false, allow dropped items to take over the current browser window',\n    ),\n    noClick: PropTypes.bool.description('If true, disables click to open the native file selection dialog'),\n    noKeyboard: PropTypes.bool.description(`\n  If true, disables SPACE/ENTER to open the native file selection dialog.\n  Note that it also stops tracking the focus state.`),\n    noDrag: PropTypes.bool.description('If true, disables drag&drop'),\n    noDragEventsBubbling: PropTypes.bool.description('If true, stops drag event propagation to parents'),\n    minSize: PropTypes.number.description('Minimum file size (in bytes)'),\n    maxSize: PropTypes.number.description('Maximum file size (in bytes)'),\n    maxFiles: PropTypes.number.description(`\n  Maximum accepted number of files\n  The default value is 0 which means there is no limitation to how many files are accepted.\n  `),\n    disabled: PropTypes.bool.description('Enable/disable the dropzone'),\n    getFilesFromEvent: PropTypes.func.description(`\n  Use this to provide a custom file aggregator\n  @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)\n  `),\n    onFileDialogCancel: PropTypes.func.description('Cb for when closing the file dialog with no selection'),\n    onFileDialogOpen: PropTypes.func.description('Cb for when opening the file dialog'),\n    useFsAccessApi: PropTypes.bool.description(`\n  Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API\n  to open the file picker instead of using an <input type=\"file\"> click event.\n  `),\n    onDragEnter: PropTypes.func.description(`\n  Cb for when the dragenter event occurs.\n  @param {DragEvent} event`),\n    onDragLeave: PropTypes.func.description(`\n  Cb for when the dragleave event occurs\n  @param {DragEvent} event\n  `),\n    onDragOver: PropTypes.func.description(`\n  Cb for when the dragover event occurs\n  @param {DragEvent} event\n  `),\n    onDrop: PropTypes.func.description(`\n   Cb for when the drop event occurs.\n   onDrop will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.\n   For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:  \n   @param {File[]} acceptedFiles\n   @param {FileRejection[]} fileRejections\n   @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)\n  `),\n    onDropAccepted: PropTypes.func.description(`\n  Cb for when the drop event occurs.\n  Note that if no files are accepted, this callback is not invoked.\n  @param {File[]} files\n  @param {(DragEvent|Event)} event\n  `),\n    onDropRejected: PropTypes.func.description(`\n  Cb for when the drop event occurs.\n  Note that if no files are rejected, this callback is not invoked.  \n  @param {FileRejection[]} fileRejections\n  @param {(DragEvent|Event)} event\n  `),\n    onError: PropTypes.func.description(`\n  Cb for when there's some error from any of the promises.\n  @param {Error} error\n  `),\n    validator: PropTypes.func.description(`\n    Custom validation function. It must return null if there's no errors.\n    @param {File} file\n    @returns {FileError|FileError[]|null}\n    `),\n  })\n    .description(`react-dropzone options, see https://react-dropzone.js.org/ for more information V14.2.3`)\n    .defaultValue({}),\n  // onSomethingEvent: PropTypes.func\n  //   .description('some example of function, required if something is not foo')\n  //   .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AA8BhE,MAAM,eAAyC;AAAA,EACpD,YAAY,CAAC;AACf;AAEO,MAAM,sBAA4D;AAAA,EACvE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAC9D,YAAY,UAAU,MAAM;AAAA,IAC1B,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAM7E;AAAA,IACC,UAAU,UAAU,KAAK,YAAY,2EAA2E;AAAA,IAEhH,uBAAuB,UAAU,KAAK;AAAA,MACpC;AAAA,IACF;AAAA,IACA,SAAS,UAAU,KAAK,YAAY,kEAAkE;AAAA,IACtG,YAAY,UAAU,KAAK,YAAY;AAAA;AAAA,oDAES;AAAA,IAChD,QAAQ,UAAU,KAAK,YAAY,6BAA6B;AAAA,IAChE,sBAAsB,UAAU,KAAK,YAAY,kDAAkD;AAAA,IACnG,SAAS,UAAU,OAAO,YAAY,8BAA8B;AAAA,IACpE,SAAS,UAAU,OAAO,YAAY,8BAA8B;AAAA,IACpE,UAAU,UAAU,OAAO,YAAY;AAAA;AAAA;AAAA,GAGxC;AAAA,IACC,UAAU,UAAU,KAAK,YAAY,6BAA6B;AAAA,IAClE,mBAAmB,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAG/C;AAAA,IACC,oBAAoB,UAAU,KAAK,YAAY,uDAAuD;AAAA,IACtG,kBAAkB,UAAU,KAAK,YAAY,qCAAqC;AAAA,IAClF,gBAAgB,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAG5C;AAAA,IACC,aAAa,UAAU,KAAK,YAAY;AAAA;AAAA,2BAEjB;AAAA,IACvB,aAAa,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGzC;AAAA,IACC,YAAY,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGxC;AAAA,IACC,QAAQ,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpC;AAAA,IACC,gBAAgB,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA,IACC,gBAAgB,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA,IACC,SAAS,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGrC;AAAA,IACC,WAAW,UAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA,KAIrC;AAAA,EACH,CAAC,EACE,YAAY,yFAAyF,EACrG,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAIpB;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { DROPZONE_SLOTS, DROP_ZONE_CONSTANTS, DSDropzoneName } from "./constants/index.js";
+const borderImage = (color) => `url("data:image/svg+xml,%3csvg aria-hidden='true' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='${DROP_ZONE_CONSTANTS.BORDER_RADIUS}' ry='${DROP_ZONE_CONSTANTS.BORDER_RADIUS}' stroke='${encodeURIComponent(color)}' stroke-width='${DROP_ZONE_CONSTANTS.BORDER_WIDTH}' stroke-dasharray='4 6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e")`;
+const StyledDropZone = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.WRAPPER })`
+  position: relative;
+  border-radius: ${DROP_ZONE_CONSTANTS.BORDER_RADIUS}px;
+
+  background-color: ${(props) => props.theme.colors.neutral["000"]};
+  background-image: ${(props) => {
+  if (props.disabled) {
+    return borderImage(props.theme.colors.neutral[400]);
+  }
+  if (props.isDragActive) {
+    return borderImage(props.theme.colors.brand[600]);
+  }
+  if (props.isDragReject || props.hasError) {
+    return borderImage(props.theme.colors.danger[900]);
+  }
+  if (props.isFocused) {
+    return borderImage(props.theme.colors.brand[600]);
+  }
+  return borderImage(props.theme.colors.neutral[400]);
+}};
+  padding: ${(props) => props.theme.space.xs} 1.8461538461538463rem;
+  &:hover {
+    background-image: ${(props) => {
+  if (props.disabled) {
+    return borderImage(props.theme.colors.neutral[400]);
+  }
+  if (props.isDragActive) {
+    return borderImage(props.theme.colors.brand[600]);
+  }
+  if (props.isDragReject) {
+    return borderImage(props.theme.colors.danger[900]);
+  }
+  if (props.isFocused) {
+    return borderImage(props.theme.colors.brand[600]);
+  }
+  return borderImage(props.theme.colors.brand[600]);
+}};
+  }
+`;
+export {
+  StyledDropZone
+};
+//# 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 } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DROPZONE_SLOTS, DROP_ZONE_CONSTANTS, DSDropzoneName } from './constants/index.js';\nimport type { DropzoneState } from 'react-dropzone';\n\n// const borderImageCreator = (color: any, stroke: number) =>\n//   encodeURIComponent(\n//     `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" fill=\"none\" rx=\"8\" ry=\"8\" stroke=\"${color}\" stroke-width=\"${stroke}\" stroke-dasharray=\"6, 14\" stroke-dashoffset=\"0\" stroke-linecap=\"square\"/></svg>`,\n//   );\n\n// const handleBorder = (props: StyledProps<DSDropzoneT.InternalProps>): string => {\n//   const { isDragAccept, isDragReject, isFocused } = props;\n//   console.log(props);\n//   if (isDragAccept) return borderImageCreator(props.theme.colors.brand[600], 2);\n//   if (isDragReject) return borderImageCreator(props.theme.colors.danger[900], 2);\n//   return borderImageCreator(props.theme.colors.neutral[400], 2);\n// };\n\nconst borderImage = (color: string) =>\n  `url(\"data:image/svg+xml,%3csvg aria-hidden='true' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='${\n    DROP_ZONE_CONSTANTS.BORDER_RADIUS\n  }' ry='${DROP_ZONE_CONSTANTS.BORDER_RADIUS}' stroke='${encodeURIComponent(color)}' stroke-width='${\n    DROP_ZONE_CONSTANTS.BORDER_WIDTH\n  }' stroke-dasharray='4 6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e\")`;\n\nexport const StyledDropZone = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.WRAPPER })<\n  DropzoneState & {\n    disabled: boolean;\n    hasError: boolean;\n  }\n>`\n  position: relative;\n  border-radius: ${DROP_ZONE_CONSTANTS.BORDER_RADIUS}px;\n\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  background-image: ${(props) => {\n    if (props.disabled) {\n      return borderImage(props.theme.colors.neutral[400]);\n    }\n    if (props.isDragActive) {\n      return borderImage(props.theme.colors.brand[600]);\n    }\n    if (props.isDragReject || props.hasError) {\n      return borderImage(props.theme.colors.danger[900]);\n    }\n    if (props.isFocused) {\n      return borderImage(props.theme.colors.brand[600]);\n    }\n    return borderImage(props.theme.colors.neutral[400]);\n  }};\n  padding: ${(props) => props.theme.space.xs} 1.8461538461538463rem;\n  &:hover {\n    background-image: ${(props) => {\n      if (props.disabled) {\n        return borderImage(props.theme.colors.neutral[400]);\n      }\n      if (props.isDragActive) {\n        return borderImage(props.theme.colors.brand[600]);\n      }\n      if (props.isDragReject) {\n        return borderImage(props.theme.colors.danger[900]);\n      }\n      if (props.isFocused) {\n        return borderImage(props.theme.colors.brand[600]);\n      }\n      return borderImage(props.theme.colors.brand[600]);\n    }};\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,gBAAgB,qBAAqB,sBAAsB;AAgBpE,MAAM,cAAc,CAAC,UACnB,gLACE,oBAAoB,sBACb,oBAAoB,0BAA0B,mBAAmB,KAAK,oBAC7E,oBAAoB;AAGjB,MAAM,iBAAiB,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,eAAe,QAAQ,CAAC;AAAA;AAAA,mBAO9E,oBAAoB;AAAA;AAAA,sBAEjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,sBAC3C,CAAC,UAAU;AAC7B,MAAI,MAAM,UAAU;AAClB,WAAO,YAAY,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,EACpD;AACA,MAAI,MAAM,cAAc;AACtB,WAAO,YAAY,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,EAClD;AACA,MAAI,MAAM,gBAAgB,MAAM,UAAU;AACxC,WAAO,YAAY,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA,EACnD;AACA,MAAI,MAAM,WAAW;AACnB,WAAO,YAAY,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,EAClD;AACA,SAAO,YAAY,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AACpD;AAAA,aACW,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,wBAElB,CAAC,UAAU;AAC7B,MAAI,MAAM,UAAU;AAClB,WAAO,YAAY,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,EACpD;AACA,MAAI,MAAM,cAAc;AACtB,WAAO,YAAY,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,EAClD;AACA,MAAI,MAAM,cAAc;AACtB,WAAO,YAAY,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA,EACnD;AACA,MAAI,MAAM,WAAW;AACnB,WAAO,YAAY,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,EAClD;AACA,SAAO,YAAY,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAClD;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/DSDropzone.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDropzoneT } from './react-desc-prop-types.js';
+declare const DSDropzone: React.ComponentType<DSDropzoneT.Props>;
+declare const DSDropzoneWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDropzoneT.Props>;
+export { DSDropzone, DSDropzoneWithSchema };

package/dist/types/config/useDSDropzone.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="lodash" />
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';
+import { type DSDropzoneT } from '../react-desc-prop-types.js';
+export interface DropzoneCTX {
+    propsWithDefault: DSDropzoneT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useDSDropzone: (propsFromUser: DSDropzoneT.Props) => {
+    propsWithDefault: DSDropzoneT.InternalProps;
+    globalProps: import("lodash").Omit<import("@elliemae/ds-utilities").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
+    xstyledProps: import("@elliemae/ds-utilities").XstyledProps;
+    instanceUid: string;
+    dropZoneState: import("react-dropzone").DropzoneState;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSDropzoneT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSDropzoneT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,12 @@
+export declare const DSDropzoneName = "DSDropzone";
+export declare const DROP_ZONE_CONSTANTS: {
+    readonly BORDER_WIDTH: 1;
+    readonly BORDER_RADIUS: 2;
+};
+export declare const DROPZONE_SLOTS: {
+    readonly ACTIVEZONE_LABEL: "activezone-label";
+    readonly ACTIVEZONE_ICON: "activezone-icon";
+    readonly ACTIVEZONE_WRAPPER: "activezone-wrapper";
+    readonly WRAPPER: "wrapper";
+};
+export declare const DROPZONE_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { DSDropzone, DSDropzoneWithSchema } from './DSDropzone.js';
+export { type DSDropzoneT } from './react-desc-prop-types.js';
+export { DROPZONE_DATA_TESTID } from './constants/index.js';
+export { DSActivezone, DSActivezoneWithSchema } from './parts/DSActivezone/index.js';

package/dist/types/parts/DSActivezone/DSActivezone.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSActivezoneT } from './react-desc-prop-types.js';
+declare const DSActivezone: React.ComponentType<DSActivezoneT.Props>;
+declare const DSActivezoneWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSActivezoneT.Props>;
+export { DSActivezone, DSActivezoneWithSchema };

package/dist/types/parts/DSActivezone/config/useActivezone.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="lodash" />
+import { type DSActivezoneT } from '../react-desc-prop-types.js';
+export declare const useActivezone: (propsFromUser: DSActivezoneT.Props) => {
+    propsWithDefault: DSActivezoneT.InternalProps;
+    globalProps: import("lodash").Omit<import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    instanceUid: string;
+};

package/dist/types/parts/DSActivezone/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSActivezoneT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSActivezoneT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/parts/DSActivezone/index.d.ts

@@ -0,0 +1 @@
+export { DSActivezone, DSActivezoneWithSchema } from './DSActivezone.js';

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

@@ -0,0 +1,20 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import type { SvgIconT } from '@elliemae/ds-icons';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSActivezoneT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        Icon: React.ComponentType<SvgIconT.Props>;
+        label: string;
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSActivezoneT.DefaultProps;
+export declare const DSActivezonePropTypes: DSPropTypesSchema<DSActivezoneT.Props>;
+export declare const DSActivezonePropTypesSchema: WeakValidationMap<DSActivezoneT.Props>;

package/dist/types/parts/DSActivezone/tests/DSActivezone.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import type { DropzoneOptions } from 'react-dropzone';
+export declare namespace DSDropzoneT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+        dropConfig?: DropzoneOptions;
+        hasError?: boolean;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    type ExampleState = '0' | '1';
+}
+export declare const defaultProps: DSDropzoneT.DefaultProps;
+export declare const DSDropzonePropTypes: DSPropTypesSchema<DSDropzoneT.Props>;

package/dist/types/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledDropZone: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, import("react-dropzone").DropzoneRef & {
+    isFocused: boolean;
+    isDragActive: boolean;
+    isDragAccept: boolean;
+    isDragReject: boolean;
+    isFileDialogActive: boolean;
+    acceptedFiles: File[];
+    fileRejections: import("react-dropzone").FileRejection[];
+    rootRef: import("react").RefObject<HTMLElement>;
+    inputRef: import("react").RefObject<HTMLInputElement>;
+    getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T | undefined) => T;
+    getInputProps: <T_1 extends import("react-dropzone").DropzoneInputProps>(props?: T_1 | undefined) => T_1;
+} & {
+    disabled: boolean;
+    hasError: boolean;
+} & import("@elliemae/ds-system").OwnerInterface, never>;

package/dist/types/tests/DSDropzone.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@elliemae/ds-dropzone",
+  "version": "3.22.0-next.30",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Dropzone",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "react-dropzone": "~14.2.3",
+    "uid": "^2.0.2",
+    "@elliemae/ds-button": "3.22.0-next.30",
+    "@elliemae/ds-grid": "3.22.0-next.30",
+    "@elliemae/ds-icons": "3.22.0-next.30",
+    "@elliemae/ds-props-helpers": "3.22.0-next.30",
+    "@elliemae/ds-system": "3.22.0-next.30",
+    "@elliemae/ds-typography": "3.22.0-next.30",
+    "@elliemae/ds-hooks-fontsize-media": "3.22.0-next.30",
+    "@elliemae/ds-utilities": "3.22.0-next.30"
+  },
+  "devDependencies": {
+    "@xstyled/system": "3.7.0",
+    "lodash": "^4.17.21",
+    "styled-components": "~5.3.9"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}