@semcore/core 17.3.0 → 17.3.1-prerelease.11
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 +7 -0
- package/lib/LastInteractionType.d.ts +1 -0
- package/lib/LastInteractionType.d.ts.map +1 -0
- package/lib/core-types/Component.d.ts +1 -0
- package/lib/core-types/Component.d.ts.map +1 -0
- package/lib/core-types/UnknownProperties.d.ts +1 -0
- package/lib/core-types/UnknownProperties.d.ts.map +1 -0
- package/lib/core-types/symbols.d.ts +1 -0
- package/lib/core-types/symbols.d.ts.map +1 -0
- package/lib/coreFactory.d.ts +1 -0
- package/lib/coreFactory.d.ts.map +1 -0
- package/lib/decorators/propsObserver.d.ts +1 -0
- package/lib/decorators/propsObserver.d.ts.map +1 -0
- package/lib/decorators/reactive.d.ts +1 -0
- package/lib/decorators/reactive.d.ts.map +1 -0
- package/lib/enhancement/Children.d.ts +1 -0
- package/lib/enhancement/Children.d.ts.map +1 -0
- package/lib/enhancement/Root.d.ts +1 -0
- package/lib/enhancement/Root.d.ts.map +1 -0
- package/lib/enhancement/dataName.d.ts +1 -0
- package/lib/enhancement/dataName.d.ts.map +1 -0
- package/lib/enhancement/enhance.d.ts +1 -0
- package/lib/enhancement/enhance.d.ts.map +1 -0
- package/lib/enhancement/functionDefaultProps.d.ts +1 -0
- package/lib/enhancement/functionDefaultProps.d.ts.map +1 -0
- package/lib/enhancement/i18n.d.ts +1 -0
- package/lib/enhancement/i18n.d.ts.map +1 -0
- package/lib/enhancement/inheritedName.d.ts +1 -0
- package/lib/enhancement/inheritedName.d.ts.map +1 -0
- package/lib/enhancement/staticChildren.d.ts +1 -0
- package/lib/enhancement/staticChildren.d.ts.map +1 -0
- package/lib/enhancement/style.d.ts +1 -0
- package/lib/enhancement/style.d.ts.map +1 -0
- package/lib/enhancement/uncontrolledProps.d.ts +1 -0
- package/lib/enhancement/uncontrolledProps.d.ts.map +1 -0
- package/lib/esm/utils/assignProps.mjs +3 -3
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/register.d.ts +1 -0
- package/lib/register.d.ts.map +1 -0
- package/lib/styled/index.d.ts +1 -0
- package/lib/styled/index.d.ts.map +1 -0
- package/lib/styled/reshadow-core.d.ts +1 -0
- package/lib/styled/reshadow-core.d.ts.map +1 -0
- package/lib/styled/sstyled.d.ts +1 -0
- package/lib/styled/sstyled.d.ts.map +1 -0
- package/lib/theme/themes/dark.d.ts +1 -0
- package/lib/theme/themes/dark.d.ts.map +1 -0
- package/lib/theme/themes/default.d.ts +1 -0
- package/lib/theme/themes/default.d.ts.map +1 -0
- package/lib/theme/themes/highlights-dark.d.ts +1 -0
- package/lib/theme/themes/highlights-dark.d.ts.map +1 -0
- package/lib/theme/themes/highlights-light.d.ts +1 -0
- package/lib/theme/themes/highlights-light.d.ts.map +1 -0
- package/lib/theme/themes/light.d.ts +1 -0
- package/lib/theme/themes/light.d.ts.map +1 -0
- package/lib/utils/CSSinJS.d.ts +1 -0
- package/lib/utils/CSSinJS.d.ts.map +1 -0
- package/lib/utils/ThemeProvider.d.ts +1 -0
- package/lib/utils/ThemeProvider.d.ts.map +1 -0
- package/lib/utils/addonText.d.ts +1 -0
- package/lib/utils/addonText.d.ts.map +1 -0
- package/lib/utils/addonTextChildren.d.ts +1 -0
- package/lib/utils/addonTextChildren.d.ts.map +1 -0
- package/lib/utils/ariaProps.d.ts +1 -0
- package/lib/utils/ariaProps.d.ts.map +1 -0
- package/lib/utils/assignProps.d.ts +1 -0
- package/lib/utils/assignProps.d.ts.map +1 -0
- package/lib/utils/assignProps.js +3 -3
- package/lib/utils/assignProps.js.map +1 -1
- package/lib/utils/assignProps.mjs +3 -3
- package/lib/utils/assignProps.mjs.map +1 -1
- package/lib/utils/canUseDOM.d.ts +1 -0
- package/lib/utils/canUseDOM.d.ts.map +1 -0
- package/lib/utils/capitalizeFirstLetter.d.ts +1 -0
- package/lib/utils/capitalizeFirstLetter.d.ts.map +1 -0
- package/lib/utils/color.d.ts +1 -0
- package/lib/utils/color.d.ts.map +1 -0
- package/lib/utils/compose.d.ts +1 -0
- package/lib/utils/compose.d.ts.map +1 -0
- package/lib/utils/createUUID.d.ts +1 -0
- package/lib/utils/createUUID.d.ts.map +1 -0
- package/lib/utils/cssToIntDefault.d.ts +1 -0
- package/lib/utils/cssToIntDefault.d.ts.map +1 -0
- package/lib/utils/enhances/WithCSS.d.ts +1 -0
- package/lib/utils/enhances/WithCSS.d.ts.map +1 -0
- package/lib/utils/enhances/WithI18n.d.ts +1 -0
- package/lib/utils/enhances/WithI18n.d.ts.map +1 -0
- package/lib/utils/enhances/a11yEnhance.d.ts +1 -0
- package/lib/utils/enhances/a11yEnhance.d.ts.map +1 -0
- package/lib/utils/enhances/animatedSizeEnhance.d.ts +1 -0
- package/lib/utils/enhances/animatedSizeEnhance.d.ts.map +1 -0
- package/lib/utils/enhances/contextEnhance.d.ts +1 -0
- package/lib/utils/enhances/contextEnhance.d.ts.map +1 -0
- package/lib/utils/enhances/i18nEnhance.d.ts +1 -0
- package/lib/utils/enhances/i18nEnhance.d.ts.map +1 -0
- package/lib/utils/enhances/resolveColorEnhance.d.ts +1 -0
- package/lib/utils/enhances/resolveColorEnhance.d.ts.map +1 -0
- package/lib/utils/eventEmitter.d.ts +1 -0
- package/lib/utils/eventEmitter.d.ts.map +1 -0
- package/lib/utils/findComponent.d.ts +1 -0
- package/lib/utils/findComponent.d.ts.map +1 -0
- package/lib/utils/fire.d.ts +1 -0
- package/lib/utils/fire.d.ts.map +1 -0
- package/lib/utils/focus-lock/focusBorders.d.ts +1 -0
- package/lib/utils/focus-lock/focusBorders.d.ts.map +1 -0
- package/lib/utils/focus-lock/getFocusableIn.d.ts +1 -0
- package/lib/utils/focus-lock/getFocusableIn.d.ts.map +1 -0
- package/lib/utils/focus-lock/isFocusInside.d.ts +1 -0
- package/lib/utils/focus-lock/isFocusInside.d.ts.map +1 -0
- package/lib/utils/focus-lock/isFocusable.d.ts +1 -0
- package/lib/utils/focus-lock/isFocusable.d.ts.map +1 -0
- package/lib/utils/focus-lock/setFocus.d.ts +1 -0
- package/lib/utils/focus-lock/setFocus.d.ts.map +1 -0
- package/lib/utils/getAccessibleName.d.ts +1 -0
- package/lib/utils/getAccessibleName.d.ts.map +1 -0
- package/lib/utils/getDisplayName.d.ts +1 -0
- package/lib/utils/getDisplayName.d.ts.map +1 -0
- package/lib/utils/getEventTarget.d.ts +1 -0
- package/lib/utils/getEventTarget.d.ts.map +1 -0
- package/lib/utils/getOriginChildren.d.ts +1 -0
- package/lib/utils/getOriginChildren.d.ts.map +1 -0
- package/lib/utils/getRandomInt.d.ts +1 -0
- package/lib/utils/getRandomInt.d.ts.map +1 -0
- package/lib/utils/getValue.d.ts +1 -0
- package/lib/utils/getValue.d.ts.map +1 -0
- package/lib/utils/hasLabels.d.ts +1 -0
- package/lib/utils/hasLabels.d.ts.map +1 -0
- package/lib/utils/hasParent.d.ts +1 -0
- package/lib/utils/hasParent.d.ts.map +1 -0
- package/lib/utils/ifChildren.d.ts +1 -0
- package/lib/utils/ifChildren.d.ts.map +1 -0
- package/lib/utils/indentStyles.d.ts +1 -0
- package/lib/utils/indentStyles.d.ts.map +1 -0
- package/lib/utils/injectStyle.d.ts +1 -0
- package/lib/utils/injectStyle.d.ts.map +1 -0
- package/lib/utils/injectStyle.js +1 -1
- package/lib/utils/injectStyle.mjs +1 -1
- package/lib/utils/inputProps.d.ts +1 -0
- package/lib/utils/inputProps.d.ts.map +1 -0
- package/lib/utils/isInteractiveElement.d.ts +1 -0
- package/lib/utils/isInteractiveElement.d.ts.map +1 -0
- package/lib/utils/isNode.d.ts +1 -0
- package/lib/utils/isNode.d.ts.map +1 -0
- package/lib/utils/isPromise.d.ts +1 -0
- package/lib/utils/isPromise.d.ts.map +1 -0
- package/lib/utils/isRetina.d.ts +1 -0
- package/lib/utils/isRetina.d.ts.map +1 -0
- package/lib/utils/logger.d.ts +1 -0
- package/lib/utils/logger.d.ts.map +1 -0
- package/lib/utils/numericChecker.d.ts +1 -0
- package/lib/utils/numericChecker.d.ts.map +1 -0
- package/lib/utils/ownerDocument.d.ts +1 -0
- package/lib/utils/ownerDocument.d.ts.map +1 -0
- package/lib/utils/pick.d.ts +1 -0
- package/lib/utils/pick.d.ts.map +1 -0
- package/lib/utils/propsForElement.d.ts +1 -0
- package/lib/utils/propsForElement.d.ts.map +1 -0
- package/lib/utils/rafTrottle.d.ts +1 -0
- package/lib/utils/rafTrottle.d.ts.map +1 -0
- package/lib/utils/reactToText.d.ts +1 -0
- package/lib/utils/reactToText.d.ts.map +1 -0
- package/lib/utils/ref.d.ts +1 -0
- package/lib/utils/ref.d.ts.map +1 -0
- package/lib/utils/setRef.d.ts +1 -0
- package/lib/utils/setRef.d.ts.map +1 -0
- package/lib/utils/syncScroll.d.ts +1 -0
- package/lib/utils/syncScroll.d.ts.map +1 -0
- package/lib/utils/uncontroll.d.ts +1 -0
- package/lib/utils/uncontroll.d.ts.map +1 -0
- package/lib/utils/uniqueID.d.ts +1 -0
- package/lib/utils/uniqueID.d.ts.map +1 -0
- package/lib/utils/use/useColorResolver.d.ts +1 -0
- package/lib/utils/use/useColorResolver.d.ts.map +1 -0
- package/lib/utils/use/useEnhancedEffect.d.ts +1 -0
- package/lib/utils/use/useEnhancedEffect.d.ts.map +1 -0
- package/lib/utils/use/useEventCallback.d.ts +1 -0
- package/lib/utils/use/useEventCallback.d.ts.map +1 -0
- package/lib/utils/use/useEventListener.d.ts +1 -0
- package/lib/utils/use/useEventListener.d.ts.map +1 -0
- package/lib/utils/use/useFocusLock.d.ts +1 -0
- package/lib/utils/use/useFocusLock.d.ts.map +1 -0
- package/lib/utils/use/usePreventScroll.d.ts +1 -0
- package/lib/utils/use/usePreventScroll.d.ts.map +1 -0
- package/lib/utils/use/useScrollBarWidth.d.ts +1 -0
- package/lib/utils/use/useScrollBarWidth.d.ts.map +1 -0
- package/lib/utils/use/useScrollBarWidth.js +47 -25
- package/lib/utils/use/useScrollBarWidth.js.map +1 -1
- package/lib/utils/use/useScrollBarWidth.mjs +48 -26
- package/lib/utils/use/useScrollBarWidth.mjs.map +1 -1
- package/lib/utils/useCssVariable.d.ts +1 -0
- package/lib/utils/useCssVariable.d.ts.map +1 -0
- package/lib/utils/zIndexStacking.d.ts +1 -0
- package/lib/utils/zIndexStacking.d.ts.map +1 -0
- package/package.json +2 -2
- package/tsconfig-utils.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollBarWidth.js","names":["_react","require","
|
|
1
|
+
{"version":3,"file":"useScrollBarWidth.js","names":["_react","require","state","vertical","horizontal","listeners","Set","rafId","inited","measure","window","visualViewport","nextVertical","innerWidth","width","nextHorizontal","innerHeight","height","forEach","l","handleResize","requestAnimationFrame","init","addEventListener","subscribe","onStoreChange","add","delete","size","removeEventListener","useScrollBarWidth","dim","value","setValue","useState","dimRef","useRef","current","useEffect","onChange"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\ntype Dimension = 'vertical' | 'horizontal';\n\nconst state: Record<Dimension, number> = { vertical: 0, horizontal: 0 };\nconst listeners = new Set<() => void>();\n\nlet rafId: number | null = null;\nlet inited = false;\n\nfunction measure() {\n if (!window.visualViewport) return;\n\n const nextVertical = window.innerWidth - window.visualViewport.width;\n const nextHorizontal = window.innerHeight - window.visualViewport.height;\n\n if (nextVertical === state.vertical && nextHorizontal === state.horizontal) return;\n\n state.vertical = nextVertical;\n state.horizontal = nextHorizontal;\n\n listeners.forEach((l) => l());\n}\n\nfunction handleResize() {\n if (rafId !== null) return;\n\n rafId = requestAnimationFrame(() => {\n measure();\n rafId = null;\n });\n}\n\nfunction init() {\n if (inited) return;\n\n inited = true;\n\n measure();\n\n window.addEventListener('resize', handleResize);\n}\n\nfunction subscribe(onStoreChange: () => void) {\n listeners.add(onStoreChange);\n\n init();\n\n return () => {\n listeners.delete(onStoreChange);\n\n if (listeners.size === 0) {\n window.removeEventListener('resize', handleResize);\n }\n };\n}\n\nexport function useScrollBarWidth(vertical = true): number {\n const dim: Dimension = vertical ? 'vertical' : 'horizontal';\n const [value, setValue] = useState(() => state[dim]);\n const dimRef = useRef(dim);\n\n dimRef.current = dim;\n\n useEffect(() => {\n const onChange = () => setValue(state[dimRef.current]);\n\n onChange();\n\n return subscribe(onChange);\n }, []);\n\n return value;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,MAAMC,KAAgC,GAAG;EAAEC,QAAQ,EAAE,CAAC;EAAEC,UAAU,EAAE;AAAE,CAAC;AACvE,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAa,CAAC;AAEvC,IAAIC,KAAoB,GAAG,IAAI;AAC/B,IAAIC,MAAM,GAAG,KAAK;AAElB,SAASC,OAAOA,CAAA,EAAG;EACjB,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;EAE5B,MAAMC,YAAY,GAAGF,MAAM,CAACG,UAAU,GAAGH,MAAM,CAACC,cAAc,CAACG,KAAK;EACpE,MAAMC,cAAc,GAAGL,MAAM,CAACM,WAAW,GAAGN,MAAM,CAACC,cAAc,CAACM,MAAM;EAExE,IAAIL,YAAY,KAAKV,KAAK,CAACC,QAAQ,IAAIY,cAAc,KAAKb,KAAK,CAACE,UAAU,EAAE;EAE5EF,KAAK,CAACC,QAAQ,GAAGS,YAAY;EAC7BV,KAAK,CAACE,UAAU,GAAGW,cAAc;EAEjCV,SAAS,CAACa,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;AAC/B;AAEA,SAASC,YAAYA,CAAA,EAAG;EACtB,IAAIb,KAAK,KAAK,IAAI,EAAE;EAEpBA,KAAK,GAAGc,qBAAqB,CAAC,MAAM;IAClCZ,OAAO,CAAC,CAAC;IACTF,KAAK,GAAG,IAAI;EACd,CAAC,CAAC;AACJ;AAEA,SAASe,IAAIA,CAAA,EAAG;EACd,IAAId,MAAM,EAAE;EAEZA,MAAM,GAAG,IAAI;EAEbC,OAAO,CAAC,CAAC;EAETC,MAAM,CAACa,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;AACjD;AAEA,SAASI,SAASA,CAACC,aAAyB,EAAE;EAC5CpB,SAAS,CAACqB,GAAG,CAACD,aAAa,CAAC;EAE5BH,IAAI,CAAC,CAAC;EAEN,OAAO,MAAM;IACXjB,SAAS,CAACsB,MAAM,CAACF,aAAa,CAAC;IAE/B,IAAIpB,SAAS,CAACuB,IAAI,KAAK,CAAC,EAAE;MACxBlB,MAAM,CAACmB,mBAAmB,CAAC,QAAQ,EAAET,YAAY,CAAC;IACpD;EACF,CAAC;AACH;AAEO,SAASU,iBAAiBA,CAAC3B,QAAQ,GAAG,IAAI,EAAU;EACzD,MAAM4B,GAAc,GAAG5B,QAAQ,GAAG,UAAU,GAAG,YAAY;EAC3D,MAAM,CAAC6B,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMhC,KAAK,CAAC6B,GAAG,CAAC,CAAC;EACpD,MAAMI,MAAM,GAAG,IAAAC,aAAM,EAACL,GAAG,CAAC;EAE1BI,MAAM,CAACE,OAAO,GAAGN,GAAG;EAEpB,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMC,QAAQ,GAAGA,CAAA,KAAMN,QAAQ,CAAC/B,KAAK,CAACiC,MAAM,CAACE,OAAO,CAAC,CAAC;IAEtDE,QAAQ,CAAC,CAAC;IAEV,OAAOf,SAAS,CAACe,QAAQ,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,KAAK;AACd","ignoreList":[]}
|
|
@@ -1,31 +1,53 @@
|
|
|
1
|
-
import { useEffect,
|
|
1
|
+
import { useEffect, useRef, useState } from 'react';
|
|
2
|
+
const state = {
|
|
3
|
+
vertical: 0,
|
|
4
|
+
horizontal: 0
|
|
5
|
+
};
|
|
6
|
+
const listeners = new Set();
|
|
7
|
+
let rafId = null;
|
|
8
|
+
let inited = false;
|
|
9
|
+
function measure() {
|
|
10
|
+
if (!window.visualViewport) return;
|
|
11
|
+
const nextVertical = window.innerWidth - window.visualViewport.width;
|
|
12
|
+
const nextHorizontal = window.innerHeight - window.visualViewport.height;
|
|
13
|
+
if (nextVertical === state.vertical && nextHorizontal === state.horizontal) return;
|
|
14
|
+
state.vertical = nextVertical;
|
|
15
|
+
state.horizontal = nextHorizontal;
|
|
16
|
+
listeners.forEach(l => l());
|
|
17
|
+
}
|
|
18
|
+
function handleResize() {
|
|
19
|
+
if (rafId !== null) return;
|
|
20
|
+
rafId = requestAnimationFrame(() => {
|
|
21
|
+
measure();
|
|
22
|
+
rafId = null;
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function init() {
|
|
26
|
+
if (inited) return;
|
|
27
|
+
inited = true;
|
|
28
|
+
measure();
|
|
29
|
+
window.addEventListener('resize', handleResize);
|
|
30
|
+
}
|
|
31
|
+
function subscribe(onStoreChange) {
|
|
32
|
+
listeners.add(onStoreChange);
|
|
33
|
+
init();
|
|
34
|
+
return () => {
|
|
35
|
+
listeners.delete(onStoreChange);
|
|
36
|
+
if (listeners.size === 0) {
|
|
37
|
+
window.removeEventListener('resize', handleResize);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
}
|
|
2
41
|
export function useScrollBarWidth(vertical = true) {
|
|
3
|
-
const
|
|
4
|
-
const
|
|
42
|
+
const dim = vertical ? 'vertical' : 'horizontal';
|
|
43
|
+
const [value, setValue] = useState(() => state[dim]);
|
|
44
|
+
const dimRef = useRef(dim);
|
|
45
|
+
dimRef.current = dim;
|
|
5
46
|
useEffect(() => {
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
setScrollBarWidth(window.innerHeight - window.visualViewport.height);
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
setScrollBarWidth(window.innerWidth - window.visualViewport.width);
|
|
13
|
-
};
|
|
14
|
-
const handleResize = () => {
|
|
15
|
-
// to handle resize 1 time per frame
|
|
16
|
-
if (af.current !== null) return;
|
|
17
|
-
af.current = requestAnimationFrame(() => {
|
|
18
|
-
calculateScrollBar();
|
|
19
|
-
af.current = null;
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
calculateScrollBar();
|
|
23
|
-
window.addEventListener('resize', handleResize);
|
|
24
|
-
return () => {
|
|
25
|
-
window.removeEventListener('resize', handleResize);
|
|
26
|
-
if (af.current !== null) cancelAnimationFrame(af.current);
|
|
27
|
-
};
|
|
47
|
+
const onChange = () => setValue(state[dimRef.current]);
|
|
48
|
+
onChange();
|
|
49
|
+
return subscribe(onChange);
|
|
28
50
|
}, []);
|
|
29
|
-
return
|
|
51
|
+
return value;
|
|
30
52
|
}
|
|
31
53
|
//# sourceMappingURL=useScrollBarWidth.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollBarWidth.mjs","names":["useEffect","
|
|
1
|
+
{"version":3,"file":"useScrollBarWidth.mjs","names":["useEffect","useRef","useState","state","vertical","horizontal","listeners","Set","rafId","inited","measure","window","visualViewport","nextVertical","innerWidth","width","nextHorizontal","innerHeight","height","forEach","l","handleResize","requestAnimationFrame","init","addEventListener","subscribe","onStoreChange","add","delete","size","removeEventListener","useScrollBarWidth","dim","value","setValue","dimRef","current","onChange"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\ntype Dimension = 'vertical' | 'horizontal';\n\nconst state: Record<Dimension, number> = { vertical: 0, horizontal: 0 };\nconst listeners = new Set<() => void>();\n\nlet rafId: number | null = null;\nlet inited = false;\n\nfunction measure() {\n if (!window.visualViewport) return;\n\n const nextVertical = window.innerWidth - window.visualViewport.width;\n const nextHorizontal = window.innerHeight - window.visualViewport.height;\n\n if (nextVertical === state.vertical && nextHorizontal === state.horizontal) return;\n\n state.vertical = nextVertical;\n state.horizontal = nextHorizontal;\n\n listeners.forEach((l) => l());\n}\n\nfunction handleResize() {\n if (rafId !== null) return;\n\n rafId = requestAnimationFrame(() => {\n measure();\n rafId = null;\n });\n}\n\nfunction init() {\n if (inited) return;\n\n inited = true;\n\n measure();\n\n window.addEventListener('resize', handleResize);\n}\n\nfunction subscribe(onStoreChange: () => void) {\n listeners.add(onStoreChange);\n\n init();\n\n return () => {\n listeners.delete(onStoreChange);\n\n if (listeners.size === 0) {\n window.removeEventListener('resize', handleResize);\n }\n };\n}\n\nexport function useScrollBarWidth(vertical = true): number {\n const dim: Dimension = vertical ? 'vertical' : 'horizontal';\n const [value, setValue] = useState(() => state[dim]);\n const dimRef = useRef(dim);\n\n dimRef.current = dim;\n\n useEffect(() => {\n const onChange = () => setValue(state[dimRef.current]);\n\n onChange();\n\n return subscribe(onChange);\n }, []);\n\n return value;\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAInD,MAAMC,KAAgC,GAAG;EAAEC,QAAQ,EAAE,CAAC;EAAEC,UAAU,EAAE;AAAE,CAAC;AACvE,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAa,CAAC;AAEvC,IAAIC,KAAoB,GAAG,IAAI;AAC/B,IAAIC,MAAM,GAAG,KAAK;AAElB,SAASC,OAAOA,CAAA,EAAG;EACjB,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;EAE5B,MAAMC,YAAY,GAAGF,MAAM,CAACG,UAAU,GAAGH,MAAM,CAACC,cAAc,CAACG,KAAK;EACpE,MAAMC,cAAc,GAAGL,MAAM,CAACM,WAAW,GAAGN,MAAM,CAACC,cAAc,CAACM,MAAM;EAExE,IAAIL,YAAY,KAAKV,KAAK,CAACC,QAAQ,IAAIY,cAAc,KAAKb,KAAK,CAACE,UAAU,EAAE;EAE5EF,KAAK,CAACC,QAAQ,GAAGS,YAAY;EAC7BV,KAAK,CAACE,UAAU,GAAGW,cAAc;EAEjCV,SAAS,CAACa,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;AAC/B;AAEA,SAASC,YAAYA,CAAA,EAAG;EACtB,IAAIb,KAAK,KAAK,IAAI,EAAE;EAEpBA,KAAK,GAAGc,qBAAqB,CAAC,MAAM;IAClCZ,OAAO,CAAC,CAAC;IACTF,KAAK,GAAG,IAAI;EACd,CAAC,CAAC;AACJ;AAEA,SAASe,IAAIA,CAAA,EAAG;EACd,IAAId,MAAM,EAAE;EAEZA,MAAM,GAAG,IAAI;EAEbC,OAAO,CAAC,CAAC;EAETC,MAAM,CAACa,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;AACjD;AAEA,SAASI,SAASA,CAACC,aAAyB,EAAE;EAC5CpB,SAAS,CAACqB,GAAG,CAACD,aAAa,CAAC;EAE5BH,IAAI,CAAC,CAAC;EAEN,OAAO,MAAM;IACXjB,SAAS,CAACsB,MAAM,CAACF,aAAa,CAAC;IAE/B,IAAIpB,SAAS,CAACuB,IAAI,KAAK,CAAC,EAAE;MACxBlB,MAAM,CAACmB,mBAAmB,CAAC,QAAQ,EAAET,YAAY,CAAC;IACpD;EACF,CAAC;AACH;AAEA,OAAO,SAASU,iBAAiBA,CAAC3B,QAAQ,GAAG,IAAI,EAAU;EACzD,MAAM4B,GAAc,GAAG5B,QAAQ,GAAG,UAAU,GAAG,YAAY;EAC3D,MAAM,CAAC6B,KAAK,EAAEC,QAAQ,CAAC,GAAGhC,QAAQ,CAAC,MAAMC,KAAK,CAAC6B,GAAG,CAAC,CAAC;EACpD,MAAMG,MAAM,GAAGlC,MAAM,CAAC+B,GAAG,CAAC;EAE1BG,MAAM,CAACC,OAAO,GAAGJ,GAAG;EAEpBhC,SAAS,CAAC,MAAM;IACd,MAAMqC,QAAQ,GAAGA,CAAA,KAAMH,QAAQ,CAAC/B,KAAK,CAACgC,MAAM,CAACC,OAAO,CAAC,CAAC;IAEtDC,QAAQ,CAAC,CAAC;IAEV,OAAOZ,SAAS,CAACY,QAAQ,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,KAAK;AACd","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCssVariable.d.ts","sourceRoot":"","sources":["../../src/utils/useCssVariable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,eAAe,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,WAkB7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,CAAC,SAAS,MAAM,EAChB,CAAC,GAAG,MAAM,EACV,CAAC,GAAG,MAAM,EACV,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,EAC7C,oCAKC;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,CAAC,CAAC;IACZ,GAAG,CAAC,EAAE,CAAC,CAAC;CACT,MACS,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC,KAavB,CAAC,GAAG,GACN,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAGvD,CAAC"}
|
|
@@ -8,3 +8,4 @@ export declare const ZIndexStackingContextProvider: React.FC<{
|
|
|
8
8
|
export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => {
|
|
9
9
|
parentZIndexStacking: ReturnType<typeof useZIndexStacking>;
|
|
10
10
|
};
|
|
11
|
+
//# sourceMappingURL=zIndexStacking.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zIndexStacking.d.ts","sourceRoot":"","sources":["../../src/utils/zIndexStacking.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,uBAAuB,CAAC;AAE5B,eAAO,MAAM,iBAAiB,GAAI,cAAc,kBAAkB,WAgBjE,CAAC;AACF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC;IACnD,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAKA,CAAC;AACF,eAAO,MAAM,qBAAqB,GAAI,cAAc,kBAAkB,MAC5D,OAAO,GAAG,KAAG;IAAE,oBAAoB,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAQlF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/core",
|
|
3
3
|
"description": "Semrush Core Component",
|
|
4
|
-
"version": "17.3.
|
|
4
|
+
"version": "17.3.1-prerelease.11",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib/index.mjs",
|
|
7
7
|
"typings": "lib/index.d.ts",
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
"@types/classnames": "2.2.6",
|
|
331
331
|
"@types/hoist-non-react-statics": "^3.3.6",
|
|
332
332
|
"@semcore/testing-utils": "1.0.0",
|
|
333
|
-
"@semcore/theme": "2.3.
|
|
333
|
+
"@semcore/theme": "2.3.1"
|
|
334
334
|
},
|
|
335
335
|
"scripts": {
|
|
336
336
|
"build": "pnpm semcore-builder --coreUtils && pnpm vite build"
|
package/tsconfig-utils.json
CHANGED