@elliemae/ds-form-toggle 3.32.2-next.1 → 3.33.0-next.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/config/useDSControlledToggle.js +3 -4
- package/dist/cjs/config/useDSControlledToggle.js.map +2 -2
- package/dist/esm/config/useDSControlledToggle.js +3 -4
- package/dist/esm/config/useDSControlledToggle.js.map +2 -2
- package/dist/types/config/useDSControlledToggle.d.ts +365 -1
- package/package.json +7 -7
@@ -33,7 +33,6 @@ __export(useDSControlledToggle_exports, {
|
|
33
33
|
module.exports = __toCommonJS(useDSControlledToggle_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");
|
@@ -52,9 +51,9 @@ const useDSControlledToggle = (propsFromUser) => {
|
|
52
51
|
},
|
53
52
|
[disabled, readOnly, onChange]
|
54
53
|
);
|
55
|
-
const globalProps = (0,
|
56
|
-
|
57
|
-
);
|
54
|
+
const globalProps = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault, {
|
55
|
+
onClick: handleOnClick
|
56
|
+
});
|
58
57
|
const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
|
59
58
|
const { id } = propsWithDefault;
|
60
59
|
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/useDSControlledToggle.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport {
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSControlledToggleT, DSControlledTogglePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DSControlledToggleCTX {\n propsWithDefault: DSControlledToggleT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n instanceUid: string;\n}\n\nexport const useDSControlledToggle = (propsFromUser: DSControlledToggleT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledToggleT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSControlledTogglePropTypes);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n const { disabled, readOnly, onChange } = propsWithDefault;\n const handleOnClick = useCallback(\n (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled || readOnly) return;\n if (onChange) {\n onChange(e);\n }\n },\n [disabled, readOnly, onChange],\n );\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSControlledToggleT.InternalProps>(propsWithDefault, {\n onClick: handleOnClick,\n });\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\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 handleOnClick,\n }),\n [propsWithDefault, globalProps, xstyledProps, instanceUid, handleOnClick],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,0BAAyF;AACzF,iBAAoB;AACpB,mCAAoF;AACpF,8BAAiC;AAS1B,MAAM,wBAAwB,CAAC,kBAA6C;AAIjF,QAAM,uBAAmB,kDAAgE,eAAe,yCAAY;AACpH,gDAAiB,kBAAkB,wDAA2B;AAI9D,QAAM,EAAE,UAAU,UAAU,SAAS,IAAI;AACzC,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAgG;AAC/F,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAIA,QAAM,kBAAc,4CAA0D,kBAAkB;AAAA,IAC9F,SAAS;AAAA,EACX,CAAC;AACD,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAM1D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,cAAc,aAAa,aAAa;AAAA,EAC1E;AACF;",
|
6
6
|
"names": ["React"]
|
7
7
|
}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as React from "react";
|
2
2
|
import React2, { useCallback } 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 { DSControlledTogglePropTypes, defaultProps } from "../react-desc-prop-types.js";
|
@@ -19,9 +18,9 @@ const useDSControlledToggle = (propsFromUser) => {
|
|
19
18
|
},
|
20
19
|
[disabled, readOnly, onChange]
|
21
20
|
);
|
22
|
-
const globalProps =
|
23
|
-
|
24
|
-
);
|
21
|
+
const globalProps = useGetGlobalAttributes(propsWithDefault, {
|
22
|
+
onClick: handleOnClick
|
23
|
+
});
|
25
24
|
const xstyledProps = useGetXstyledProps(propsWithDefault);
|
26
25
|
const { id } = propsWithDefault;
|
27
26
|
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/useDSControlledToggle.ts"],
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport {
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSControlledToggleT, DSControlledTogglePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DSControlledToggleCTX {\n propsWithDefault: DSControlledToggleT.InternalProps;\n globalProps: ReturnType<typeof useGetGlobalAttributes>;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n instanceUid: string;\n}\n\nexport const useDSControlledToggle = (propsFromUser: DSControlledToggleT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledToggleT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSControlledTogglePropTypes);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n const { disabled, readOnly, onChange } = propsWithDefault;\n const handleOnClick = useCallback(\n (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled || readOnly) return;\n if (onChange) {\n onChange(e);\n }\n },\n [disabled, readOnly, onChange],\n );\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSControlledToggleT.InternalProps>(propsWithDefault, {\n onClick: handleOnClick,\n });\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\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 handleOnClick,\n }),\n [propsWithDefault, globalProps, xstyledProps, instanceUid, handleOnClick],\n );\n};\n"],
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAAmC,6BAA6B,oBAAoB;AACpF,SAAS,wBAAwB;AAS1B,MAAM,wBAAwB,CAAC,kBAA6C;AAIjF,QAAM,mBAAmB,6BAAgE,eAAe,YAAY;AACpH,mBAAiB,kBAAkB,2BAA2B;AAI9D,QAAM,EAAE,UAAU,UAAU,SAAS,IAAI;AACzC,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAgG;AAC/F,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAIA,QAAM,cAAc,uBAA0D,kBAAkB;AAAA,IAC9F,SAAS;AAAA,EACX,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAM1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,cAAc,aAAa,aAAa;AAAA,EAC1E;AACF;",
|
6
6
|
"names": ["React"]
|
7
7
|
}
|
@@ -9,7 +9,371 @@ export interface DSControlledToggleCTX {
|
|
9
9
|
}
|
10
10
|
export declare const useDSControlledToggle: (propsFromUser: DSControlledToggleT.Props) => {
|
11
11
|
propsWithDefault: DSControlledToggleT.InternalProps;
|
12
|
-
globalProps: Pick<
|
12
|
+
globalProps: Partial<Pick<object, "name" | "value" | "checked" | "onChange" | "size" | "readOnly" | "disabled" | "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" | "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" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "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" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap"> & Omit<{
|
13
|
+
"aria-activedescendant"?: string | undefined;
|
14
|
+
"aria-atomic"?: boolean | "true" | "false" | undefined;
|
15
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
16
|
+
"aria-braillelabel"?: string | undefined;
|
17
|
+
"aria-brailleroledescription"?: string | undefined;
|
18
|
+
"aria-busy"?: boolean | "true" | "false" | undefined;
|
19
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
20
|
+
"aria-colcount"?: number | undefined;
|
21
|
+
"aria-colindex"?: number | undefined;
|
22
|
+
"aria-colindextext"?: string | undefined;
|
23
|
+
"aria-colspan"?: number | undefined;
|
24
|
+
"aria-controls"?: string | undefined;
|
25
|
+
"aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
|
26
|
+
"aria-describedby"?: string | undefined;
|
27
|
+
"aria-description"?: string | undefined;
|
28
|
+
"aria-details"?: string | undefined;
|
29
|
+
"aria-disabled"?: boolean | "true" | "false" | undefined;
|
30
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
31
|
+
"aria-errormessage"?: string | undefined;
|
32
|
+
"aria-expanded"?: boolean | "true" | "false" | undefined;
|
33
|
+
"aria-flowto"?: string | undefined;
|
34
|
+
"aria-grabbed"?: boolean | "true" | "false" | undefined;
|
35
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
36
|
+
"aria-hidden"?: boolean | "true" | "false" | undefined;
|
37
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
38
|
+
"aria-keyshortcuts"?: string | undefined;
|
39
|
+
"aria-label"?: string | undefined;
|
40
|
+
"aria-labelledby"?: string | undefined;
|
41
|
+
"aria-level"?: number | undefined;
|
42
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
43
|
+
"aria-modal"?: boolean | "true" | "false" | undefined;
|
44
|
+
"aria-multiline"?: boolean | "true" | "false" | undefined;
|
45
|
+
"aria-multiselectable"?: boolean | "true" | "false" | undefined;
|
46
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
47
|
+
"aria-owns"?: string | undefined;
|
48
|
+
"aria-placeholder"?: string | undefined;
|
49
|
+
"aria-posinset"?: number | undefined;
|
50
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
51
|
+
"aria-readonly"?: boolean | "true" | "false" | undefined;
|
52
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
53
|
+
"aria-required"?: boolean | "true" | "false" | undefined;
|
54
|
+
"aria-roledescription"?: string | undefined;
|
55
|
+
"aria-rowcount"?: number | undefined;
|
56
|
+
"aria-rowindex"?: number | undefined;
|
57
|
+
"aria-rowindextext"?: string | undefined;
|
58
|
+
"aria-rowspan"?: number | undefined;
|
59
|
+
"aria-selected"?: boolean | "true" | "false" | undefined;
|
60
|
+
"aria-setsize"?: number | undefined;
|
61
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
62
|
+
"aria-valuemax"?: number | undefined;
|
63
|
+
"aria-valuemin"?: number | undefined;
|
64
|
+
"aria-valuenow"?: number | undefined;
|
65
|
+
"aria-valuetext"?: string | undefined;
|
66
|
+
children?: React.ReactNode;
|
67
|
+
onCopy?: React.ClipboardEventHandler<Element> | undefined;
|
68
|
+
onCopyCapture?: React.ClipboardEventHandler<Element> | undefined;
|
69
|
+
onCut?: React.ClipboardEventHandler<Element> | undefined;
|
70
|
+
onCutCapture?: React.ClipboardEventHandler<Element> | undefined;
|
71
|
+
onPaste?: React.ClipboardEventHandler<Element> | undefined;
|
72
|
+
onPasteCapture?: React.ClipboardEventHandler<Element> | undefined;
|
73
|
+
onCompositionEnd?: React.CompositionEventHandler<Element> | undefined;
|
74
|
+
onCompositionEndCapture?: React.CompositionEventHandler<Element> | undefined;
|
75
|
+
onCompositionStart?: React.CompositionEventHandler<Element> | undefined;
|
76
|
+
onCompositionStartCapture?: React.CompositionEventHandler<Element> | undefined;
|
77
|
+
onCompositionUpdate?: React.CompositionEventHandler<Element> | undefined;
|
78
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<Element> | undefined;
|
79
|
+
onFocus?: React.FocusEventHandler<Element> | undefined;
|
80
|
+
onFocusCapture?: React.FocusEventHandler<Element> | undefined;
|
81
|
+
onBlur?: React.FocusEventHandler<Element> | undefined;
|
82
|
+
onBlurCapture?: React.FocusEventHandler<Element> | undefined;
|
83
|
+
onChange?: React.FormEventHandler<Element> | undefined;
|
84
|
+
onChangeCapture?: React.FormEventHandler<Element> | undefined;
|
85
|
+
onBeforeInput?: React.FormEventHandler<Element> | undefined;
|
86
|
+
onBeforeInputCapture?: React.FormEventHandler<Element> | undefined;
|
87
|
+
onInput?: React.FormEventHandler<Element> | undefined;
|
88
|
+
onInputCapture?: React.FormEventHandler<Element> | undefined;
|
89
|
+
onReset?: React.FormEventHandler<Element> | undefined;
|
90
|
+
onResetCapture?: React.FormEventHandler<Element> | undefined;
|
91
|
+
onSubmit?: React.FormEventHandler<Element> | undefined;
|
92
|
+
onSubmitCapture?: React.FormEventHandler<Element> | undefined;
|
93
|
+
onInvalid?: React.FormEventHandler<Element> | undefined;
|
94
|
+
onInvalidCapture?: React.FormEventHandler<Element> | undefined;
|
95
|
+
onLoad?: React.ReactEventHandler<Element> | undefined;
|
96
|
+
onLoadCapture?: React.ReactEventHandler<Element> | undefined;
|
97
|
+
onError?: React.ReactEventHandler<Element> | undefined;
|
98
|
+
onErrorCapture?: React.ReactEventHandler<Element> | undefined;
|
99
|
+
onKeyDown?: React.KeyboardEventHandler<Element> | undefined;
|
100
|
+
onKeyDownCapture?: React.KeyboardEventHandler<Element> | undefined;
|
101
|
+
onKeyPress?: React.KeyboardEventHandler<Element> | undefined;
|
102
|
+
onKeyPressCapture?: React.KeyboardEventHandler<Element> | undefined;
|
103
|
+
onKeyUp?: React.KeyboardEventHandler<Element> | undefined;
|
104
|
+
onKeyUpCapture?: React.KeyboardEventHandler<Element> | undefined;
|
105
|
+
onAbort?: React.ReactEventHandler<Element> | undefined;
|
106
|
+
onAbortCapture?: React.ReactEventHandler<Element> | undefined;
|
107
|
+
onCanPlay?: React.ReactEventHandler<Element> | undefined;
|
108
|
+
onCanPlayCapture?: React.ReactEventHandler<Element> | undefined;
|
109
|
+
onCanPlayThrough?: React.ReactEventHandler<Element> | undefined;
|
110
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<Element> | undefined;
|
111
|
+
onDurationChange?: React.ReactEventHandler<Element> | undefined;
|
112
|
+
onDurationChangeCapture?: React.ReactEventHandler<Element> | undefined;
|
113
|
+
onEmptied?: React.ReactEventHandler<Element> | undefined;
|
114
|
+
onEmptiedCapture?: React.ReactEventHandler<Element> | undefined;
|
115
|
+
onEncrypted?: React.ReactEventHandler<Element> | undefined;
|
116
|
+
onEncryptedCapture?: React.ReactEventHandler<Element> | undefined;
|
117
|
+
onEnded?: React.ReactEventHandler<Element> | undefined;
|
118
|
+
onEndedCapture?: React.ReactEventHandler<Element> | undefined;
|
119
|
+
onLoadedData?: React.ReactEventHandler<Element> | undefined;
|
120
|
+
onLoadedDataCapture?: React.ReactEventHandler<Element> | undefined;
|
121
|
+
onLoadedMetadata?: React.ReactEventHandler<Element> | undefined;
|
122
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<Element> | undefined;
|
123
|
+
onLoadStart?: React.ReactEventHandler<Element> | undefined;
|
124
|
+
onLoadStartCapture?: React.ReactEventHandler<Element> | undefined;
|
125
|
+
onPause?: React.ReactEventHandler<Element> | undefined;
|
126
|
+
onPauseCapture?: React.ReactEventHandler<Element> | undefined;
|
127
|
+
onPlay?: React.ReactEventHandler<Element> | undefined;
|
128
|
+
onPlayCapture?: React.ReactEventHandler<Element> | undefined;
|
129
|
+
onPlaying?: React.ReactEventHandler<Element> | undefined;
|
130
|
+
onPlayingCapture?: React.ReactEventHandler<Element> | undefined;
|
131
|
+
onProgress?: React.ReactEventHandler<Element> | undefined;
|
132
|
+
onProgressCapture?: React.ReactEventHandler<Element> | undefined;
|
133
|
+
onRateChange?: React.ReactEventHandler<Element> | undefined;
|
134
|
+
onRateChangeCapture?: React.ReactEventHandler<Element> | undefined;
|
135
|
+
onResize?: React.ReactEventHandler<Element> | undefined;
|
136
|
+
onResizeCapture?: React.ReactEventHandler<Element> | undefined;
|
137
|
+
onSeeked?: React.ReactEventHandler<Element> | undefined;
|
138
|
+
onSeekedCapture?: React.ReactEventHandler<Element> | undefined;
|
139
|
+
onSeeking?: React.ReactEventHandler<Element> | undefined;
|
140
|
+
onSeekingCapture?: React.ReactEventHandler<Element> | undefined;
|
141
|
+
onStalled?: React.ReactEventHandler<Element> | undefined;
|
142
|
+
onStalledCapture?: React.ReactEventHandler<Element> | undefined;
|
143
|
+
onSuspend?: React.ReactEventHandler<Element> | undefined;
|
144
|
+
onSuspendCapture?: React.ReactEventHandler<Element> | undefined;
|
145
|
+
onTimeUpdate?: React.ReactEventHandler<Element> | undefined;
|
146
|
+
onTimeUpdateCapture?: React.ReactEventHandler<Element> | undefined;
|
147
|
+
onVolumeChange?: React.ReactEventHandler<Element> | undefined;
|
148
|
+
onVolumeChangeCapture?: React.ReactEventHandler<Element> | undefined;
|
149
|
+
onWaiting?: React.ReactEventHandler<Element> | undefined;
|
150
|
+
onWaitingCapture?: React.ReactEventHandler<Element> | undefined;
|
151
|
+
onAuxClick?: React.MouseEventHandler<Element> | undefined;
|
152
|
+
onAuxClickCapture?: React.MouseEventHandler<Element> | undefined;
|
153
|
+
onClick?: React.MouseEventHandler<Element> | undefined;
|
154
|
+
onClickCapture?: React.MouseEventHandler<Element> | undefined;
|
155
|
+
onContextMenu?: React.MouseEventHandler<Element> | undefined;
|
156
|
+
onContextMenuCapture?: React.MouseEventHandler<Element> | undefined;
|
157
|
+
onDoubleClick?: React.MouseEventHandler<Element> | undefined;
|
158
|
+
onDoubleClickCapture?: React.MouseEventHandler<Element> | undefined;
|
159
|
+
onDrag?: React.DragEventHandler<Element> | undefined;
|
160
|
+
onDragCapture?: React.DragEventHandler<Element> | undefined;
|
161
|
+
onDragEnd?: React.DragEventHandler<Element> | undefined;
|
162
|
+
onDragEndCapture?: React.DragEventHandler<Element> | undefined;
|
163
|
+
onDragEnter?: React.DragEventHandler<Element> | undefined;
|
164
|
+
onDragEnterCapture?: React.DragEventHandler<Element> | undefined;
|
165
|
+
onDragExit?: React.DragEventHandler<Element> | undefined;
|
166
|
+
onDragExitCapture?: React.DragEventHandler<Element> | undefined;
|
167
|
+
onDragLeave?: React.DragEventHandler<Element> | undefined;
|
168
|
+
onDragLeaveCapture?: React.DragEventHandler<Element> | undefined;
|
169
|
+
onDragOver?: React.DragEventHandler<Element> | undefined;
|
170
|
+
onDragOverCapture?: React.DragEventHandler<Element> | undefined;
|
171
|
+
onDragStart?: React.DragEventHandler<Element> | undefined;
|
172
|
+
onDragStartCapture?: React.DragEventHandler<Element> | undefined;
|
173
|
+
onDrop?: React.DragEventHandler<Element> | undefined;
|
174
|
+
onDropCapture?: React.DragEventHandler<Element> | undefined;
|
175
|
+
onMouseDown?: React.MouseEventHandler<Element> | undefined;
|
176
|
+
onMouseDownCapture?: React.MouseEventHandler<Element> | undefined;
|
177
|
+
onMouseEnter?: React.MouseEventHandler<Element> | undefined;
|
178
|
+
onMouseLeave?: React.MouseEventHandler<Element> | undefined;
|
179
|
+
onMouseMove?: React.MouseEventHandler<Element> | undefined;
|
180
|
+
onMouseMoveCapture?: React.MouseEventHandler<Element> | undefined;
|
181
|
+
onMouseOut?: React.MouseEventHandler<Element> | undefined;
|
182
|
+
onMouseOutCapture?: React.MouseEventHandler<Element> | undefined;
|
183
|
+
onMouseOver?: React.MouseEventHandler<Element> | undefined;
|
184
|
+
onMouseOverCapture?: React.MouseEventHandler<Element> | undefined;
|
185
|
+
onMouseUp?: React.MouseEventHandler<Element> | undefined;
|
186
|
+
onMouseUpCapture?: React.MouseEventHandler<Element> | undefined;
|
187
|
+
onSelect?: React.ReactEventHandler<Element> | undefined;
|
188
|
+
onSelectCapture?: React.ReactEventHandler<Element> | undefined;
|
189
|
+
onTouchCancel?: React.TouchEventHandler<Element> | undefined;
|
190
|
+
onTouchCancelCapture?: React.TouchEventHandler<Element> | undefined;
|
191
|
+
onTouchEnd?: React.TouchEventHandler<Element> | undefined;
|
192
|
+
onTouchEndCapture?: React.TouchEventHandler<Element> | undefined;
|
193
|
+
onTouchMove?: React.TouchEventHandler<Element> | undefined;
|
194
|
+
onTouchMoveCapture?: React.TouchEventHandler<Element> | undefined;
|
195
|
+
onTouchStart?: React.TouchEventHandler<Element> | undefined;
|
196
|
+
onTouchStartCapture?: React.TouchEventHandler<Element> | undefined;
|
197
|
+
onPointerDown?: React.PointerEventHandler<Element> | undefined;
|
198
|
+
onPointerDownCapture?: React.PointerEventHandler<Element> | undefined;
|
199
|
+
onPointerMove?: React.PointerEventHandler<Element> | undefined;
|
200
|
+
onPointerMoveCapture?: React.PointerEventHandler<Element> | undefined;
|
201
|
+
onPointerUp?: React.PointerEventHandler<Element> | undefined;
|
202
|
+
onPointerUpCapture?: React.PointerEventHandler<Element> | undefined;
|
203
|
+
onPointerCancel?: React.PointerEventHandler<Element> | undefined;
|
204
|
+
onPointerCancelCapture?: React.PointerEventHandler<Element> | undefined;
|
205
|
+
onPointerEnter?: React.PointerEventHandler<Element> | undefined;
|
206
|
+
onPointerLeave?: React.PointerEventHandler<Element> | undefined;
|
207
|
+
onPointerOver?: React.PointerEventHandler<Element> | undefined;
|
208
|
+
onPointerOverCapture?: React.PointerEventHandler<Element> | undefined;
|
209
|
+
onPointerOut?: React.PointerEventHandler<Element> | undefined;
|
210
|
+
onPointerOutCapture?: React.PointerEventHandler<Element> | undefined;
|
211
|
+
onGotPointerCapture?: React.PointerEventHandler<Element> | undefined;
|
212
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<Element> | undefined;
|
213
|
+
onLostPointerCapture?: React.PointerEventHandler<Element> | undefined;
|
214
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<Element> | undefined;
|
215
|
+
onScroll?: React.UIEventHandler<Element> | undefined;
|
216
|
+
onScrollCapture?: React.UIEventHandler<Element> | undefined;
|
217
|
+
onWheel?: React.WheelEventHandler<Element> | undefined;
|
218
|
+
onWheelCapture?: React.WheelEventHandler<Element> | undefined;
|
219
|
+
onAnimationStart?: React.AnimationEventHandler<Element> | undefined;
|
220
|
+
onAnimationStartCapture?: React.AnimationEventHandler<Element> | undefined;
|
221
|
+
onAnimationEnd?: React.AnimationEventHandler<Element> | undefined;
|
222
|
+
onAnimationEndCapture?: React.AnimationEventHandler<Element> | undefined;
|
223
|
+
onAnimationIteration?: React.AnimationEventHandler<Element> | undefined;
|
224
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<Element> | undefined;
|
225
|
+
onTransitionEnd?: React.TransitionEventHandler<Element> | undefined;
|
226
|
+
onTransitionEndCapture?: React.TransitionEventHandler<Element> | undefined;
|
227
|
+
form?: string | undefined;
|
228
|
+
list?: string | undefined;
|
229
|
+
defaultChecked?: boolean | undefined;
|
230
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
231
|
+
suppressContentEditableWarning?: boolean | undefined;
|
232
|
+
suppressHydrationWarning?: boolean | undefined;
|
233
|
+
accessKey?: string | undefined;
|
234
|
+
autoFocus?: boolean | undefined;
|
235
|
+
className?: string | undefined;
|
236
|
+
contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
|
237
|
+
contextMenu?: string | undefined;
|
238
|
+
dir?: string | undefined;
|
239
|
+
draggable?: boolean | "true" | "false" | undefined;
|
240
|
+
hidden?: boolean | undefined;
|
241
|
+
id?: string | undefined;
|
242
|
+
lang?: string | undefined;
|
243
|
+
nonce?: string | undefined;
|
244
|
+
slot?: string | undefined;
|
245
|
+
spellCheck?: boolean | "true" | "false" | undefined;
|
246
|
+
style?: React.CSSProperties | undefined;
|
247
|
+
tabIndex?: 0 | -1 | undefined;
|
248
|
+
title?: string | undefined;
|
249
|
+
translate?: "yes" | "no" | undefined;
|
250
|
+
radioGroup?: string | undefined;
|
251
|
+
role?: React.AriaRole | undefined;
|
252
|
+
about?: string | undefined;
|
253
|
+
content?: string | undefined;
|
254
|
+
datatype?: string | undefined;
|
255
|
+
inlist?: any;
|
256
|
+
prefix?: string | undefined;
|
257
|
+
property?: string | undefined;
|
258
|
+
rel?: string | undefined;
|
259
|
+
resource?: string | undefined;
|
260
|
+
rev?: string | undefined;
|
261
|
+
typeof?: string | undefined;
|
262
|
+
vocab?: string | undefined;
|
263
|
+
autoCapitalize?: string | undefined;
|
264
|
+
autoCorrect?: string | undefined;
|
265
|
+
autoSave?: string | undefined;
|
266
|
+
color?: string | undefined;
|
267
|
+
itemProp?: string | undefined;
|
268
|
+
itemScope?: boolean | undefined;
|
269
|
+
itemType?: string | undefined;
|
270
|
+
itemID?: string | undefined;
|
271
|
+
itemRef?: string | undefined;
|
272
|
+
results?: number | undefined;
|
273
|
+
security?: string | undefined;
|
274
|
+
unselectable?: "on" | "off" | undefined;
|
275
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
276
|
+
is?: string | undefined;
|
277
|
+
accept?: string | undefined;
|
278
|
+
acceptCharset?: string | undefined;
|
279
|
+
action?: string | undefined;
|
280
|
+
allowFullScreen?: boolean | undefined;
|
281
|
+
allowTransparency?: boolean | undefined;
|
282
|
+
alt?: string | undefined;
|
283
|
+
async?: boolean | undefined;
|
284
|
+
autoComplete?: string | undefined;
|
285
|
+
autoPlay?: boolean | undefined;
|
286
|
+
capture?: boolean | "user" | "environment" | undefined;
|
287
|
+
cellPadding?: string | number | undefined;
|
288
|
+
cellSpacing?: string | number | undefined;
|
289
|
+
charSet?: string | undefined;
|
290
|
+
challenge?: string | undefined;
|
291
|
+
checked?: boolean | undefined;
|
292
|
+
cite?: string | undefined;
|
293
|
+
classID?: string | undefined;
|
294
|
+
cols?: number | undefined;
|
295
|
+
colSpan?: number | undefined;
|
296
|
+
controls?: boolean | undefined;
|
297
|
+
coords?: string | undefined;
|
298
|
+
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
299
|
+
data?: string | undefined;
|
300
|
+
dateTime?: string | undefined;
|
301
|
+
default?: boolean | undefined;
|
302
|
+
defer?: boolean | undefined;
|
303
|
+
disabled?: boolean | undefined;
|
304
|
+
download?: any;
|
305
|
+
encType?: string | undefined;
|
306
|
+
formAction?: string | undefined;
|
307
|
+
formEncType?: string | undefined;
|
308
|
+
formMethod?: string | undefined;
|
309
|
+
formNoValidate?: boolean | undefined;
|
310
|
+
formTarget?: string | undefined;
|
311
|
+
frameBorder?: string | number | undefined;
|
312
|
+
headers?: string | undefined;
|
313
|
+
height?: string | number | undefined;
|
314
|
+
high?: number | undefined;
|
315
|
+
href?: string | undefined;
|
316
|
+
hrefLang?: string | undefined;
|
317
|
+
htmlFor?: string | undefined;
|
318
|
+
httpEquiv?: string | undefined;
|
319
|
+
integrity?: string | undefined;
|
320
|
+
keyParams?: string | undefined;
|
321
|
+
keyType?: string | undefined;
|
322
|
+
kind?: string | undefined;
|
323
|
+
label?: string | undefined;
|
324
|
+
loop?: boolean | undefined;
|
325
|
+
low?: number | undefined;
|
326
|
+
manifest?: string | undefined;
|
327
|
+
marginHeight?: number | undefined;
|
328
|
+
marginWidth?: number | undefined;
|
329
|
+
max?: string | number | undefined;
|
330
|
+
maxLength?: number | undefined;
|
331
|
+
media?: string | undefined;
|
332
|
+
mediaGroup?: string | undefined;
|
333
|
+
method?: string | undefined;
|
334
|
+
min?: string | number | undefined;
|
335
|
+
minLength?: number | undefined;
|
336
|
+
multiple?: boolean | undefined;
|
337
|
+
muted?: boolean | undefined;
|
338
|
+
name?: string | undefined;
|
339
|
+
noValidate?: boolean | undefined;
|
340
|
+
open?: boolean | undefined;
|
341
|
+
optimum?: number | undefined;
|
342
|
+
pattern?: string | undefined;
|
343
|
+
placeholder?: string | undefined;
|
344
|
+
playsInline?: boolean | undefined;
|
345
|
+
poster?: string | undefined;
|
346
|
+
preload?: string | undefined;
|
347
|
+
readOnly?: boolean | undefined;
|
348
|
+
required?: boolean | undefined;
|
349
|
+
reversed?: boolean | undefined;
|
350
|
+
rows?: number | undefined;
|
351
|
+
rowSpan?: number | undefined;
|
352
|
+
sandbox?: string | undefined;
|
353
|
+
scope?: string | undefined;
|
354
|
+
scoped?: boolean | undefined;
|
355
|
+
scrolling?: string | undefined;
|
356
|
+
seamless?: boolean | undefined;
|
357
|
+
selected?: boolean | undefined;
|
358
|
+
shape?: string | undefined;
|
359
|
+
size?: number | undefined;
|
360
|
+
sizes?: string | undefined;
|
361
|
+
span?: number | undefined;
|
362
|
+
src?: string | undefined;
|
363
|
+
srcDoc?: string | undefined;
|
364
|
+
srcLang?: string | undefined;
|
365
|
+
srcSet?: string | undefined;
|
366
|
+
start?: number | undefined;
|
367
|
+
step?: string | number | undefined;
|
368
|
+
summary?: string | undefined;
|
369
|
+
target?: string | undefined;
|
370
|
+
type?: string | undefined;
|
371
|
+
useMap?: string | undefined;
|
372
|
+
value?: string | number | readonly string[] | undefined;
|
373
|
+
width?: string | number | undefined;
|
374
|
+
wmode?: string | undefined;
|
375
|
+
wrap?: string | undefined;
|
376
|
+
}, never>>;
|
13
377
|
xstyledProps: import("@elliemae/ds-utilities").XstyledProps;
|
14
378
|
instanceUid: string;
|
15
379
|
handleOnClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@elliemae/ds-form-toggle",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.33.0-next.1",
|
4
4
|
"license": "MIT",
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Toggle",
|
6
6
|
"files": [
|
@@ -38,17 +38,17 @@
|
|
38
38
|
"lodash": "~4.17.21",
|
39
39
|
"styled-components": "~5.3.9",
|
40
40
|
"uid": "~2.0.1",
|
41
|
-
"@elliemae/ds-button-v2": "3.
|
42
|
-
"@elliemae/ds-
|
43
|
-
"@elliemae/ds-
|
44
|
-
"@elliemae/ds-
|
45
|
-
"@elliemae/ds-
|
41
|
+
"@elliemae/ds-button-v2": "3.33.0-next.1",
|
42
|
+
"@elliemae/ds-props-helpers": "3.33.0-next.1",
|
43
|
+
"@elliemae/ds-system": "3.33.0-next.1",
|
44
|
+
"@elliemae/ds-tooltip": "3.33.0-next.1",
|
45
|
+
"@elliemae/ds-utilities": "3.33.0-next.1"
|
46
46
|
},
|
47
47
|
"devDependencies": {
|
48
48
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
49
49
|
"@elliemae/pui-theme": "~2.7.0",
|
50
50
|
"styled-components": "~5.3.9",
|
51
|
-
"@elliemae/ds-monorepo-devops": "3.
|
51
|
+
"@elliemae/ds-monorepo-devops": "3.33.0-next.1"
|
52
52
|
},
|
53
53
|
"peerDependencies": {
|
54
54
|
"@elliemae/pui-theme": "~2.7.0",
|