@elliemae/ds-dropzone 3.33.0-next.0 → 3.33.0-next.1
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.
- package/dist/cjs/config/useDSDropzone.js +3 -6
- package/dist/cjs/config/useDSDropzone.js.map +2 -2
- package/dist/cjs/parts/DSActivezone/DSActivezone.js.map +1 -1
- package/dist/cjs/parts/DSActivezone/config/useActivezone.js +3 -6
- package/dist/cjs/parts/DSActivezone/config/useActivezone.js.map +2 -2
- package/dist/esm/config/useDSDropzone.js +3 -6
- package/dist/esm/config/useDSDropzone.js.map +2 -2
- package/dist/esm/parts/DSActivezone/DSActivezone.js.map +1 -1
- package/dist/esm/parts/DSActivezone/config/useActivezone.js +3 -6
- package/dist/esm/parts/DSActivezone/config/useActivezone.js.map +2 -2
- package/dist/types/config/useDSDropzone.d.ts +366 -2
- package/dist/types/parts/DSActivezone/config/useActivezone.d.ts +367 -2
- package/package.json +10 -10
|
@@ -33,7 +33,6 @@ __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");
|
|
37
36
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
38
37
|
var import_uid = require("uid");
|
|
39
38
|
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
@@ -41,11 +40,9 @@ var import_useValidateProps = require("./useValidateProps.js");
|
|
|
41
40
|
const useDSDropzone = (propsFromUser) => {
|
|
42
41
|
const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
|
|
43
42
|
(0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSDropzonePropTypes);
|
|
44
|
-
const globalProps = (0,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"wrap"
|
|
48
|
-
]);
|
|
43
|
+
const globalProps = (0, import_ds_utilities.useGetGlobalAttributes)(
|
|
44
|
+
propsWithDefault
|
|
45
|
+
);
|
|
49
46
|
const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
|
|
50
47
|
const { id, disabled, onDrop } = propsWithDefault;
|
|
51
48
|
const instanceUid = import_react.default.useMemo(() => id || (0, import_uid.uid)(5), [id]);
|
|
@@ -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 {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSDropzoneT, DSDropzonePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\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 = useGetGlobalAttributes<DSDropzoneT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\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, disabled, onDrop } = 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 onBodyDragDropEvent = React.useCallback((e: Event) => {\n e.preventDefault();\n }, []);\n\n /**\n * Prevent default open file in browser\n */\n React.useEffect(() => {\n document.body.addEventListener('drop', onBodyDragDropEvent);\n return () => {\n document.body.removeEventListener('drop', onBodyDragDropEvent);\n };\n }, [onBodyDragDropEvent]);\n\n const onDragEnterHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (!disabled) setIsDragInside(true);\n },\n [disabled],\n );\n const onDragOverHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback((e) => {\n e.preventDefault();\n e.stopPropagation();\n }, []);\n const onDragLeaveHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback((e) => {\n if (e.relatedTarget !== e.currentTarget && !e.currentTarget.contains(e.relatedTarget as Node)) {\n e.preventDefault();\n e.stopPropagation();\n setIsDragInside(false);\n }\n }, []);\n const onDropHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragInside(false);\n const filesArray = Array.from(e.dataTransfer?.files ?? []);\n onDrop?.(filesArray, e);\n },\n [onDrop],\n );\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n isDragInside,\n onDragEnterHandler,\n onDragOverHandler,\n onDragLeaveHandler,\n onDropHandler,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n isDragInside,\n onDragEnterHandler,\n onDragOverHandler,\n onDragLeaveHandler,\n onDropHandler,\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,0BAAyF;AACzF,iBAAoB;AACpB,mCAAoE;AACpE,8BAAiC;AAU1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,uBAAmB,kDAAwD,eAAe,yCAAY;AAC5G,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,wCAAmB,gBAAgB;AAKxD,QAAM,EAAE,IAAI,UAAU,OAAO,IAAI;AACjC,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,sBAAsB,aAAAA,QAAM,YAAY,CAAC,MAAa;AAC1D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAKL,eAAAA,QAAM,UAAU,MAAM;AACpB,aAAS,KAAK,iBAAiB,QAAQ,mBAAmB;AAC1D,WAAO,MAAM;AACX,eAAS,KAAK,oBAAoB,QAAQ,mBAAmB;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,qBAA6D,aAAAA,QAAM;AAAA,IACvE,CAAC,MAAM;AACL,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,UAAI,CAAC;AAAU,wBAAgB,IAAI;AAAA,IACrC;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,oBAA4D,aAAAA,QAAM,YAAY,CAAC,MAAM;AACzF,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,QAAM,qBAA6D,aAAAA,QAAM,YAAY,CAAC,MAAM;AAC1F,QAAI,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,EAAE,cAAc,SAAS,EAAE,aAAqB,GAAG;AAC7F,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,QAAM,gBAAwD,aAAAA,QAAM;AAAA,IAClE,CAAC,MAAM;AACL,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,sBAAgB,KAAK;AACrB,YAAM,aAAa,MAAM,KAAK,EAAE,cAAc,SAAS,CAAC,CAAC;AACzD,eAAS,YAAY,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSActivezone/DSActivezone.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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\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 pointer-events: none;\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}
|
|
4
|
+
"sourcesContent": ["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\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 pointer-events: none;\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', '0']} />\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCnB;AAlCJ,8BAAyB;AACzB,qCAAiC;AACjC,mCAAgE;AAChE,uBAAuB;AACvB,qBAAqB;AACrB,2BAA6B;AAC7B,2BAA8B;AAC9B,uBAAoE;AAEpE,MAAM,oBAAgB,yBAAO,qBAAM,EAAE,MAAM,iCAAgB,MAAM,gCAAe,mBAAmB,CAAC;AAAA;AAAA;AAAA,mBAGjF,qCAAoB;AAAA,aAC1B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1C,MAAM,kBAAc,yBAAO,mCAAc,EAAE,MAAM,iCAAgB,MAAM,gCAAe,iBAAiB,CAAC;AACxG,MAAM,iBAAa,yBAAO,qBAAM,EAAE,MAAM,iCAAgB,MAAM,gCAAe,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,QAAI,oCAAc,KAAK;AAC3E,QAAM,EAAE,MAAM,MAAM,IAAI;AACxB,QAAM,sBAAkB,iDAAiB,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,oDAAC,cAAW,gBAAe,UACzB,sDAAC,QAAK,MAAK,KAAI,OAAO,CAAC,WAAW,GAAG,GAAG,GAC1C;AAAA,QACA,4CAAC,eAAY,SAAQ,MAAK,OAAM,eAC7B,iBACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -33,7 +33,6 @@ __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");
|
|
37
36
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
37
|
var import_uid = require("uid");
|
|
39
38
|
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
@@ -41,11 +40,9 @@ var import_useValidateProps = require("./useValidateProps.js");
|
|
|
41
40
|
const useActivezone = (propsFromUser) => {
|
|
42
41
|
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
|
|
43
42
|
(0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSActivezonePropTypes);
|
|
44
|
-
const globalProps = (0,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"wrap"
|
|
48
|
-
]);
|
|
43
|
+
const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(
|
|
44
|
+
propsWithDefault
|
|
45
|
+
);
|
|
49
46
|
const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
|
|
50
47
|
const { id } = propsWithDefault;
|
|
51
48
|
const instanceUid = import_react.default.useMemo(() => id || (0, import_uid.uid)(5), [id]);
|
|
@@ -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 {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\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';\nimport type { DSGridT } from '@elliemae/ds-grid';\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 = useGetGlobalAttributes<DSActivezoneT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\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,8BAAyF;AACzF,iBAAoB;AACpB,mCAAwE;AACxE,8BAAiC;AAG1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,sDAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,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,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
|
-
import { omit } from "lodash";
|
|
4
3
|
import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
5
4
|
import { uid } from "uid";
|
|
6
5
|
import { DSDropzonePropTypes, defaultProps } from "../react-desc-prop-types.js";
|
|
@@ -8,11 +7,9 @@ import { useValidateProps } from "./useValidateProps.js";
|
|
|
8
7
|
const useDSDropzone = (propsFromUser) => {
|
|
9
8
|
const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
|
|
10
9
|
useValidateProps(propsWithDefault, DSDropzonePropTypes);
|
|
11
|
-
const globalProps =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"wrap"
|
|
15
|
-
]);
|
|
10
|
+
const globalProps = useGetGlobalAttributes(
|
|
11
|
+
propsWithDefault
|
|
12
|
+
);
|
|
16
13
|
const xstyledProps = useGetXstyledProps(propsWithDefault);
|
|
17
14
|
const { id, disabled, onDrop } = propsWithDefault;
|
|
18
15
|
const instanceUid = React2.useMemo(() => id || uid(5), [id]);
|
|
@@ -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 {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSDropzoneT, DSDropzonePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSGridT } from '@elliemae/ds-grid';\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 = useGetGlobalAttributes<DSDropzoneT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\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, disabled, onDrop } = 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 onBodyDragDropEvent = React.useCallback((e: Event) => {\n e.preventDefault();\n }, []);\n\n /**\n * Prevent default open file in browser\n */\n React.useEffect(() => {\n document.body.addEventListener('drop', onBodyDragDropEvent);\n return () => {\n document.body.removeEventListener('drop', onBodyDragDropEvent);\n };\n }, [onBodyDragDropEvent]);\n\n const onDragEnterHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (!disabled) setIsDragInside(true);\n },\n [disabled],\n );\n const onDragOverHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback((e) => {\n e.preventDefault();\n e.stopPropagation();\n }, []);\n const onDragLeaveHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback((e) => {\n if (e.relatedTarget !== e.currentTarget && !e.currentTarget.contains(e.relatedTarget as Node)) {\n e.preventDefault();\n e.stopPropagation();\n setIsDragInside(false);\n }\n }, []);\n const onDropHandler: React.DragEventHandler<HTMLDivElement> = React.useCallback(\n (e) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragInside(false);\n const filesArray = Array.from(e.dataTransfer?.files ?? []);\n onDrop?.(filesArray, e);\n },\n [onDrop],\n );\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n isDragInside,\n onDragEnterHandler,\n onDragOverHandler,\n onDragLeaveHandler,\n onDropHandler,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n isDragInside,\n onDragEnterHandler,\n onDragOverHandler,\n onDragLeaveHandler,\n onDropHandler,\n // eventHandlers,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,wBAAwB;AAU1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,mBAAmB,6BAAwD,eAAe,YAAY;AAC5G,mBAAiB,kBAAkB,mBAAmB;AAItD,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,IAAI,UAAU,OAAO,IAAI;AACjC,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAI1D,QAAM,CAAC,cAAc,eAAe,IAAIA,OAAM,SAAS,KAAK;AAE5D,QAAM,sBAAsBA,OAAM,YAAY,CAAC,MAAa;AAC1D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAKL,EAAAA,OAAM,UAAU,MAAM;AACpB,aAAS,KAAK,iBAAiB,QAAQ,mBAAmB;AAC1D,WAAO,MAAM;AACX,eAAS,KAAK,oBAAoB,QAAQ,mBAAmB;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,qBAA6DA,OAAM;AAAA,IACvE,CAAC,MAAM;AACL,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,UAAI,CAAC;AAAU,wBAAgB,IAAI;AAAA,IACrC;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,oBAA4DA,OAAM,YAAY,CAAC,MAAM;AACzF,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,QAAM,qBAA6DA,OAAM,YAAY,CAAC,MAAM;AAC1F,QAAI,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,EAAE,cAAc,SAAS,EAAE,aAAqB,GAAG;AAC7F,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,QAAM,gBAAwDA,OAAM;AAAA,IAClE,CAAC,MAAM;AACL,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,sBAAgB,KAAK;AACrB,YAAM,aAAa,MAAM,KAAK,EAAE,cAAc,SAAS,CAAC,CAAC;AACzD,eAAS,YAAY,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSActivezone/DSActivezone.tsx"],
|
|
4
|
-
"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\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 pointer-events: none;\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}
|
|
4
|
+
"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\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 pointer-events: none;\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', '0']} />\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"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACmCnB,SAYI,KAZJ;AAlCJ,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,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;AAAA;AAO1C,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,OAAO,CAAC,WAAW,GAAG,GAAG,GAC1C;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
|
-
import { omit } from "lodash";
|
|
4
3
|
import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
5
4
|
import { uid } from "uid";
|
|
6
5
|
import { DSActivezonePropTypes, defaultProps } from "../react-desc-prop-types.js";
|
|
@@ -8,11 +7,9 @@ import { useValidateProps } from "./useValidateProps.js";
|
|
|
8
7
|
const useActivezone = (propsFromUser) => {
|
|
9
8
|
const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
|
|
10
9
|
useValidateProps(propsWithDefault, DSActivezonePropTypes);
|
|
11
|
-
const globalProps =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"wrap"
|
|
15
|
-
]);
|
|
10
|
+
const globalProps = useGetGlobalAttributes(
|
|
11
|
+
propsWithDefault
|
|
12
|
+
);
|
|
16
13
|
const xstyledProps = useGetXstyledProps(propsWithDefault);
|
|
17
14
|
const { id } = propsWithDefault;
|
|
18
15
|
const instanceUid = React2.useMemo(() => id || uid(5), [id]);
|
|
@@ -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 {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\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';\nimport type { DSGridT } from '@elliemae/ds-grid';\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 = useGetGlobalAttributes<DSActivezoneT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\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
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,wBAAwB;AAG1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,qBAAqB;AAIxD,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,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,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="lodash" />
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';
|
|
4
3
|
import { type DSDropzoneT } from '../react-desc-prop-types.js';
|
|
4
|
+
import type { DSGridT } from '@elliemae/ds-grid';
|
|
5
5
|
export interface DropzoneCTX {
|
|
6
6
|
propsWithDefault: DSDropzoneT.InternalProps;
|
|
7
7
|
globalProps: ReturnType<typeof useGetGlobalAttributes>;
|
|
@@ -10,7 +10,371 @@ export interface DropzoneCTX {
|
|
|
10
10
|
}
|
|
11
11
|
export declare const useDSDropzone: (propsFromUser: DSDropzoneT.Props) => {
|
|
12
12
|
propsWithDefault: DSDropzoneT.InternalProps;
|
|
13
|
-
globalProps:
|
|
13
|
+
globalProps: Partial<Pick<DSGridT.Props, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
|
|
14
|
+
"aria-activedescendant"?: string | undefined;
|
|
15
|
+
"aria-atomic"?: boolean | "true" | "false" | undefined;
|
|
16
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
17
|
+
"aria-braillelabel"?: string | undefined;
|
|
18
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
19
|
+
"aria-busy"?: boolean | "true" | "false" | undefined;
|
|
20
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
21
|
+
"aria-colcount"?: number | undefined;
|
|
22
|
+
"aria-colindex"?: number | undefined;
|
|
23
|
+
"aria-colindextext"?: string | undefined;
|
|
24
|
+
"aria-colspan"?: number | undefined;
|
|
25
|
+
"aria-controls"?: string | undefined;
|
|
26
|
+
"aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
|
|
27
|
+
"aria-describedby"?: string | undefined;
|
|
28
|
+
"aria-description"?: string | undefined;
|
|
29
|
+
"aria-details"?: string | undefined;
|
|
30
|
+
"aria-disabled"?: boolean | "true" | "false" | undefined;
|
|
31
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
32
|
+
"aria-errormessage"?: string | undefined;
|
|
33
|
+
"aria-expanded"?: boolean | "true" | "false" | undefined;
|
|
34
|
+
"aria-flowto"?: string | undefined;
|
|
35
|
+
"aria-grabbed"?: boolean | "true" | "false" | undefined;
|
|
36
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
37
|
+
"aria-hidden"?: boolean | "true" | "false" | undefined;
|
|
38
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
39
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
40
|
+
"aria-label"?: string | undefined;
|
|
41
|
+
"aria-labelledby"?: string | undefined;
|
|
42
|
+
"aria-level"?: number | undefined;
|
|
43
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
44
|
+
"aria-modal"?: boolean | "true" | "false" | undefined;
|
|
45
|
+
"aria-multiline"?: boolean | "true" | "false" | undefined;
|
|
46
|
+
"aria-multiselectable"?: boolean | "true" | "false" | undefined;
|
|
47
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
48
|
+
"aria-owns"?: string | undefined;
|
|
49
|
+
"aria-placeholder"?: string | undefined;
|
|
50
|
+
"aria-posinset"?: number | undefined;
|
|
51
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
52
|
+
"aria-readonly"?: boolean | "true" | "false" | undefined;
|
|
53
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
54
|
+
"aria-required"?: boolean | "true" | "false" | undefined;
|
|
55
|
+
"aria-roledescription"?: string | undefined;
|
|
56
|
+
"aria-rowcount"?: number | undefined;
|
|
57
|
+
"aria-rowindex"?: number | undefined;
|
|
58
|
+
"aria-rowindextext"?: string | undefined;
|
|
59
|
+
"aria-rowspan"?: number | undefined;
|
|
60
|
+
"aria-selected"?: boolean | "true" | "false" | undefined;
|
|
61
|
+
"aria-setsize"?: number | undefined;
|
|
62
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
63
|
+
"aria-valuemax"?: number | undefined;
|
|
64
|
+
"aria-valuemin"?: number | undefined;
|
|
65
|
+
"aria-valuenow"?: number | undefined;
|
|
66
|
+
"aria-valuetext"?: string | undefined;
|
|
67
|
+
children?: React.ReactNode;
|
|
68
|
+
onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
69
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
70
|
+
onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
71
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
72
|
+
onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
73
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
74
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
75
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
76
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
77
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
78
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
79
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
80
|
+
onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
81
|
+
onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
82
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
83
|
+
onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
84
|
+
onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
85
|
+
onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
86
|
+
onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
87
|
+
onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
88
|
+
onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
89
|
+
onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
90
|
+
onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
91
|
+
onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
92
|
+
onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
93
|
+
onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
94
|
+
onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
95
|
+
onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
96
|
+
onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
97
|
+
onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
98
|
+
onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
99
|
+
onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
100
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
101
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
102
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
103
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
104
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
105
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
106
|
+
onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
107
|
+
onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
108
|
+
onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
109
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
110
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
111
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
112
|
+
onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
113
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
114
|
+
onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
115
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
116
|
+
onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
117
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
118
|
+
onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
119
|
+
onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
120
|
+
onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
121
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
122
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
123
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
124
|
+
onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
125
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
126
|
+
onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
127
|
+
onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
128
|
+
onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
129
|
+
onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
130
|
+
onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
131
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
132
|
+
onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
133
|
+
onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
134
|
+
onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
135
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
136
|
+
onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
137
|
+
onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
138
|
+
onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
139
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
140
|
+
onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
141
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
142
|
+
onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
143
|
+
onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
144
|
+
onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
145
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
147
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
148
|
+
onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
149
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
150
|
+
onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
151
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
152
|
+
onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
153
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
154
|
+
onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
155
|
+
onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
156
|
+
onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
157
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
158
|
+
onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
159
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
160
|
+
onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
161
|
+
onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
162
|
+
onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
163
|
+
onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
164
|
+
onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
165
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
166
|
+
onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
167
|
+
onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
168
|
+
onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
185
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
186
|
+
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
form?: string | undefined;
|
|
229
|
+
list?: string | undefined;
|
|
230
|
+
defaultChecked?: boolean | undefined;
|
|
231
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
232
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
233
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
234
|
+
accessKey?: string | undefined;
|
|
235
|
+
autoFocus?: boolean | undefined;
|
|
236
|
+
className?: string | undefined;
|
|
237
|
+
contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
|
|
238
|
+
contextMenu?: string | undefined;
|
|
239
|
+
dir?: string | undefined;
|
|
240
|
+
draggable?: boolean | "true" | "false" | undefined;
|
|
241
|
+
hidden?: boolean | undefined;
|
|
242
|
+
id?: string | undefined;
|
|
243
|
+
lang?: string | undefined;
|
|
244
|
+
nonce?: string | undefined;
|
|
245
|
+
slot?: string | undefined;
|
|
246
|
+
spellCheck?: boolean | "true" | "false" | undefined;
|
|
247
|
+
style?: React.CSSProperties | undefined;
|
|
248
|
+
tabIndex?: 0 | -1 | undefined;
|
|
249
|
+
title?: string | undefined;
|
|
250
|
+
translate?: "yes" | "no" | undefined;
|
|
251
|
+
radioGroup?: string | undefined;
|
|
252
|
+
role?: React.AriaRole | undefined;
|
|
253
|
+
about?: string | undefined;
|
|
254
|
+
content?: string | undefined;
|
|
255
|
+
datatype?: string | undefined;
|
|
256
|
+
inlist?: any;
|
|
257
|
+
prefix?: string | undefined;
|
|
258
|
+
property?: string | undefined;
|
|
259
|
+
rel?: string | undefined;
|
|
260
|
+
resource?: string | undefined;
|
|
261
|
+
rev?: string | undefined;
|
|
262
|
+
typeof?: string | undefined;
|
|
263
|
+
vocab?: string | undefined;
|
|
264
|
+
autoCapitalize?: string | undefined;
|
|
265
|
+
autoCorrect?: string | undefined;
|
|
266
|
+
autoSave?: string | undefined;
|
|
267
|
+
color?: string | undefined;
|
|
268
|
+
itemProp?: string | undefined;
|
|
269
|
+
itemScope?: boolean | undefined;
|
|
270
|
+
itemType?: string | undefined;
|
|
271
|
+
itemID?: string | undefined;
|
|
272
|
+
itemRef?: string | undefined;
|
|
273
|
+
results?: number | undefined;
|
|
274
|
+
security?: string | undefined;
|
|
275
|
+
unselectable?: "on" | "off" | undefined;
|
|
276
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
277
|
+
is?: string | undefined;
|
|
278
|
+
accept?: string | undefined;
|
|
279
|
+
acceptCharset?: string | undefined;
|
|
280
|
+
action?: string | undefined;
|
|
281
|
+
allowFullScreen?: boolean | undefined;
|
|
282
|
+
allowTransparency?: boolean | undefined;
|
|
283
|
+
alt?: string | undefined;
|
|
284
|
+
async?: boolean | undefined;
|
|
285
|
+
autoComplete?: string | undefined;
|
|
286
|
+
autoPlay?: boolean | undefined;
|
|
287
|
+
capture?: boolean | "user" | "environment" | undefined;
|
|
288
|
+
cellPadding?: string | number | undefined;
|
|
289
|
+
cellSpacing?: string | number | undefined;
|
|
290
|
+
charSet?: string | undefined;
|
|
291
|
+
challenge?: string | undefined;
|
|
292
|
+
checked?: boolean | undefined;
|
|
293
|
+
cite?: string | undefined;
|
|
294
|
+
classID?: string | undefined;
|
|
295
|
+
cols?: number | undefined;
|
|
296
|
+
colSpan?: number | undefined;
|
|
297
|
+
controls?: boolean | undefined;
|
|
298
|
+
coords?: string | undefined;
|
|
299
|
+
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
300
|
+
data?: string | undefined;
|
|
301
|
+
dateTime?: string | undefined;
|
|
302
|
+
default?: boolean | undefined;
|
|
303
|
+
defer?: boolean | undefined;
|
|
304
|
+
disabled?: boolean | undefined;
|
|
305
|
+
download?: any;
|
|
306
|
+
encType?: string | undefined;
|
|
307
|
+
formAction?: string | undefined;
|
|
308
|
+
formEncType?: string | undefined;
|
|
309
|
+
formMethod?: string | undefined;
|
|
310
|
+
formNoValidate?: boolean | undefined;
|
|
311
|
+
formTarget?: string | undefined;
|
|
312
|
+
frameBorder?: string | number | undefined;
|
|
313
|
+
headers?: string | undefined;
|
|
314
|
+
height?: string | number | undefined;
|
|
315
|
+
high?: number | undefined;
|
|
316
|
+
href?: string | undefined;
|
|
317
|
+
hrefLang?: string | undefined;
|
|
318
|
+
htmlFor?: string | undefined;
|
|
319
|
+
httpEquiv?: string | undefined;
|
|
320
|
+
integrity?: string | undefined;
|
|
321
|
+
keyParams?: string | undefined;
|
|
322
|
+
keyType?: string | undefined;
|
|
323
|
+
kind?: string | undefined;
|
|
324
|
+
label?: string | undefined;
|
|
325
|
+
loop?: boolean | undefined;
|
|
326
|
+
low?: number | undefined;
|
|
327
|
+
manifest?: string | undefined;
|
|
328
|
+
marginHeight?: number | undefined;
|
|
329
|
+
marginWidth?: number | undefined;
|
|
330
|
+
max?: string | number | undefined;
|
|
331
|
+
maxLength?: number | undefined;
|
|
332
|
+
media?: string | undefined;
|
|
333
|
+
mediaGroup?: string | undefined;
|
|
334
|
+
method?: string | undefined;
|
|
335
|
+
min?: string | number | undefined;
|
|
336
|
+
minLength?: number | undefined;
|
|
337
|
+
multiple?: boolean | undefined;
|
|
338
|
+
muted?: boolean | undefined;
|
|
339
|
+
name?: string | undefined;
|
|
340
|
+
noValidate?: boolean | undefined;
|
|
341
|
+
open?: boolean | undefined;
|
|
342
|
+
optimum?: number | undefined;
|
|
343
|
+
pattern?: string | undefined;
|
|
344
|
+
placeholder?: string | undefined;
|
|
345
|
+
playsInline?: boolean | undefined;
|
|
346
|
+
poster?: string | undefined;
|
|
347
|
+
preload?: string | undefined;
|
|
348
|
+
readOnly?: boolean | undefined;
|
|
349
|
+
required?: boolean | undefined;
|
|
350
|
+
reversed?: boolean | undefined;
|
|
351
|
+
rows?: number | undefined;
|
|
352
|
+
rowSpan?: number | undefined;
|
|
353
|
+
sandbox?: string | undefined;
|
|
354
|
+
scope?: string | undefined;
|
|
355
|
+
scoped?: boolean | undefined;
|
|
356
|
+
scrolling?: string | undefined;
|
|
357
|
+
seamless?: boolean | undefined;
|
|
358
|
+
selected?: boolean | undefined;
|
|
359
|
+
shape?: string | undefined;
|
|
360
|
+
size?: number | undefined;
|
|
361
|
+
sizes?: string | undefined;
|
|
362
|
+
span?: number | undefined;
|
|
363
|
+
src?: string | undefined;
|
|
364
|
+
srcDoc?: string | undefined;
|
|
365
|
+
srcLang?: string | undefined;
|
|
366
|
+
srcSet?: string | undefined;
|
|
367
|
+
start?: number | undefined;
|
|
368
|
+
step?: string | number | undefined;
|
|
369
|
+
summary?: string | undefined;
|
|
370
|
+
target?: string | undefined;
|
|
371
|
+
type?: string | undefined;
|
|
372
|
+
useMap?: string | undefined;
|
|
373
|
+
value?: string | number | readonly string[] | undefined;
|
|
374
|
+
width?: string | number | undefined;
|
|
375
|
+
wmode?: string | undefined;
|
|
376
|
+
wrap?: string | undefined;
|
|
377
|
+
}, keyof DSGridT.Props>>;
|
|
14
378
|
xstyledProps: import("@elliemae/ds-utilities").XstyledProps;
|
|
15
379
|
instanceUid: string;
|
|
16
380
|
isDragInside: boolean;
|
|
@@ -1,8 +1,373 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type DSActivezoneT } from '../react-desc-prop-types.js';
|
|
3
|
+
import type { DSGridT } from '@elliemae/ds-grid';
|
|
3
4
|
export declare const useActivezone: (propsFromUser: DSActivezoneT.Props) => {
|
|
4
5
|
propsWithDefault: DSActivezoneT.InternalProps;
|
|
5
|
-
globalProps:
|
|
6
|
+
globalProps: Partial<Pick<DSGridT.Props, "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
|
|
7
|
+
"aria-activedescendant"?: string | undefined;
|
|
8
|
+
"aria-atomic"?: boolean | "true" | "false" | undefined;
|
|
9
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
10
|
+
"aria-braillelabel"?: string | undefined;
|
|
11
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
12
|
+
"aria-busy"?: boolean | "true" | "false" | undefined;
|
|
13
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
14
|
+
"aria-colcount"?: number | undefined;
|
|
15
|
+
"aria-colindex"?: number | undefined;
|
|
16
|
+
"aria-colindextext"?: string | undefined;
|
|
17
|
+
"aria-colspan"?: number | undefined;
|
|
18
|
+
"aria-controls"?: string | undefined;
|
|
19
|
+
"aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
|
|
20
|
+
"aria-describedby"?: string | undefined;
|
|
21
|
+
"aria-description"?: string | undefined;
|
|
22
|
+
"aria-details"?: string | undefined;
|
|
23
|
+
"aria-disabled"?: boolean | "true" | "false" | undefined;
|
|
24
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
25
|
+
"aria-errormessage"?: string | undefined;
|
|
26
|
+
"aria-expanded"?: boolean | "true" | "false" | undefined;
|
|
27
|
+
"aria-flowto"?: string | undefined;
|
|
28
|
+
"aria-grabbed"?: boolean | "true" | "false" | undefined;
|
|
29
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
30
|
+
"aria-hidden"?: boolean | "true" | "false" | undefined;
|
|
31
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
32
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
33
|
+
"aria-label"?: string | undefined;
|
|
34
|
+
"aria-labelledby"?: string | undefined;
|
|
35
|
+
"aria-level"?: number | undefined;
|
|
36
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
37
|
+
"aria-modal"?: boolean | "true" | "false" | undefined;
|
|
38
|
+
"aria-multiline"?: boolean | "true" | "false" | undefined;
|
|
39
|
+
"aria-multiselectable"?: boolean | "true" | "false" | undefined;
|
|
40
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
41
|
+
"aria-owns"?: string | undefined;
|
|
42
|
+
"aria-placeholder"?: string | undefined;
|
|
43
|
+
"aria-posinset"?: number | undefined;
|
|
44
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
45
|
+
"aria-readonly"?: boolean | "true" | "false" | undefined;
|
|
46
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
47
|
+
"aria-required"?: boolean | "true" | "false" | undefined;
|
|
48
|
+
"aria-roledescription"?: string | undefined;
|
|
49
|
+
"aria-rowcount"?: number | undefined;
|
|
50
|
+
"aria-rowindex"?: number | undefined;
|
|
51
|
+
"aria-rowindextext"?: string | undefined;
|
|
52
|
+
"aria-rowspan"?: number | undefined;
|
|
53
|
+
"aria-selected"?: boolean | "true" | "false" | undefined;
|
|
54
|
+
"aria-setsize"?: number | undefined;
|
|
55
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
56
|
+
"aria-valuemax"?: number | undefined;
|
|
57
|
+
"aria-valuemin"?: number | undefined;
|
|
58
|
+
"aria-valuenow"?: number | undefined;
|
|
59
|
+
"aria-valuetext"?: string | undefined;
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
62
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
63
|
+
onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
64
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
65
|
+
onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
66
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
67
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
68
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
69
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
70
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
71
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
72
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
73
|
+
onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
74
|
+
onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
75
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
76
|
+
onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
77
|
+
onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
78
|
+
onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
79
|
+
onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
80
|
+
onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
81
|
+
onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
82
|
+
onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
83
|
+
onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
84
|
+
onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
85
|
+
onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
86
|
+
onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
87
|
+
onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
88
|
+
onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
|
|
89
|
+
onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
90
|
+
onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
91
|
+
onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
92
|
+
onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
93
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
94
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
95
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
96
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
97
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
98
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
99
|
+
onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
100
|
+
onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
101
|
+
onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
102
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
103
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
104
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
105
|
+
onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
106
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
107
|
+
onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
108
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
109
|
+
onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
110
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
111
|
+
onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
112
|
+
onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
113
|
+
onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
114
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
115
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
116
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
117
|
+
onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
118
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
119
|
+
onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
120
|
+
onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
121
|
+
onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
122
|
+
onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
123
|
+
onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
124
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
125
|
+
onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
126
|
+
onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
127
|
+
onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
128
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
129
|
+
onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
130
|
+
onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
131
|
+
onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
132
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
133
|
+
onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
134
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
135
|
+
onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
136
|
+
onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
137
|
+
onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
138
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
139
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
140
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
141
|
+
onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
142
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
143
|
+
onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
144
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
145
|
+
onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
147
|
+
onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
148
|
+
onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
149
|
+
onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
150
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
151
|
+
onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
152
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
153
|
+
onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
154
|
+
onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
155
|
+
onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
156
|
+
onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
157
|
+
onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
158
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
159
|
+
onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
160
|
+
onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
161
|
+
onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
162
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
163
|
+
onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
164
|
+
onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
165
|
+
onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
166
|
+
onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
167
|
+
onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
168
|
+
onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
185
|
+
onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
186
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
form?: string | undefined;
|
|
222
|
+
list?: string | undefined;
|
|
223
|
+
defaultChecked?: boolean | undefined;
|
|
224
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
225
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
226
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
227
|
+
accessKey?: string | undefined;
|
|
228
|
+
autoFocus?: boolean | undefined;
|
|
229
|
+
className?: string | undefined;
|
|
230
|
+
contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
|
|
231
|
+
contextMenu?: string | undefined;
|
|
232
|
+
dir?: string | undefined;
|
|
233
|
+
draggable?: boolean | "true" | "false" | undefined;
|
|
234
|
+
hidden?: boolean | undefined;
|
|
235
|
+
id?: string | undefined;
|
|
236
|
+
lang?: string | undefined;
|
|
237
|
+
nonce?: string | undefined;
|
|
238
|
+
slot?: string | undefined;
|
|
239
|
+
spellCheck?: boolean | "true" | "false" | undefined;
|
|
240
|
+
style?: React.CSSProperties | undefined;
|
|
241
|
+
tabIndex?: 0 | -1 | undefined;
|
|
242
|
+
title?: string | undefined;
|
|
243
|
+
translate?: "yes" | "no" | undefined;
|
|
244
|
+
radioGroup?: string | undefined;
|
|
245
|
+
role?: React.AriaRole | undefined;
|
|
246
|
+
about?: string | undefined;
|
|
247
|
+
content?: string | undefined;
|
|
248
|
+
datatype?: string | undefined;
|
|
249
|
+
inlist?: any;
|
|
250
|
+
prefix?: string | undefined;
|
|
251
|
+
property?: string | undefined;
|
|
252
|
+
rel?: string | undefined;
|
|
253
|
+
resource?: string | undefined;
|
|
254
|
+
rev?: string | undefined;
|
|
255
|
+
typeof?: string | undefined;
|
|
256
|
+
vocab?: string | undefined;
|
|
257
|
+
autoCapitalize?: string | undefined;
|
|
258
|
+
autoCorrect?: string | undefined;
|
|
259
|
+
autoSave?: string | undefined;
|
|
260
|
+
color?: string | undefined;
|
|
261
|
+
itemProp?: string | undefined;
|
|
262
|
+
itemScope?: boolean | undefined;
|
|
263
|
+
itemType?: string | undefined;
|
|
264
|
+
itemID?: string | undefined;
|
|
265
|
+
itemRef?: string | undefined;
|
|
266
|
+
results?: number | undefined;
|
|
267
|
+
security?: string | undefined;
|
|
268
|
+
unselectable?: "on" | "off" | undefined;
|
|
269
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
270
|
+
is?: string | undefined;
|
|
271
|
+
accept?: string | undefined;
|
|
272
|
+
acceptCharset?: string | undefined;
|
|
273
|
+
action?: string | undefined;
|
|
274
|
+
allowFullScreen?: boolean | undefined;
|
|
275
|
+
allowTransparency?: boolean | undefined;
|
|
276
|
+
alt?: string | undefined;
|
|
277
|
+
async?: boolean | undefined;
|
|
278
|
+
autoComplete?: string | undefined;
|
|
279
|
+
autoPlay?: boolean | undefined;
|
|
280
|
+
capture?: boolean | "user" | "environment" | undefined;
|
|
281
|
+
cellPadding?: string | number | undefined;
|
|
282
|
+
cellSpacing?: string | number | undefined;
|
|
283
|
+
charSet?: string | undefined;
|
|
284
|
+
challenge?: string | undefined;
|
|
285
|
+
checked?: boolean | undefined;
|
|
286
|
+
cite?: string | undefined;
|
|
287
|
+
classID?: string | undefined;
|
|
288
|
+
cols?: number | undefined;
|
|
289
|
+
colSpan?: number | undefined;
|
|
290
|
+
controls?: boolean | undefined;
|
|
291
|
+
coords?: string | undefined;
|
|
292
|
+
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
293
|
+
data?: string | undefined;
|
|
294
|
+
dateTime?: string | undefined;
|
|
295
|
+
default?: boolean | undefined;
|
|
296
|
+
defer?: boolean | undefined;
|
|
297
|
+
disabled?: boolean | undefined;
|
|
298
|
+
download?: any;
|
|
299
|
+
encType?: string | undefined;
|
|
300
|
+
formAction?: string | undefined;
|
|
301
|
+
formEncType?: string | undefined;
|
|
302
|
+
formMethod?: string | undefined;
|
|
303
|
+
formNoValidate?: boolean | undefined;
|
|
304
|
+
formTarget?: string | undefined;
|
|
305
|
+
frameBorder?: string | number | undefined;
|
|
306
|
+
headers?: string | undefined;
|
|
307
|
+
height?: string | number | undefined;
|
|
308
|
+
high?: number | undefined;
|
|
309
|
+
href?: string | undefined;
|
|
310
|
+
hrefLang?: string | undefined;
|
|
311
|
+
htmlFor?: string | undefined;
|
|
312
|
+
httpEquiv?: string | undefined;
|
|
313
|
+
integrity?: string | undefined;
|
|
314
|
+
keyParams?: string | undefined;
|
|
315
|
+
keyType?: string | undefined;
|
|
316
|
+
kind?: string | undefined;
|
|
317
|
+
label?: string | undefined;
|
|
318
|
+
loop?: boolean | undefined;
|
|
319
|
+
low?: number | undefined;
|
|
320
|
+
manifest?: string | undefined;
|
|
321
|
+
marginHeight?: number | undefined;
|
|
322
|
+
marginWidth?: number | undefined;
|
|
323
|
+
max?: string | number | undefined;
|
|
324
|
+
maxLength?: number | undefined;
|
|
325
|
+
media?: string | undefined;
|
|
326
|
+
mediaGroup?: string | undefined;
|
|
327
|
+
method?: string | undefined;
|
|
328
|
+
min?: string | number | undefined;
|
|
329
|
+
minLength?: number | undefined;
|
|
330
|
+
multiple?: boolean | undefined;
|
|
331
|
+
muted?: boolean | undefined;
|
|
332
|
+
name?: string | undefined;
|
|
333
|
+
noValidate?: boolean | undefined;
|
|
334
|
+
open?: boolean | undefined;
|
|
335
|
+
optimum?: number | undefined;
|
|
336
|
+
pattern?: string | undefined;
|
|
337
|
+
placeholder?: string | undefined;
|
|
338
|
+
playsInline?: boolean | undefined;
|
|
339
|
+
poster?: string | undefined;
|
|
340
|
+
preload?: string | undefined;
|
|
341
|
+
readOnly?: boolean | undefined;
|
|
342
|
+
required?: boolean | undefined;
|
|
343
|
+
reversed?: boolean | undefined;
|
|
344
|
+
rows?: number | undefined;
|
|
345
|
+
rowSpan?: number | undefined;
|
|
346
|
+
sandbox?: string | undefined;
|
|
347
|
+
scope?: string | undefined;
|
|
348
|
+
scoped?: boolean | undefined;
|
|
349
|
+
scrolling?: string | undefined;
|
|
350
|
+
seamless?: boolean | undefined;
|
|
351
|
+
selected?: boolean | undefined;
|
|
352
|
+
shape?: string | undefined;
|
|
353
|
+
size?: number | undefined;
|
|
354
|
+
sizes?: string | undefined;
|
|
355
|
+
span?: number | undefined;
|
|
356
|
+
src?: string | undefined;
|
|
357
|
+
srcDoc?: string | undefined;
|
|
358
|
+
srcLang?: string | undefined;
|
|
359
|
+
srcSet?: string | undefined;
|
|
360
|
+
start?: number | undefined;
|
|
361
|
+
step?: string | number | undefined;
|
|
362
|
+
summary?: string | undefined;
|
|
363
|
+
target?: string | undefined;
|
|
364
|
+
type?: string | undefined;
|
|
365
|
+
useMap?: string | undefined;
|
|
366
|
+
value?: string | number | readonly string[] | undefined;
|
|
367
|
+
width?: string | number | undefined;
|
|
368
|
+
wmode?: string | undefined;
|
|
369
|
+
wrap?: string | undefined;
|
|
370
|
+
}, keyof DSGridT.Props>>;
|
|
6
371
|
xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
|
|
7
372
|
instanceUid: string;
|
|
8
373
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-dropzone",
|
|
3
|
-
"version": "3.33.0-next.
|
|
3
|
+
"version": "3.33.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Dropzone",
|
|
6
6
|
"files": [
|
|
@@ -37,21 +37,21 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@xstyled/styled-components": "~3.6.0",
|
|
39
39
|
"uid": "^2.0.2",
|
|
40
|
-
"@elliemae/ds-button": "3.33.0-next.
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-
|
|
47
|
-
"@elliemae/ds-
|
|
40
|
+
"@elliemae/ds-button": "3.33.0-next.1",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.33.0-next.1",
|
|
42
|
+
"@elliemae/ds-system": "3.33.0-next.1",
|
|
43
|
+
"@elliemae/ds-typography": "3.33.0-next.1",
|
|
44
|
+
"@elliemae/ds-utilities": "3.33.0-next.1",
|
|
45
|
+
"@elliemae/ds-grid": "3.33.0-next.1",
|
|
46
|
+
"@elliemae/ds-hooks-fontsize-media": "3.33.0-next.1",
|
|
47
|
+
"@elliemae/ds-icons": "3.33.0-next.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
51
51
|
"@xstyled/system": "3.7.0",
|
|
52
52
|
"lodash": "^4.17.21",
|
|
53
53
|
"styled-components": "~5.3.9",
|
|
54
|
-
"@elliemae/ds-monorepo-devops": "3.33.0-next.
|
|
54
|
+
"@elliemae/ds-monorepo-devops": "3.33.0-next.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"lodash": "^4.17.21",
|