@chayns-components/core 5.0.0-beta.1160 → 5.0.0-beta.1161
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/lib/cjs/hooks/element.js
CHANGED
|
@@ -29,14 +29,7 @@ const useElementSize = (ref, {
|
|
|
29
29
|
return size;
|
|
30
30
|
};
|
|
31
31
|
exports.useElementSize = useElementSize;
|
|
32
|
-
const
|
|
33
|
-
content
|
|
34
|
-
}) => {
|
|
35
|
-
const ref = (0, _react.useRef)(null);
|
|
36
|
-
const [size, setSize] = (0, _react.useState)({
|
|
37
|
-
width: 0,
|
|
38
|
-
height: 0
|
|
39
|
-
});
|
|
32
|
+
const getClonedElement = content => {
|
|
40
33
|
const preventEvents = {
|
|
41
34
|
onClick: e => e.stopPropagation(),
|
|
42
35
|
onMouseDown: e => e.stopPropagation(),
|
|
@@ -46,10 +39,28 @@ const useMeasuredClone = ({
|
|
|
46
39
|
onFocus: e => e.stopPropagation(),
|
|
47
40
|
onBlur: e => e.stopPropagation()
|
|
48
41
|
};
|
|
49
|
-
const
|
|
42
|
+
const props = {
|
|
50
43
|
...preventEvents,
|
|
51
44
|
'data-measured-clone': true
|
|
45
|
+
};
|
|
46
|
+
if (/*#__PURE__*/(0, _react.isValidElement)(content)) {
|
|
47
|
+
return /*#__PURE__*/(0, _react.cloneElement)(content, props);
|
|
48
|
+
}
|
|
49
|
+
if (typeof content === 'string') {
|
|
50
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement("span", props, content);
|
|
52
|
+
}
|
|
53
|
+
return content;
|
|
54
|
+
};
|
|
55
|
+
const useMeasuredClone = ({
|
|
56
|
+
content
|
|
57
|
+
}) => {
|
|
58
|
+
const ref = (0, _react.useRef)(null);
|
|
59
|
+
const [size, setSize] = (0, _react.useState)({
|
|
60
|
+
width: 0,
|
|
61
|
+
height: 0
|
|
52
62
|
});
|
|
63
|
+
const clonedElement = getClonedElement(content);
|
|
53
64
|
(0, _react.useEffect)(() => {
|
|
54
65
|
const measure = () => {
|
|
55
66
|
if (!ref.current) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","names":["_react","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useElementSize","ref","shouldUseChildElement","size","setSize","useState","useEffect","_ref$current","target","current","firstElementChild","updateSize","getBoundingClientRect","observer","ResizeObserver","entries","forEach","entry","contentRect","observe","disconnect","exports","
|
|
1
|
+
{"version":3,"file":"element.js","names":["_react","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useElementSize","ref","shouldUseChildElement","size","setSize","useState","useEffect","_ref$current","target","current","firstElementChild","updateSize","getBoundingClientRect","observer","ResizeObserver","entries","forEach","entry","contentRect","observe","disconnect","exports","getClonedElement","content","preventEvents","onClick","stopPropagation","onMouseDown","onMouseUp","onKeyDown","onKeyUp","onFocus","onBlur","props","isValidElement","cloneElement","createElement","useMeasuredClone","useRef","width","height","clonedElement","measure","offsetWidth","offsetHeight","measuredElement","style","position","opacity","pointerEvents","zIndex","visibility","useIsMeasuredClone","isClone","setIsClone","el","hasAttribute","parentElement"],"sources":["../../../src/hooks/element.tsx"],"sourcesContent":["import React, {\n cloneElement,\n HTMLAttributes,\n isValidElement,\n MutableRefObject,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\ninterface UseElementSizeOptions {\n shouldUseChildElement?: boolean;\n}\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>,\n { shouldUseChildElement = false }: UseElementSizeOptions = {},\n): DOMRectReadOnly | undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n useEffect(() => {\n const target = (\n shouldUseChildElement ? ref.current?.firstElementChild : ref.current\n ) as HTMLElement | null;\n\n if (!target) return () => {};\n\n const updateSize = () => setSize(target.getBoundingClientRect());\n\n updateSize();\n\n const observer = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target === target) {\n setSize(entry.contentRect);\n }\n });\n });\n\n observer.observe(target);\n\n return () => observer.disconnect();\n }, [ref, shouldUseChildElement]);\n\n return size;\n};\n\nconst getClonedElement = (content: ReactNode) => {\n const preventEvents: Partial<HTMLAttributes<any>> = {\n onClick: (e) => e.stopPropagation(),\n onMouseDown: (e) => e.stopPropagation(),\n onMouseUp: (e) => e.stopPropagation(),\n onKeyDown: (e) => e.stopPropagation(),\n onKeyUp: (e) => e.stopPropagation(),\n onFocus: (e) => e.stopPropagation(),\n onBlur: (e) => e.stopPropagation(),\n };\n\n const props = {\n ...preventEvents,\n 'data-measured-clone': true,\n };\n\n if (isValidElement(content)) {\n return cloneElement(content as unknown as ReactElement, props);\n }\n\n if (typeof content === 'string') {\n // eslint-disable-next-line react/jsx-props-no-spreading\n return <span {...props}>{content}</span>;\n }\n\n return content;\n};\n\ninterface UseMeasuredCloneOptions {\n content: ReactNode;\n}\n\nexport const useMeasuredClone = ({ content }: UseMeasuredCloneOptions) => {\n const ref = useRef<HTMLDivElement>(null);\n const [size, setSize] = useState({ width: 0, height: 0 });\n\n const clonedElement = getClonedElement(content);\n\n useEffect(() => {\n const measure = () => {\n if (!ref.current) return;\n const { offsetWidth: width, offsetHeight: height } = ref.current;\n setSize({ width, height });\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n\n if (ref.current) observer.observe(ref.current);\n\n return () => observer.disconnect();\n }, []);\n\n const measuredElement = (\n <div\n data-measured-clone=\"true\"\n ref={ref}\n style={{\n position: 'absolute',\n opacity: 0,\n pointerEvents: 'none',\n zIndex: -1,\n height: 'auto',\n width: 'auto',\n visibility: 'hidden',\n }}\n >\n {clonedElement}\n </div>\n );\n\n return {\n measuredElement,\n width: size.width,\n height: size.height,\n };\n};\n\nexport const useIsMeasuredClone = <T extends HTMLElement>() => {\n const ref = useRef<T | null>(null);\n\n const [isClone, setIsClone] = useState(false);\n\n useEffect(() => {\n if (!ref.current) return;\n\n let el: HTMLElement | null = ref.current;\n\n while (el) {\n if (el.hasAttribute('data-measured-clone')) {\n setIsClone(true);\n\n return;\n }\n\n el = el.parentElement;\n }\n\n setIsClone(false);\n }, []);\n\n return [isClone, ref] as const;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/esm/hooks/element.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { cloneElement, useEffect, useRef, useState } from 'react';
|
|
1
|
+
import React, { cloneElement, isValidElement, useEffect, useRef, useState } from 'react';
|
|
2
2
|
export const useElementSize = function (ref) {
|
|
3
3
|
let {
|
|
4
4
|
shouldUseChildElement = false
|
|
@@ -21,15 +21,7 @@ export const useElementSize = function (ref) {
|
|
|
21
21
|
}, [ref, shouldUseChildElement]);
|
|
22
22
|
return size;
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
let {
|
|
26
|
-
content
|
|
27
|
-
} = _ref;
|
|
28
|
-
const ref = useRef(null);
|
|
29
|
-
const [size, setSize] = useState({
|
|
30
|
-
width: 0,
|
|
31
|
-
height: 0
|
|
32
|
-
});
|
|
24
|
+
const getClonedElement = content => {
|
|
33
25
|
const preventEvents = {
|
|
34
26
|
onClick: e => e.stopPropagation(),
|
|
35
27
|
onMouseDown: e => e.stopPropagation(),
|
|
@@ -39,10 +31,29 @@ export const useMeasuredClone = _ref => {
|
|
|
39
31
|
onFocus: e => e.stopPropagation(),
|
|
40
32
|
onBlur: e => e.stopPropagation()
|
|
41
33
|
};
|
|
42
|
-
const
|
|
34
|
+
const props = {
|
|
43
35
|
...preventEvents,
|
|
44
36
|
'data-measured-clone': true
|
|
37
|
+
};
|
|
38
|
+
if (/*#__PURE__*/isValidElement(content)) {
|
|
39
|
+
return /*#__PURE__*/cloneElement(content, props);
|
|
40
|
+
}
|
|
41
|
+
if (typeof content === 'string') {
|
|
42
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
43
|
+
return /*#__PURE__*/React.createElement("span", props, content);
|
|
44
|
+
}
|
|
45
|
+
return content;
|
|
46
|
+
};
|
|
47
|
+
export const useMeasuredClone = _ref => {
|
|
48
|
+
let {
|
|
49
|
+
content
|
|
50
|
+
} = _ref;
|
|
51
|
+
const ref = useRef(null);
|
|
52
|
+
const [size, setSize] = useState({
|
|
53
|
+
width: 0,
|
|
54
|
+
height: 0
|
|
45
55
|
});
|
|
56
|
+
const clonedElement = getClonedElement(content);
|
|
46
57
|
useEffect(() => {
|
|
47
58
|
const measure = () => {
|
|
48
59
|
if (!ref.current) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","names":["React","cloneElement","useEffect","useRef","useState","useElementSize","ref","shouldUseChildElement","arguments","length","undefined","size","setSize","target","current","firstElementChild","updateSize","getBoundingClientRect","observer","ResizeObserver","entries","forEach","entry","contentRect","observe","disconnect","
|
|
1
|
+
{"version":3,"file":"element.js","names":["React","cloneElement","isValidElement","useEffect","useRef","useState","useElementSize","ref","shouldUseChildElement","arguments","length","undefined","size","setSize","target","current","firstElementChild","updateSize","getBoundingClientRect","observer","ResizeObserver","entries","forEach","entry","contentRect","observe","disconnect","getClonedElement","content","preventEvents","onClick","e","stopPropagation","onMouseDown","onMouseUp","onKeyDown","onKeyUp","onFocus","onBlur","props","createElement","useMeasuredClone","_ref","width","height","clonedElement","measure","offsetWidth","offsetHeight","measuredElement","style","position","opacity","pointerEvents","zIndex","visibility","useIsMeasuredClone","isClone","setIsClone","el","hasAttribute","parentElement"],"sources":["../../../src/hooks/element.tsx"],"sourcesContent":["import React, {\n cloneElement,\n HTMLAttributes,\n isValidElement,\n MutableRefObject,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\ninterface UseElementSizeOptions {\n shouldUseChildElement?: boolean;\n}\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>,\n { shouldUseChildElement = false }: UseElementSizeOptions = {},\n): DOMRectReadOnly | undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n useEffect(() => {\n const target = (\n shouldUseChildElement ? ref.current?.firstElementChild : ref.current\n ) as HTMLElement | null;\n\n if (!target) return () => {};\n\n const updateSize = () => setSize(target.getBoundingClientRect());\n\n updateSize();\n\n const observer = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.target === target) {\n setSize(entry.contentRect);\n }\n });\n });\n\n observer.observe(target);\n\n return () => observer.disconnect();\n }, [ref, shouldUseChildElement]);\n\n return size;\n};\n\nconst getClonedElement = (content: ReactNode) => {\n const preventEvents: Partial<HTMLAttributes<any>> = {\n onClick: (e) => e.stopPropagation(),\n onMouseDown: (e) => e.stopPropagation(),\n onMouseUp: (e) => e.stopPropagation(),\n onKeyDown: (e) => e.stopPropagation(),\n onKeyUp: (e) => e.stopPropagation(),\n onFocus: (e) => e.stopPropagation(),\n onBlur: (e) => e.stopPropagation(),\n };\n\n const props = {\n ...preventEvents,\n 'data-measured-clone': true,\n };\n\n if (isValidElement(content)) {\n return cloneElement(content as unknown as ReactElement, props);\n }\n\n if (typeof content === 'string') {\n // eslint-disable-next-line react/jsx-props-no-spreading\n return <span {...props}>{content}</span>;\n }\n\n return content;\n};\n\ninterface UseMeasuredCloneOptions {\n content: ReactNode;\n}\n\nexport const useMeasuredClone = ({ content }: UseMeasuredCloneOptions) => {\n const ref = useRef<HTMLDivElement>(null);\n const [size, setSize] = useState({ width: 0, height: 0 });\n\n const clonedElement = getClonedElement(content);\n\n useEffect(() => {\n const measure = () => {\n if (!ref.current) return;\n const { offsetWidth: width, offsetHeight: height } = ref.current;\n setSize({ width, height });\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n\n if (ref.current) observer.observe(ref.current);\n\n return () => observer.disconnect();\n }, []);\n\n const measuredElement = (\n <div\n data-measured-clone=\"true\"\n ref={ref}\n style={{\n position: 'absolute',\n opacity: 0,\n pointerEvents: 'none',\n zIndex: -1,\n height: 'auto',\n width: 'auto',\n visibility: 'hidden',\n }}\n >\n {clonedElement}\n </div>\n );\n\n return {\n measuredElement,\n width: size.width,\n height: size.height,\n };\n};\n\nexport const useIsMeasuredClone = <T extends HTMLElement>() => {\n const ref = useRef<T | null>(null);\n\n const [isClone, setIsClone] = useState(false);\n\n useEffect(() => {\n if (!ref.current) return;\n\n let el: HTMLElement | null = ref.current;\n\n while (el) {\n if (el.hasAttribute('data-measured-clone')) {\n setIsClone(true);\n\n return;\n }\n\n el = el.parentElement;\n }\n\n setIsClone(false);\n }, []);\n\n return [isClone, ref] as const;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.1161",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"publishConfig": {
|
|
86
86
|
"access": "public"
|
|
87
87
|
},
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "86f367657548747796bd36e19564d67a622ab89c"
|
|
89
89
|
}
|