@instructure/ui-react-utils 10.26.1-snapshot-2 → 10.26.2
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/CHANGELOG.md +5 -18
- package/es/DeterministicIdContext/withDeterministicId.js +6 -0
- package/es/deprecated.js +147 -0
- package/es/experimental.js +85 -0
- package/es/hack.js +96 -0
- package/es/index.js +3 -0
- package/lib/DeterministicIdContext/withDeterministicId.js +6 -0
- package/lib/deprecated.js +153 -0
- package/lib/experimental.js +91 -0
- package/lib/hack.js +79 -0
- package/lib/index.js +21 -0
- package/package.json +12 -11
- package/src/DeterministicIdContext/withDeterministicId.tsx +6 -0
- package/src/deprecated.ts +237 -0
- package/src/experimental.ts +127 -0
- package/src/getElementType.ts +2 -2
- package/src/hack.ts +128 -0
- package/src/index.ts +3 -1
- package/src/safeCloneElement.ts +3 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/DeterministicIdContext/withDeterministicId.d.ts.map +1 -1
- package/types/deprecated.d.ts +37 -0
- package/types/deprecated.d.ts.map +1 -0
- package/types/experimental.d.ts +27 -0
- package/types/experimental.d.ts.map +1 -0
- package/types/getElementType.d.ts +2 -2
- package/types/getElementType.d.ts.map +1 -1
- package/types/hack.d.ts +47 -0
- package/types/hack.d.ts.map +1 -0
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +1 -1
- package/types/safeCloneElement.d.ts +1 -1
- package/types/safeCloneElement.d.ts.map +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ComponentClass } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ---
|
|
4
|
+
* category: utilities/react
|
|
5
|
+
* ---
|
|
6
|
+
* Flag React component and component props as experimental.
|
|
7
|
+
* Warnings will display in the console when experimental components/props
|
|
8
|
+
* props are used.
|
|
9
|
+
*
|
|
10
|
+
* ```js-code
|
|
11
|
+
* class Example extends Component {
|
|
12
|
+
* static propTypes = {
|
|
13
|
+
* currentProp: PropTypes.func
|
|
14
|
+
* }
|
|
15
|
+
* }
|
|
16
|
+
* export default experimental(['experimentalProp'])(Example)
|
|
17
|
+
* ```
|
|
18
|
+
*
|
|
19
|
+
* @module experimental
|
|
20
|
+
* @param {array} experimentalProps (if this argument is null or undefined, the entire component is flagged)
|
|
21
|
+
* @param {string} message
|
|
22
|
+
* @return {function} React component flagged as experimental
|
|
23
|
+
*/
|
|
24
|
+
declare const experimental: (...args: unknown[]) => (ComposedComponent: ComponentClass<any>) => any;
|
|
25
|
+
export default experimental;
|
|
26
|
+
export { experimental };
|
|
27
|
+
//# sourceMappingURL=experimental.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,YAAY,yEAqDX,CAAA;AAuBP,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
2
|
import { AsElementType } from '@instructure/shared-types';
|
|
3
3
|
/**
|
|
4
4
|
* A props object that is searched for some fields to determine the
|
|
@@ -28,7 +28,7 @@ interface PropsObject {
|
|
|
28
28
|
* @param getDefault an optional function that returns the default element type
|
|
29
29
|
* @returns the element type
|
|
30
30
|
*/
|
|
31
|
-
declare function getElementType<T extends PropsObject>(Component:
|
|
31
|
+
declare function getElementType<T extends PropsObject>(Component: Omit<ComponentType<T>, 'propTypes'>, props: T, getDefault?: () => AsElementType<T>): "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | "noindex" | "animateMotion" | "animateTransform" | "mpath" | import("react").ComponentClass<any, any> | import("react").ComponentClass<T, any> | import("react").FunctionComponent<T> | NonNullable<T["as"]>;
|
|
32
32
|
export default getElementType;
|
|
33
33
|
export { getElementType };
|
|
34
34
|
//# sourceMappingURL=getElementType.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getElementType.d.ts","sourceRoot":"","sources":["../src/getElementType.ts"],"names":[],"mappings":"AAwBA,OAAO,
|
|
1
|
+
{"version":3,"file":"getElementType.d.ts","sourceRoot":"","sources":["../src/getElementType.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAA;CACzC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,cAAc,CAAC,CAAC,SAAS,WAAW,EAC3C,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAC9C,KAAK,EAAE,CAAC,EACR,UAAU,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,ijEAuBpC;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
package/types/hack.d.ts
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ---
|
|
3
|
+
* category: utilities/react
|
|
4
|
+
* ---
|
|
5
|
+
* Flag React component props as hack props.
|
|
6
|
+
* Warnings will display in the console when hack props are used.
|
|
7
|
+
*
|
|
8
|
+
* ```js-code
|
|
9
|
+
* class Example extends Component {
|
|
10
|
+
* static propTypes = {
|
|
11
|
+
* currentProp: PropTypes.func
|
|
12
|
+
* }
|
|
13
|
+
* }
|
|
14
|
+
* export default hack(['hackProp'])(Example)
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* @module hack
|
|
18
|
+
* @param {array} hackProps
|
|
19
|
+
* @param {string} message
|
|
20
|
+
* @return {function} React component flagged as having hack props
|
|
21
|
+
*/
|
|
22
|
+
declare const hack: (...args: unknown[]) => (ComposedComponent: import("react").ComponentClass<any>) => any;
|
|
23
|
+
export default hack;
|
|
24
|
+
export {
|
|
25
|
+
/**
|
|
26
|
+
* ---
|
|
27
|
+
* category: utilities/react
|
|
28
|
+
* ---
|
|
29
|
+
* Flag React component props as hack props.
|
|
30
|
+
* Warnings will display in the console when hack props are used.
|
|
31
|
+
*
|
|
32
|
+
* ```js
|
|
33
|
+
* class Example extends Component {
|
|
34
|
+
* static propTypes = {
|
|
35
|
+
* currentProp: PropTypes.func
|
|
36
|
+
* }
|
|
37
|
+
* }
|
|
38
|
+
* export default hack(['hackProp'])(Example)
|
|
39
|
+
* ```
|
|
40
|
+
*
|
|
41
|
+
* @module hack
|
|
42
|
+
* @param {array} hackProps
|
|
43
|
+
* @param {string} message
|
|
44
|
+
* @return {function} React component flagged as having hack props
|
|
45
|
+
*/
|
|
46
|
+
hack };
|
|
47
|
+
//# sourceMappingURL=hack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hack.d.ts","sourceRoot":"","sources":["../src/hack.ts"],"names":[],"mappings":"AA2BA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,yFAuCF,CAAA;AAgBR,eAAe,IAAI,CAAA;AACnB,OAAO;AACL;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,IAAI,EACL,CAAA"}
|
package/types/index.d.ts
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export { callRenderProp } from './callRenderProp';
|
|
2
|
+
export { deprecated } from './deprecated';
|
|
2
3
|
export { ensureSingleChild } from './ensureSingleChild';
|
|
4
|
+
export { experimental } from './experimental';
|
|
5
|
+
export { hack } from './hack';
|
|
3
6
|
export { getDisplayName } from './getDisplayName';
|
|
4
7
|
export { getElementType } from './getElementType';
|
|
5
8
|
export { getInteraction } from './getInteraction';
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,mBAAmB,EACpB,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,mBAAmB,EACpB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,YAAY,EACV,4BAA4B,EAC5B,wBAAwB,EACzB,MAAM,0BAA0B,CAAA"}
|
|
@@ -13,7 +13,7 @@ type GetProps<E extends ReactElement = ReactElement> = E extends FunctionCompone
|
|
|
13
13
|
* @param props Props of the element
|
|
14
14
|
* @param children
|
|
15
15
|
*/
|
|
16
|
-
declare function safeCloneElement<E extends ReactElement
|
|
16
|
+
declare function safeCloneElement<E extends ReactElement = ReactElement, P extends GetProps<E> = GetProps<E>>(element: {
|
|
17
17
|
ref?: any;
|
|
18
18
|
} & E, props: {
|
|
19
19
|
style?: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"safeCloneElement.d.ts","sourceRoot":"","sources":["../src/safeCloneElement.ts"],"names":[],"mappings":"AAwBA,OAAO,EACL,UAAU,EACV,wBAAwB,EACxB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,UAAU,EAGX,MAAM,OAAO,CAAA;AAKd,KAAK,QAAQ,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI,CAAC,SACpD,wBAAwB,CAAC,MAAM,CAAC,CAAC,GACjC,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAC9B,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GACxB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,GACjB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,CAAA;AAEvC;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CACvB,CAAC,SAAS,YAAY,
|
|
1
|
+
{"version":3,"file":"safeCloneElement.d.ts","sourceRoot":"","sources":["../src/safeCloneElement.ts"],"names":[],"mappings":"AAwBA,OAAO,EACL,UAAU,EACV,wBAAwB,EACxB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,UAAU,EAGX,MAAM,OAAO,CAAA;AAKd,KAAK,QAAQ,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI,CAAC,SACpD,wBAAwB,CAAC,MAAM,CAAC,CAAC,GACjC,gBAAgB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAC9B,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GACxB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,GACjB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,CAAA;AAEvC;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CACvB,CAAC,SAAS,YAAY,GAAG,YAAY,EACrC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAEnC,OAAO,EAAE;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,CAAC,EAC1B,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EACzD,GAAG,QAAQ,EAAE,SAAS,EAAE,KA0EzB;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|