@elliemae/ds-legacy-dropzone 1.0.13 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,7 +33,7 @@ __export(useDSDropzone_exports, {
33
33
  module.exports = __toCommonJS(useDSDropzone_exports);
34
34
  var React = __toESM(require("react"));
35
35
  var import_react = __toESM(require("react"));
36
- var import_lodash = require("lodash");
36
+ var import_lodash_es = require("lodash-es");
37
37
  var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
38
38
  var import_uid = require("uid");
39
39
  var import_react_desc_prop_types = require("../react-desc-prop-types.js");
@@ -42,7 +42,7 @@ var import_useValidateProps = require("./useValidateProps.js");
42
42
  const useDSDropzone = (propsFromUser) => {
43
43
  const propsWithDefault = (0, import_ds_legacy_utilities.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
44
44
  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSDropzonePropTypes);
45
- const globalProps = (0, import_lodash.omit)((0, import_ds_legacy_utilities.useGetGlobalAttributes)(propsWithDefault), [
45
+ const globalProps = (0, import_lodash_es.omit)((0, import_ds_legacy_utilities.useGetGlobalAttributes)(propsWithDefault), [
46
46
  "cols",
47
47
  "rows",
48
48
  "wrap"
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useDSDropzone.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,iCAIO;AACP,iBAAoB;AACpB,mCAAoE;AACpE,4BAA4B;AAE5B,8BAAiC;AAS1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,uBAAmB,yDAAwD,eAAe,yCAAY;AAC5G,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,kBAAc,wBAAK,mDAAkD,gBAAgB,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,+CAAmB,gBAAgB;AAKxD,QAAM,EAAE,IAAI,WAAW,IAAI;AAC3B,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAI1D,QAAM,CAAC,cAAc,eAAe,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE5D,QAAM,oBAAoB,aAAAA,QAAM;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,oBAAgB,mCAAY,iBAAiB;AACnD,SAAO,aAAAA,QAAM;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;",
4
+ "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAqB;AACrB,iCAIO;AACP,iBAAoB;AACpB,mCAAoE;AACpE,4BAA4B;AAE5B,8BAAiC;AAS1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,uBAAmB,yDAAwD,eAAe,yCAAY;AAC5G,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,kBAAc,2BAAK,mDAAkD,gBAAgB,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,+CAAmB,gBAAgB;AAKxD,QAAM,EAAE,IAAI,WAAW,IAAI;AAC3B,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAI1D,QAAM,CAAC,cAAc,eAAe,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE5D,QAAM,oBAAoB,aAAAA,QAAM;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,oBAAgB,mCAAY,iBAAiB;AACnD,SAAO,aAAAA,QAAM;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;",
6
6
  "names": ["React"]
7
7
  }
@@ -33,7 +33,7 @@ __export(useActivezone_exports, {
33
33
  module.exports = __toCommonJS(useActivezone_exports);
34
34
  var React = __toESM(require("react"));
35
35
  var import_react = __toESM(require("react"));
36
- var import_lodash = require("lodash");
36
+ var import_lodash_es = require("lodash-es");
37
37
  var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
38
38
  var import_uid = require("uid");
39
39
  var import_react_desc_prop_types = require("../react-desc-prop-types.js");
@@ -41,7 +41,7 @@ var import_useValidateProps = require("./useValidateProps.js");
41
41
  const useActivezone = (propsFromUser) => {
42
42
  const propsWithDefault = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
43
43
  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSActivezonePropTypes);
44
- const globalProps = (0, import_lodash.omit)((0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefault), [
44
+ const globalProps = (0, import_lodash_es.omit)((0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefault), [
45
45
  "cols",
46
46
  "rows",
47
47
  "wrap"
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/parts/DSActivezone/config/useActivezone.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,qCAIO;AACP,iBAAoB;AACpB,mCAAwE;AACxE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,6DAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,kBAAc,wBAAK,uDAAoD,gBAAgB,GAAG;AAAA,IAC9F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,mDAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAO,aAAAA,QAAM;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;",
4
+ "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAqB;AACrB,qCAIO;AACP,iBAAoB;AACpB,mCAAwE;AACxE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,6DAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,kBAAc,2BAAK,uDAAoD,gBAAgB,GAAG;AAAA,IAC9F;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,mDAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAO,aAAAA,QAAM;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;",
6
6
  "names": ["React"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import React2 from "react";
3
- import { omit } from "lodash";
3
+ import { omit } from "lodash-es";
4
4
  import {
5
5
  useGetGlobalAttributes,
6
6
  useGetXstyledProps,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDSDropzone.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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;",
6
6
  "names": ["React"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import React2 from "react";
3
- import { omit } from "lodash";
3
+ import { omit } from "lodash-es";
4
4
  import {
5
5
  useGetGlobalAttributes,
6
6
  useGetXstyledProps,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSActivezone/config/useActivezone.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,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;",
6
6
  "names": ["React"]
7
7
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="lodash" />
2
1
  import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-legacy-utilities';
3
2
  import { type DSDropzoneT } from '../react-desc-prop-types.js';
4
3
  export interface DropzoneCTX {
@@ -9,8 +8,8 @@ export interface DropzoneCTX {
9
8
  }
10
9
  export declare const useDSDropzone: (propsFromUser: DSDropzoneT.Props) => {
11
10
  propsWithDefault: DSDropzoneT.InternalProps;
12
- globalProps: import("lodash").Omit<import("@elliemae/ds-legacy-utilities").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
11
+ globalProps: any;
13
12
  xstyledProps: import("@elliemae/ds-legacy-utilities").XstyledProps;
14
13
  instanceUid: string;
15
- dropZoneState: import("react-dropzone").DropzoneState;
14
+ dropZoneState: import("react-dropzone/.").DropzoneState;
16
15
  };
@@ -1,3 +1,2 @@
1
- import type { WeakValidationMap } from 'react';
2
1
  import { type DSDropzoneT } from '../react-desc-prop-types.js';
3
2
  export declare const useValidateProps: (props: DSDropzoneT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;
@@ -1,8 +1,7 @@
1
- /// <reference types="lodash" />
2
1
  import { type DSActivezoneT } from '../react-desc-prop-types.js';
3
2
  export declare const useActivezone: (propsFromUser: DSActivezoneT.Props) => {
4
3
  propsWithDefault: DSActivezoneT.InternalProps;
5
- globalProps: import("lodash").Omit<import("@elliemae/ds-legacy-props-helpers").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
4
+ globalProps: any;
6
5
  xstyledProps: import("@elliemae/ds-legacy-props-helpers").XstyledProps;
7
6
  instanceUid: string;
8
7
  };
@@ -1,3 +1,2 @@
1
- import type { WeakValidationMap } from 'react';
2
1
  import { type DSActivezoneT } from '../react-desc-prop-types.js';
3
2
  export declare const useValidateProps: (props: DSActivezoneT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;
@@ -1,6 +1,6 @@
1
+ /// <reference types="react" />
1
2
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-legacy-props-helpers';
2
3
  import type { SvgIconT } from '@elliemae/ds-legacy-icons';
3
- import type { WeakValidationMap } from 'react';
4
4
  export declare namespace DSActivezoneT {
5
5
  interface RequiredProps {
6
6
  }
@@ -1,6 +1,5 @@
1
1
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-legacy-props-helpers';
2
2
  import type { DropzoneOptions } from 'react-dropzone';
3
- import type { WeakValidationMap } from 'react';
4
3
  export declare namespace DSDropzoneT {
5
4
  interface RequiredProps {
6
5
  }
@@ -1,17 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledDropZone: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, import("react-dropzone").DropzoneRef & {
3
- isFocused: boolean;
4
- isDragActive: boolean;
5
- isDragAccept: boolean;
6
- isDragReject: boolean;
7
- isFileDialogActive: boolean;
8
- acceptedFiles: File[];
9
- fileRejections: import("react-dropzone").FileRejection[];
10
- rootRef: import("react").RefObject<HTMLElement>;
11
- inputRef: import("react").RefObject<HTMLInputElement>;
12
- getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T | undefined) => T;
13
- getInputProps: <T_1 extends import("react-dropzone").DropzoneInputProps>(props?: T_1 | undefined) => T_1;
14
- } & {
15
- disabled: boolean;
16
- hasError: boolean;
17
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
1
+ export declare const StyledDropZone: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-legacy-dropzone",
3
- "version": "1.0.13",
3
+ "version": "1.0.17",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Dropzone",
6
6
  "files": [
@@ -38,24 +38,24 @@
38
38
  "@xstyled/styled-components": "~3.6.0",
39
39
  "react-dropzone": "~14.2.3",
40
40
  "uid": "^2.0.2",
41
- "@elliemae/ds-legacy-button": "1.0.13",
42
- "@elliemae/ds-legacy-grid": "1.0.13",
43
- "@elliemae/ds-legacy-hooks-fontsize-media": "1.0.13",
44
- "@elliemae/ds-legacy-props-helpers": "1.0.13",
45
- "@elliemae/ds-legacy-icons": "1.0.13",
46
- "@elliemae/ds-legacy-system": "1.0.13",
47
- "@elliemae/ds-legacy-typography": "1.0.13",
48
- "@elliemae/ds-legacy-utilities": "1.0.13"
41
+ "@elliemae/ds-legacy-button": "1.0.17",
42
+ "@elliemae/ds-legacy-grid": "1.0.17",
43
+ "@elliemae/ds-legacy-icons": "1.0.17",
44
+ "@elliemae/ds-legacy-hooks-fontsize-media": "1.0.17",
45
+ "@elliemae/ds-legacy-props-helpers": "1.0.17",
46
+ "@elliemae/ds-legacy-typography": "1.0.17",
47
+ "@elliemae/ds-legacy-system": "1.0.17",
48
+ "@elliemae/ds-legacy-utilities": "1.0.17"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@elliemae/pui-cli": "9.0.0-next.50",
52
52
  "@xstyled/system": "3.7.0",
53
- "lodash": "^4.17.21",
53
+ "lodash-es": "^4.17.21",
54
54
  "styled-components": "~5.3.9",
55
- "@elliemae/ds-legacy-monorepo-devops": "1.0.13"
55
+ "@elliemae/ds-legacy-monorepo-devops": "1.0.17"
56
56
  },
57
57
  "peerDependencies": {
58
- "lodash": "^4.17.21",
58
+ "lodash-es": "^4.17.21",
59
59
  "react": "^17.0.2",
60
60
  "react-dom": "^17.0.2",
61
61
  "styled-components": "~5.3.9"
@@ -66,7 +66,7 @@
66
66
  },
67
67
  "scripts": {
68
68
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
69
- "test": "pui-cli test --passWithNoTests",
69
+ "test": "exit 0",
70
70
  "lint": "node ../../../scripts/lint.mjs --fix",
71
71
  "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
72
72
  "dts": "node ../../../scripts/dts.mjs",