@elliemae/ds-dropzone 3.22.0-next.30

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

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

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

@@ -0,0 +1,50 @@
+"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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSActivezonePropTypes: () => DSActivezonePropTypes,
+  DSActivezonePropTypesSchema: () => DSActivezonePropTypesSchema,
+  defaultProps: () => defaultProps
+});
+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");
+const defaultProps = {
+  Icon: import_ds_icons.UploadFile,
+  label: "DROP FILES HERE"
+};
+const DSActivezonePropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  Icon: import_ds_props_helpers.PropTypes.func.description("Custom Icon").defaultValue("UploadFile"),
+  label: import_ds_props_helpers.PropTypes.string.description("Active zone label").defaultValue(defaultProps.label)
+};
+const DSActivezonePropTypesSchema = DSActivezonePropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSActivezone/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAEvE,sBAA2B;AA4BpB,MAAM,eAA2C;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,YAAY,aAAa,EAAE,aAAa,YAAY;AAAA,EACzE,OAAO,kCAAU,OAAO,YAAY,mBAAmB,EAAE,aAAa,aAAa,KAAK;AAC1F;AAEO,MAAM,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,125 @@
+"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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDropzonePropTypes: () => DSDropzonePropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  dropConfig: {}
+};
+const DSDropzonePropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  children: import_ds_props_helpers.PropTypes.any,
+  hasError: import_ds_props_helpers.PropTypes.bool.description("Show error border color"),
+  dropConfig: import_ds_props_helpers.PropTypes.shape({
+    accept: import_ds_props_helpers.PropTypes.objectOf(import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.bool.description("Allow drag 'n' drop (or selection from the file dialog) of multiple files"),
+    preventDropOnDocument: import_ds_props_helpers.PropTypes.bool.description(
+      "If false, allow dropped items to take over the current browser window"
+    ),
+    noClick: import_ds_props_helpers.PropTypes.bool.description("If true, disables click to open the native file selection dialog"),
+    noKeyboard: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.bool.description("If true, disables drag&drop"),
+    noDragEventsBubbling: import_ds_props_helpers.PropTypes.bool.description("If true, stops drag event propagation to parents"),
+    minSize: import_ds_props_helpers.PropTypes.number.description("Minimum file size (in bytes)"),
+    maxSize: import_ds_props_helpers.PropTypes.number.description("Maximum file size (in bytes)"),
+    maxFiles: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.bool.description("Enable/disable the dropzone"),
+    getFilesFromEvent: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.func.description("Cb for when closing the file dialog with no selection"),
+    onFileDialogOpen: import_ds_props_helpers.PropTypes.func.description("Cb for when opening the file dialog"),
+    useFsAccessApi: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.func.description(`
+  Cb for when the dragenter event occurs.
+  @param {DragEvent} event`),
+    onDragLeave: import_ds_props_helpers.PropTypes.func.description(`
+  Cb for when the dragleave event occurs
+  @param {DragEvent} event
+  `),
+    onDragOver: import_ds_props_helpers.PropTypes.func.description(`
+  Cb for when the dragover event occurs
+  @param {DragEvent} event
+  `),
+    onDrop: import_ds_props_helpers.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: import_ds_props_helpers.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: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.func.description(`
+  Cb for when there's some error from any of the promises.
+  @param {Error} error
+  `),
+    validator: import_ds_props_helpers.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 )'),
+};
+//# 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.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AA8BhE,MAAM,eAAyC;AAAA,EACpD,YAAY,CAAC;AACf;AAEO,MAAM,sBAA4D;AAAA,EACvE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU;AAAA,EACpB,UAAU,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAC9D,YAAY,kCAAU,MAAM;AAAA,IAC1B,QAAQ,kCAAU,SAAS,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAM7E;AAAA,IACC,UAAU,kCAAU,KAAK,YAAY,2EAA2E;AAAA,IAEhH,uBAAuB,kCAAU,KAAK;AAAA,MACpC;AAAA,IACF;AAAA,IACA,SAAS,kCAAU,KAAK,YAAY,kEAAkE;AAAA,IACtG,YAAY,kCAAU,KAAK,YAAY;AAAA;AAAA,oDAES;AAAA,IAChD,QAAQ,kCAAU,KAAK,YAAY,6BAA6B;AAAA,IAChE,sBAAsB,kCAAU,KAAK,YAAY,kDAAkD;AAAA,IACnG,SAAS,kCAAU,OAAO,YAAY,8BAA8B;AAAA,IACpE,SAAS,kCAAU,OAAO,YAAY,8BAA8B;AAAA,IACpE,UAAU,kCAAU,OAAO,YAAY;AAAA;AAAA;AAAA,GAGxC;AAAA,IACC,UAAU,kCAAU,KAAK,YAAY,6BAA6B;AAAA,IAClE,mBAAmB,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAG/C;AAAA,IACC,oBAAoB,kCAAU,KAAK,YAAY,uDAAuD;AAAA,IACtG,kBAAkB,kCAAU,KAAK,YAAY,qCAAqC;AAAA,IAClF,gBAAgB,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAG5C;AAAA,IACC,aAAa,kCAAU,KAAK,YAAY;AAAA;AAAA,2BAEjB;AAAA,IACvB,aAAa,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGzC;AAAA,IACC,YAAY,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGxC;AAAA,IACC,QAAQ,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpC;AAAA,IACC,gBAAgB,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA,IACC,gBAAgB,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA,IACC,SAAS,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA,GAGrC;AAAA,IACC,WAAW,kCAAU,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA,KAIrC;AAAA,EACH,CAAC,EACE,YAAY,yFAAyF,EACrG,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAIpB;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,78 @@
+"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, {
+  StyledDropZone: () => StyledDropZone
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("./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='${import_constants.DROP_ZONE_CONSTANTS.BORDER_RADIUS}' ry='${import_constants.DROP_ZONE_CONSTANTS.BORDER_RADIUS}' stroke='${encodeURIComponent(color)}' stroke-width='${import_constants.DROP_ZONE_CONSTANTS.BORDER_WIDTH}' stroke-dasharray='4 6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e")`;
+const StyledDropZone = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.DSDropzoneName, slot: import_constants.DROPZONE_SLOTS.WRAPPER })`
+  position: relative;
+  border-radius: ${import_constants.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]);
+}};
+  }
+`;
+//# 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 } 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAoE;AAgBpE,MAAM,cAAc,CAAC,UACnB,gLACE,qCAAoB,sBACb,qCAAoB,0BAA0B,mBAAmB,KAAK,oBAC7E,qCAAoB;AAGjB,MAAM,qBAAiB,yBAAO,qBAAM,EAAE,MAAM,iCAAgB,MAAM,gCAAe,QAAQ,CAAC;AAAA;AAAA,mBAO9E,qCAAoB;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/esm/DSDropzone.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSDropzonePropTypes } from "./react-desc-prop-types.js";
+import { useDSDropzone } from "./config/useDSDropzone.js";
+import { DSDropzoneName } from "./constants/index.js";
+import { StyledDropZone } from "./styled.js";
+import { DSActivezone } from "./parts/DSActivezone/DSActivezone.js";
+const DSDropzone = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps, dropZoneState } = useDSDropzone(props);
+  return /* @__PURE__ */ jsxs(
+    StyledDropZone,
+    {
+      ...globalProps,
+      ...xstyledProps,
+      ...dropZoneState.getRootProps({
+        isFocused: dropZoneState.isFocused,
+        isDragAccept: dropZoneState.isDragAccept,
+        isDragReject: dropZoneState.isDragReject
+      }),
+      isFocused: dropZoneState.isFocused,
+      isDragAccept: dropZoneState.isDragAccept,
+      isDragReject: dropZoneState.isDragReject,
+      isDragActive: dropZoneState.isDragActive,
+      hasError: propsWithDefault.hasError,
+      disabled: propsWithDefault.dropConfig.disabled,
+      children: [
+        /* @__PURE__ */ jsx("input", { ...dropZoneState.getInputProps() }),
+        propsWithDefault.children,
+        dropZoneState.isDragActive ? /* @__PURE__ */ jsx(DSActivezone, {}) : null
+      ]
+    }
+  );
+};
+DSDropzone.propTypes = DSDropzonePropTypes;
+DSDropzone.displayName = DSDropzoneName;
+const DSDropzoneWithSchema = describe(DSDropzone);
+DSDropzoneWithSchema.propTypes = DSDropzonePropTypes;
+export {
+  DSDropzone,
+  DSDropzoneWithSchema
+};
+//# sourceMappingURL=DSDropzone.js.map

package/dist/esm/DSDropzone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDropzone.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSDropzoneT, DSDropzonePropTypes } from './react-desc-prop-types.js';\nimport { useDSDropzone } from './config/useDSDropzone.js';\nimport { DSDropzoneName } from './constants/index.js';\nimport { StyledDropZone } from './styled.js';\nimport { DSActivezone } from './parts/DSActivezone/DSActivezone.js';\n\nconst DSDropzone: React.ComponentType<DSDropzoneT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps, dropZoneState } = useDSDropzone(props);\n  return (\n    <StyledDropZone\n      {...globalProps}\n      {...xstyledProps}\n      {...dropZoneState.getRootProps({\n        isFocused: dropZoneState.isFocused,\n        isDragAccept: dropZoneState.isDragAccept,\n        isDragReject: dropZoneState.isDragReject,\n      })}\n      isFocused={dropZoneState.isFocused}\n      isDragAccept={dropZoneState.isDragAccept}\n      isDragReject={dropZoneState.isDragReject}\n      isDragActive={dropZoneState.isDragActive}\n      hasError={propsWithDefault.hasError}\n      disabled={propsWithDefault.dropConfig.disabled}\n    >\n      <input {...dropZoneState.getInputProps()} />\n      {propsWithDefault.children}\n      {dropZoneState.isDragActive ? <DSActivezone /> : null}\n    </StyledDropZone>\n  );\n};\n\nDSDropzone.propTypes = DSDropzonePropTypes;\nDSDropzone.displayName = DSDropzoneName;\nconst DSDropzoneWithSchema = describe(DSDropzone);\nDSDropzoneWithSchema.propTypes = DSDropzonePropTypes;\n\nexport { DSDropzone, DSDropzoneWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWnB,SAeE,KAfF;AAVJ,SAAS,gBAAgB;AACzB,SAA2B,2BAA2B;AACtD,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,MAAM,aAAqD,CAAC,UAAU;AACpE,QAAM,EAAE,kBAAkB,aAAa,cAAc,cAAc,IAAI,cAAc,KAAK;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,cAAc,aAAa;AAAA,QAC7B,WAAW,cAAc;AAAA,QACzB,cAAc,cAAc;AAAA,QAC5B,cAAc,cAAc;AAAA,MAC9B,CAAC;AAAA,MACD,WAAW,cAAc;AAAA,MACzB,cAAc,cAAc;AAAA,MAC5B,cAAc,cAAc;AAAA,MAC5B,cAAc,cAAc;AAAA,MAC5B,UAAU,iBAAiB;AAAA,MAC3B,UAAU,iBAAiB,WAAW;AAAA,MAEtC;AAAA,4BAAC,WAAO,GAAG,cAAc,cAAc,GAAG;AAAA,QACzC,iBAAiB;AAAA,QACjB,cAAc,eAAe,oBAAC,gBAAa,IAAK;AAAA;AAAA;AAAA,EACnD;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useDSDropzone.js

@@ -0,0 +1,55 @@
+import * as React from "react";
+import React2 from "react";
+import { omit } from "lodash";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { uid } from "uid";
+import { DSDropzonePropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useDropzone } from "react-dropzone";
+import { useValidateProps } from "./useValidateProps.js";
+const useDSDropzone = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSDropzonePropTypes);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const { id, dropConfig } = propsWithDefault;
+  const instanceUid = React2.useMemo(() => id || uid(5), [id]);
+  const [isDragInside, setIsDragInside] = React2.useState(false);
+  const dropConfigDefault = React2.useMemo(
+    () => ({
+      ...dropConfig,
+      noKeyboard: true,
+      onDragEnter: (event) => {
+        dropConfig?.onDragEnter?.(event);
+        setIsDragInside(true);
+      }
+    }),
+    [dropConfig]
+  );
+  const dropZoneState = useDropzone(dropConfigDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid,
+      dropZoneState
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid,
+      dropZoneState
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useDSDropzone
+};
+//# sourceMappingURL=useDSDropzone.js.map

package/dist/esm/config/useDSDropzone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDSDropzone.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-utilities';\nimport { uid } from 'uid';\nimport { type DSDropzoneT, DSDropzonePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useDropzone } from 'react-dropzone';\n\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DropzoneCTX {\n  propsWithDefault: DSDropzoneT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useDSDropzone = (propsFromUser: DSDropzoneT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDropzoneT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSDropzonePropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSDropzoneT.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, dropConfig } = propsWithDefault;\n  const instanceUid = React.useMemo(() => id || uid(5), [id]);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  const [isDragInside, setIsDragInside] = React.useState(false);\n\n  const dropConfigDefault = React.useMemo(\n    () => ({\n      ...dropConfig,\n      noKeyboard: true,\n      onDragEnter: (event) => {\n        dropConfig?.onDragEnter?.(event);\n        setIsDragInside(true);\n      },\n    }),\n    [dropConfig],\n  );\n  const dropZoneState = useDropzone(dropConfigDefault);\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      dropZoneState,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      dropZoneState,\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,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AAS1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,mBAAmB,6BAAwD,eAAe,YAAY;AAC5G,mBAAiB,kBAAkB,mBAAmB;AAItD,QAAM,cAAc,KAAK,uBAAkD,gBAAgB,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,IAAI,WAAW,IAAI;AAC3B,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAI1D,QAAM,CAAC,cAAc,eAAe,IAAIA,OAAM,SAAS,KAAK;AAE5D,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,OAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,aAAa,CAAC,UAAU;AACtB,oBAAY,cAAc,KAAK;AAC/B,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,QAAM,gBAAgB,YAAY,iBAAiB;AACnD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

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

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

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

package/dist/esm/constants/index.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSDropzoneName = "DSDropzone";
+const DROP_ZONE_CONSTANTS = {
+  BORDER_WIDTH: 1,
+  BORDER_RADIUS: 2
+};
+const DROPZONE_SLOTS = {
+  ACTIVEZONE_LABEL: "activezone-label",
+  ACTIVEZONE_ICON: "activezone-icon",
+  ACTIVEZONE_WRAPPER: "activezone-wrapper",
+  WRAPPER: "wrapper"
+};
+const DROPZONE_DATA_TESTID = slotObjectToDataTestIds(DSDropzoneName, DROPZONE_SLOTS);
+export {
+  DROPZONE_DATA_TESTID,
+  DROPZONE_SLOTS,
+  DROP_ZONE_CONSTANTS,
+  DSDropzoneName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDropzoneName = 'DSDropzone';\n\nexport const DROP_ZONE_CONSTANTS = {\n  BORDER_WIDTH: 1,\n  BORDER_RADIUS: 2,\n} as const;\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DROPZONE_SLOTS = {\n  ACTIVEZONE_LABEL: 'activezone-label',\n  ACTIVEZONE_ICON: 'activezone-icon',\n  ACTIVEZONE_WRAPPER: 'activezone-wrapper',\n  WRAPPER: 'wrapper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DROPZONE_DATA_TESTID = slotObjectToDataTestIds(DSDropzoneName, DROPZONE_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,sBAAsB;AAAA,EACjC,cAAc;AAAA,EACd,eAAe;AACjB;AAGO,MAAM,iBAAiB;AAAA,EAC5B,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,SAAS;AACX;AAGO,MAAM,uBAAuB,wBAAwB,gBAAgB,cAAc;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { DSDropzone, DSDropzoneWithSchema } from "./DSDropzone.js";
+import {} from "./react-desc-prop-types.js";
+import { DROPZONE_DATA_TESTID } from "./constants/index.js";
+import { DSActivezone, DSActivezoneWithSchema } from "./parts/DSActivezone/index.js";
+export {
+  DROPZONE_DATA_TESTID,
+  DSActivezone,
+  DSActivezoneWithSchema,
+  DSDropzone,
+  DSDropzoneWithSchema
+};
+//# 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.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDropzone, DSDropzoneWithSchema } from './DSDropzone.js';\nexport { type DSDropzoneT } from './react-desc-prop-types.js';\nexport { DROPZONE_DATA_TESTID } from './constants/index.js';\nexport { DSActivezone, DSActivezoneWithSchema } from './parts/DSActivezone/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,YAAY,4BAA4B;AACjD,eAAiC;AACjC,SAAS,4BAA4B;AACrC,SAAS,cAAc,8BAA8B;",
+  "names": []
+}

package/dist/esm/package.json

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

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

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { useFontsizeMedia } from "@elliemae/ds-hooks-fontsize-media";
+import { DSActivezonePropTypesSchema } from "./react-desc-prop-types.js";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { DSTypography } from "@elliemae/ds-typography";
+import { useActivezone } from "./config/useActivezone.js";
+import { DROPZONE_SLOTS, DROP_ZONE_CONSTANTS, DSDropzoneName } from "../../constants/index.js";
+console.log(DROPZONE_SLOTS);
+const StyledWrapper = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_WRAPPER })`
+  cursor: grabbing;
+  position: absolute;
+  border-radius: ${DROP_ZONE_CONSTANTS.BORDER_RADIUS}px;
+  padding: ${(props) => props.theme.space.xxxs} 1.8461538461538463rem;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+`;
+const StyledLabel = styled(DSTypography, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_LABEL })``;
+const StyledIcon = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_ICON })``;
+const colsDef = {
+  largeFont: ["auto"],
+  mediumFont: ["auto", "auto"],
+  smallFont: ["auto", "auto"]
+};
+const DSActivezone = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = useActivezone(props);
+  const { Icon, label } = propsWithDefault;
+  const mainContentCols = useFontsizeMedia(colsDef);
+  return /* @__PURE__ */ jsxs(
+    StyledWrapper,
+    {
+      rows: ["auto"],
+      justifyContent: "center",
+      alignItems: "center",
+      bg: "brand-600",
+      gutter: "xxs",
+      cols: mainContentCols,
+      getOwnerProps: () => propsWithDefault,
+      ...globalProps,
+      ...xstyledProps,
+      children: [
+        /* @__PURE__ */ jsx(StyledIcon, { justifyContent: "center", children: /* @__PURE__ */ jsx(Icon, { size: "l", color: "neutral-000" }) }),
+        /* @__PURE__ */ jsx(StyledLabel, { variant: "b2", color: "neutral-000", children: label })
+      ]
+    }
+  );
+};
+DSActivezone.displayName = "DSActivezone";
+const DSActivezoneWithSchema = describe(DSActivezone);
+DSActivezoneWithSchema.propTypes = DSActivezonePropTypesSchema;
+export {
+  DSActivezone,
+  DSActivezoneWithSchema
+};
+//# sourceMappingURL=DSActivezone.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSActivezone/DSActivezone.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useFontsizeMedia } from '@elliemae/ds-hooks-fontsize-media';\nimport { type DSActivezoneT, DSActivezonePropTypesSchema } from './react-desc-prop-types.js';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { useActivezone } from './config/useActivezone.js';\nimport { DROPZONE_SLOTS, DROP_ZONE_CONSTANTS, DSDropzoneName } from '../../constants/index.js';\n\nconsole.log(DROPZONE_SLOTS);\n\nconst StyledWrapper = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_WRAPPER })`\n  cursor: grabbing;\n  position: absolute;\n  border-radius: ${DROP_ZONE_CONSTANTS.BORDER_RADIUS}px;\n  padding: ${(props) => props.theme.space.xxxs} 1.8461538461538463rem;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\nconst StyledLabel = styled(DSTypography, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_LABEL })``;\nconst StyledIcon = styled(Grid, { name: DSDropzoneName, slot: DROPZONE_SLOTS.ACTIVEZONE_ICON })``;\n\nconst colsDef = {\n  largeFont: ['auto'],\n  mediumFont: ['auto', 'auto'],\n  smallFont: ['auto', 'auto'],\n};\n\nconst DSActivezone: React.ComponentType<DSActivezoneT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useActivezone(props);\n  const { Icon, label } = propsWithDefault;\n  const mainContentCols = useFontsizeMedia(colsDef);\n  return (\n    <StyledWrapper\n      rows={['auto']}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bg=\"brand-600\"\n      gutter=\"xxs\"\n      cols={mainContentCols}\n      getOwnerProps={() => propsWithDefault}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledIcon justifyContent=\"center\">\n        <Icon size=\"l\" color=\"neutral-000\" />\n      </StyledIcon>\n      <StyledLabel variant=\"b2\" color=\"neutral-000\">\n        {label}\n      </StyledLabel>\n    </StyledWrapper>\n  );\n};\n\nDSActivezone.displayName = 'DSActivezone';\nconst DSActivezoneWithSchema = describe(DSActivezone);\nDSActivezoneWithSchema.propTypes = DSActivezonePropTypesSchema;\n\nexport { DSActivezone, DSActivezoneWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoCnB,SAYI,KAZJ;AAnCJ,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAA6B,mCAAmC;AAChE,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,qBAAqB,sBAAsB;AAEpE,QAAQ,IAAI,cAAc;AAE1B,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,eAAe,mBAAmB,CAAC;AAAA;AAAA;AAAA,mBAGjF,oBAAoB;AAAA,aAC1B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,cAAc,OAAO,cAAc,EAAE,MAAM,gBAAgB,MAAM,eAAe,iBAAiB,CAAC;AACxG,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,eAAe,gBAAgB,CAAC;AAE9F,MAAM,UAAU;AAAA,EACd,WAAW,CAAC,MAAM;AAAA,EAClB,YAAY,CAAC,QAAQ,MAAM;AAAA,EAC3B,WAAW,CAAC,QAAQ,MAAM;AAC5B;AAEA,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,cAAc,KAAK;AAC3E,QAAM,EAAE,MAAM,MAAM,IAAI;AACxB,QAAM,kBAAkB,iBAAiB,OAAO;AAChD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,MAAM;AAAA,MACb,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,IAAG;AAAA,MACH,QAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe,MAAM;AAAA,MACpB,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,4BAAC,cAAW,gBAAe,UACzB,8BAAC,QAAK,MAAK,KAAI,OAAM,eAAc,GACrC;AAAA,QACA,oBAAC,eAAY,SAAQ,MAAK,OAAM,eAC7B,iBACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}