@semcore/core 16.0.0-prerelease.6 → 16.0.0-prerelease.7
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/LastInteractionType.mjs +16 -14
- package/lib/core-types/Component.mjs +22 -25
- package/lib/core-types/symbols.mjs +20 -10
- package/lib/coreFactory.mjs +154 -173
- package/lib/enhancement/Children.mjs +30 -45
- package/lib/enhancement/Root.mjs +22 -32
- package/lib/enhancement/bindHandler.mjs +10 -9
- package/lib/enhancement/dataName.mjs +4 -3
- package/lib/enhancement/enhance.mjs +4 -3
- package/lib/enhancement/functionDefaultProps.mjs +5 -5
- package/lib/enhancement/hoistProps.mjs +18 -28
- package/lib/enhancement/i18n.mjs +6 -6
- package/lib/enhancement/inheritedName.mjs +3 -2
- package/lib/enhancement/staticChildren.mjs +32 -35
- package/lib/enhancement/style.mjs +13 -14
- package/lib/enhancement/uncontrolledProps.mjs +21 -37
- package/lib/esm/LastInteractionType.mjs +51 -0
- package/lib/esm/core-types/Component.mjs +51 -0
- package/lib/esm/core-types/symbols.mjs +20 -0
- package/lib/esm/coreFactory.mjs +324 -0
- package/lib/esm/enhancement/Children.mjs +96 -0
- package/lib/esm/enhancement/Root.mjs +60 -0
- package/lib/esm/enhancement/bindHandler.mjs +48 -0
- package/lib/esm/enhancement/dataName.mjs +13 -0
- package/lib/esm/enhancement/enhance.mjs +16 -0
- package/lib/esm/enhancement/functionDefaultProps.mjs +29 -0
- package/lib/esm/enhancement/hoistProps.mjs +78 -0
- package/lib/esm/enhancement/i18n.mjs +20 -0
- package/lib/esm/enhancement/inheritedName.mjs +16 -0
- package/lib/esm/enhancement/staticChildren.mjs +120 -0
- package/lib/esm/enhancement/style.mjs +50 -0
- package/lib/esm/enhancement/uncontrolledProps.mjs +107 -0
- package/lib/esm/index.mjs +23 -0
- package/lib/esm/register.mjs +31 -0
- package/lib/esm/styled/reshadow-core.mjs +18 -0
- package/lib/esm/styled/sstyled.mjs +121 -0
- package/lib/esm/utils/assignProps.mjs +76 -0
- package/lib/esm/utils/canUseDOM.mjs +6 -0
- package/lib/esm/utils/capitalizeFirstLetter.mjs +6 -0
- package/lib/esm/utils/enhances/WithI18n.mjs +54 -0
- package/lib/esm/utils/logger.mjs +35 -0
- package/lib/esm/utils/pick.mjs +15 -0
- package/lib/esm/utils/ref.mjs +43 -0
- package/lib/esm/utils/use/useEnhancedEffect.mjs +6 -0
- package/lib/index.mjs +22 -8
- package/lib/register.mjs +10 -8
- package/lib/styled/reshadow-core.mjs +8 -233
- package/lib/styled/sstyled.mjs +38 -59
- package/lib/utils/assignProps.mjs +25 -33
- package/lib/utils/canUseDOM.mjs +5 -3
- package/lib/utils/capitalizeFirstLetter.mjs +4 -2
- package/lib/utils/enhances/WithI18n.mjs +22 -51
- package/lib/utils/logger.mjs +16 -13
- package/lib/utils/pick.mjs +4 -2
- package/lib/utils/ref.mjs +19 -59
- package/lib/utils/use/useEnhancedEffect.mjs +4 -3
- package/package.json +2 -2
- package/vite.config.ts +8 -0
- package/lib/LastInteractionType.mjs.map +0 -1
- package/lib/core-types/Component.mjs.map +0 -1
- package/lib/core-types/UnknownProperties.mjs +0 -2
- package/lib/core-types/UnknownProperties.mjs.map +0 -1
- package/lib/core-types/reshadow.d.mjs +0 -2
- package/lib/core-types/reshadow.d.mjs.map +0 -1
- package/lib/core-types/symbols.mjs.map +0 -1
- package/lib/coreFactory.mjs.map +0 -1
- package/lib/enhancement/Children.mjs.map +0 -1
- package/lib/enhancement/Root.mjs.map +0 -1
- package/lib/enhancement/bindHandler.mjs.map +0 -1
- package/lib/enhancement/dataName.mjs.map +0 -1
- package/lib/enhancement/enhance.mjs.map +0 -1
- package/lib/enhancement/functionDefaultProps.mjs.map +0 -1
- package/lib/enhancement/hoistProps.mjs.map +0 -1
- package/lib/enhancement/i18n.mjs.map +0 -1
- package/lib/enhancement/inheritedName.mjs.map +0 -1
- package/lib/enhancement/staticChildren.mjs.map +0 -1
- package/lib/enhancement/style.mjs.map +0 -1
- package/lib/enhancement/uncontrolledProps.mjs.map +0 -1
- package/lib/index.mjs.map +0 -1
- package/lib/register.mjs.map +0 -1
- package/lib/styled/index.mjs +0 -6
- package/lib/styled/index.mjs.map +0 -1
- package/lib/styled/reshadow-core.mjs.map +0 -1
- package/lib/styled/sstyled.mjs.map +0 -1
- package/lib/theme/processor.mjs +0 -307
- package/lib/theme/processor.mjs.map +0 -1
- package/lib/theme/themes/dark.mjs +0 -378
- package/lib/theme/themes/dark.mjs.map +0 -1
- package/lib/theme/themes/default.mjs +0 -387
- package/lib/theme/themes/default.mjs.map +0 -1
- package/lib/theme/themes/light.mjs +0 -387
- package/lib/theme/themes/light.mjs.map +0 -1
- package/lib/theme/utils.mjs +0 -286
- package/lib/theme/utils.mjs.map +0 -1
- package/lib/utils/CSSinJS.mjs +0 -28
- package/lib/utils/CSSinJS.mjs.map +0 -1
- package/lib/utils/ScreenReaderOnly.mjs +0 -24
- package/lib/utils/ScreenReaderOnly.mjs.map +0 -1
- package/lib/utils/ThemeProvider.mjs +0 -71
- package/lib/utils/ThemeProvider.mjs.map +0 -1
- package/lib/utils/addonText.mjs +0 -11
- package/lib/utils/addonText.mjs.map +0 -1
- package/lib/utils/addonTextChildren.mjs +0 -37
- package/lib/utils/addonTextChildren.mjs.map +0 -1
- package/lib/utils/ariaProps.mjs +0 -16
- package/lib/utils/ariaProps.mjs.map +0 -1
- package/lib/utils/assignProps.mjs.map +0 -1
- package/lib/utils/canUseDOM.mjs.map +0 -1
- package/lib/utils/capitalizeFirstLetter.mjs.map +0 -1
- package/lib/utils/color.mjs +0 -196
- package/lib/utils/color.mjs.map +0 -1
- package/lib/utils/compose.mjs +0 -15
- package/lib/utils/compose.mjs.map +0 -1
- package/lib/utils/createHoc.mjs +0 -46
- package/lib/utils/createHoc.mjs.map +0 -1
- package/lib/utils/createUUID.mjs +0 -9
- package/lib/utils/createUUID.mjs.map +0 -1
- package/lib/utils/cssToIntDefault.mjs +0 -16
- package/lib/utils/cssToIntDefault.mjs.map +0 -1
- package/lib/utils/enhances/WithAutoFocus.mjs +0 -67
- package/lib/utils/enhances/WithAutoFocus.mjs.map +0 -1
- package/lib/utils/enhances/WithCSS.mjs +0 -79
- package/lib/utils/enhances/WithCSS.mjs.map +0 -1
- package/lib/utils/enhances/WithI18n.mjs.map +0 -1
- package/lib/utils/enhances/WithKeyboardFocus.mjs +0 -84
- package/lib/utils/enhances/WithKeyboardFocus.mjs.map +0 -1
- package/lib/utils/enhances/WithRef.mjs +0 -18
- package/lib/utils/enhances/WithRef.mjs.map +0 -1
- package/lib/utils/enhances/a11yEnhance.mjs +0 -66
- package/lib/utils/enhances/a11yEnhance.mjs.map +0 -1
- package/lib/utils/enhances/animatedSizeEnhance.mjs +0 -90
- package/lib/utils/enhances/animatedSizeEnhance.mjs.map +0 -1
- package/lib/utils/enhances/autoFocusEnhance.mjs +0 -38
- package/lib/utils/enhances/autoFocusEnhance.mjs.map +0 -1
- package/lib/utils/enhances/contextEnhance.mjs +0 -14
- package/lib/utils/enhances/contextEnhance.mjs.map +0 -1
- package/lib/utils/enhances/i18nEnhance.mjs +0 -92
- package/lib/utils/enhances/i18nEnhance.mjs.map +0 -1
- package/lib/utils/enhances/keyboardFocusEnhance.mjs +0 -57
- package/lib/utils/enhances/keyboardFocusEnhance.mjs.map +0 -1
- package/lib/utils/enhances/resolveColorEnhance.mjs +0 -17
- package/lib/utils/enhances/resolveColorEnhance.mjs.map +0 -1
- package/lib/utils/eventEmitter.mjs +0 -34
- package/lib/utils/eventEmitter.mjs.map +0 -1
- package/lib/utils/findComponent.mjs +0 -95
- package/lib/utils/findComponent.mjs.map +0 -1
- package/lib/utils/fire.mjs +0 -15
- package/lib/utils/fire.mjs.map +0 -1
- package/lib/utils/focus-lock/focusBorders.mjs +0 -62
- package/lib/utils/focus-lock/focusBorders.mjs.map +0 -1
- package/lib/utils/focus-lock/getFocusableIn.mjs +0 -19
- package/lib/utils/focus-lock/getFocusableIn.mjs.map +0 -1
- package/lib/utils/focus-lock/isFocusInside.mjs +0 -9
- package/lib/utils/focus-lock/isFocusInside.mjs.map +0 -1
- package/lib/utils/focus-lock/isFocusable.mjs +0 -43
- package/lib/utils/focus-lock/isFocusable.mjs.map +0 -1
- package/lib/utils/focus-lock/setFocus.mjs +0 -55
- package/lib/utils/focus-lock/setFocus.mjs.map +0 -1
- package/lib/utils/getAccessibleName.mjs +0 -49
- package/lib/utils/getAccessibleName.mjs.map +0 -1
- package/lib/utils/getDisplayName.mjs +0 -4
- package/lib/utils/getDisplayName.mjs.map +0 -1
- package/lib/utils/getEventTarget.mjs +0 -45
- package/lib/utils/getEventTarget.mjs.map +0 -1
- package/lib/utils/getOriginChildren.mjs +0 -10
- package/lib/utils/getOriginChildren.mjs.map +0 -1
- package/lib/utils/getRandomInt.mjs +0 -5
- package/lib/utils/getRandomInt.mjs.map +0 -1
- package/lib/utils/getValue.mjs +0 -10
- package/lib/utils/getValue.mjs.map +0 -1
- package/lib/utils/hasLabels.mjs +0 -39
- package/lib/utils/hasLabels.mjs.map +0 -1
- package/lib/utils/hasParent.mjs +0 -7
- package/lib/utils/hasParent.mjs.map +0 -1
- package/lib/utils/if.mjs +0 -9
- package/lib/utils/if.mjs.map +0 -1
- package/lib/utils/ifChildren.mjs +0 -10
- package/lib/utils/ifChildren.mjs.map +0 -1
- package/lib/utils/injectStyle.mjs +0 -41
- package/lib/utils/injectStyle.mjs.map +0 -1
- package/lib/utils/inputProps.mjs +0 -14
- package/lib/utils/inputProps.mjs.map +0 -1
- package/lib/utils/isNode.mjs +0 -21
- package/lib/utils/isNode.mjs.map +0 -1
- package/lib/utils/isPromise.mjs +0 -4
- package/lib/utils/isPromise.mjs.map +0 -1
- package/lib/utils/isRetina.mjs +0 -9
- package/lib/utils/isRetina.mjs.map +0 -1
- package/lib/utils/logger.mjs.map +0 -1
- package/lib/utils/numericChecker.mjs +0 -27
- package/lib/utils/numericChecker.mjs.map +0 -1
- package/lib/utils/ownerDocument.mjs +0 -4
- package/lib/utils/ownerDocument.mjs.map +0 -1
- package/lib/utils/pick.mjs.map +0 -1
- package/lib/utils/propsForElement.mjs +0 -50
- package/lib/utils/propsForElement.mjs.map +0 -1
- package/lib/utils/rafTrottle.mjs +0 -26
- package/lib/utils/rafTrottle.mjs.map +0 -1
- package/lib/utils/reactToText.mjs +0 -26
- package/lib/utils/reactToText.mjs.map +0 -1
- package/lib/utils/ref.mjs.map +0 -1
- package/lib/utils/setRef.mjs +0 -3
- package/lib/utils/setRef.mjs.map +0 -1
- package/lib/utils/syncScroll.mjs +0 -54
- package/lib/utils/syncScroll.mjs.map +0 -1
- package/lib/utils/uncontroll.mjs +0 -38
- package/lib/utils/uncontroll.mjs.map +0 -1
- package/lib/utils/uniqueID.mjs +0 -33
- package/lib/utils/uniqueID.mjs.map +0 -1
- package/lib/utils/use/useColorResolver.mjs +0 -200
- package/lib/utils/use/useColorResolver.mjs.map +0 -1
- package/lib/utils/use/useCss.mjs +0 -12
- package/lib/utils/use/useCss.mjs.map +0 -1
- package/lib/utils/use/useEnhancedEffect.mjs.map +0 -1
- package/lib/utils/use/useEventCallback.mjs +0 -19
- package/lib/utils/use/useEventCallback.mjs.map +0 -1
- package/lib/utils/use/useEventListener.mjs +0 -25
- package/lib/utils/use/useEventListener.mjs.map +0 -1
- package/lib/utils/use/useFocusLock.mjs +0 -266
- package/lib/utils/use/useFocusLock.mjs.map +0 -1
- package/lib/utils/use/usePreventScroll.mjs +0 -70
- package/lib/utils/use/usePreventScroll.mjs.map +0 -1
- package/lib/utils/useCssVariable.mjs +0 -46
- package/lib/utils/useCssVariable.mjs.map +0 -1
- package/lib/utils/zIndexStacking.mjs +0 -38
- package/lib/utils/zIndexStacking.mjs.map +0 -1
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import canUseDOM from "../canUseDOM.mjs";
|
|
3
|
-
import { useUID } from "../uniqueID.mjs";
|
|
4
|
-
export function getScrollbarWidth() {
|
|
5
|
-
var _outer$parentNode;
|
|
6
|
-
if (!canUseDOM()) return 0;
|
|
7
|
-
var outer = document.createElement('div');
|
|
8
|
-
outer.style.visibility = 'hidden';
|
|
9
|
-
outer.style.width = '100px';
|
|
10
|
-
// @ts-expect-error
|
|
11
|
-
outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
|
|
12
|
-
document.body.appendChild(outer);
|
|
13
|
-
var widthNoScroll = outer.offsetWidth;
|
|
14
|
-
outer.style.overflow = 'scroll';
|
|
15
|
-
var inner = document.createElement('div');
|
|
16
|
-
inner.style.width = '100%';
|
|
17
|
-
outer.appendChild(inner);
|
|
18
|
-
var widthWithScroll = inner.offsetWidth;
|
|
19
|
-
(_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 ? void 0 : _outer$parentNode.removeChild(outer);
|
|
20
|
-
return widthNoScroll - widthWithScroll;
|
|
21
|
-
}
|
|
22
|
-
function getIntValueFromCss(value) {
|
|
23
|
-
return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);
|
|
24
|
-
}
|
|
25
|
-
var scrollPreventers = new Set();
|
|
26
|
-
var lockedBodyStyles = {
|
|
27
|
-
paddingRight: null,
|
|
28
|
-
overflow: null,
|
|
29
|
-
boxSizing: null
|
|
30
|
-
};
|
|
31
|
-
export default function usePreventScroll() {
|
|
32
|
-
var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
33
|
-
var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
34
|
-
var scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);
|
|
35
|
-
var id = useUID('scroll-preventer-');
|
|
36
|
-
React.useEffect(function () {
|
|
37
|
-
if (disabled) return;
|
|
38
|
-
if (!canUseDOM() || !visible) return;
|
|
39
|
-
scrollPreventers.add(id);
|
|
40
|
-
if (scrollPreventers.size > 1) return;
|
|
41
|
-
var _window$getComputedSt = window.getComputedStyle(document.body),
|
|
42
|
-
overflow = _window$getComputedSt.overflow,
|
|
43
|
-
paddingRight = _window$getComputedSt.paddingRight,
|
|
44
|
-
boxSizing = _window$getComputedSt.boxSizing;
|
|
45
|
-
lockedBodyStyles.paddingRight = paddingRight;
|
|
46
|
-
lockedBodyStyles.overflow = overflow;
|
|
47
|
-
lockedBodyStyles.boxSizing = boxSizing;
|
|
48
|
-
var intPaddingRight = getIntValueFromCss(paddingRight);
|
|
49
|
-
var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
|
|
50
|
-
// Detected own style for window inside window
|
|
51
|
-
if (intPaddingRightFromStyle !== scrollbarWidth) {
|
|
52
|
-
intPaddingRightFromStyle = 0;
|
|
53
|
-
}
|
|
54
|
-
document.body.style.overflow = 'hidden';
|
|
55
|
-
document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
|
|
56
|
-
document.body.style.boxSizing = 'border-box';
|
|
57
|
-
}, [visible, id, disabled]);
|
|
58
|
-
React.useEffect(function () {
|
|
59
|
-
if (disabled) return;
|
|
60
|
-
if (!canUseDOM() || !visible) return;
|
|
61
|
-
return function () {
|
|
62
|
-
scrollPreventers["delete"](id);
|
|
63
|
-
if (scrollPreventers.size !== 0) return;
|
|
64
|
-
document.body.style.overflow = lockedBodyStyles.overflow;
|
|
65
|
-
document.body.style.paddingRight = lockedBodyStyles.paddingRight;
|
|
66
|
-
document.body.style.boxSizing = lockedBodyStyles.boxSizing;
|
|
67
|
-
};
|
|
68
|
-
}, [visible, id, disabled]);
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=usePreventScroll.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePreventScroll.mjs","names":["React","canUseDOM","useUID","getScrollbarWidth","_outer$parentNode","outer","document","createElement","style","visibility","width","msOverflowStyle","body","appendChild","widthNoScroll","offsetWidth","overflow","inner","widthWithScroll","parentNode","removeChild","getIntValueFromCss","value","Number","isNaN","parseInt","scrollPreventers","Set","lockedBodyStyles","paddingRight","boxSizing","usePreventScroll","visible","arguments","length","undefined","disabled","scrollbarWidth","useMemo","id","useEffect","add","size","_window$getComputedSt","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle"],"sources":["../../../src/utils/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\nimport canUseDOM from '../canUseDOM';\nimport { useUID } from '../uniqueID';\n\nexport function getScrollbarWidth(): number {\n if (!canUseDOM()) return 0;\n const outer = document.createElement('div');\n outer.style.visibility = 'hidden';\n outer.style.width = '100px';\n // @ts-expect-error\n outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n document.body.appendChild(outer);\n\n const widthNoScroll = outer.offsetWidth;\n outer.style.overflow = 'scroll';\n\n const inner = document.createElement('div');\n inner.style.width = '100%';\n outer.appendChild(inner);\n\n const widthWithScroll = inner.offsetWidth;\n\n outer.parentNode?.removeChild(outer);\n\n return widthNoScroll - widthWithScroll;\n}\n\nfunction getIntValueFromCss(value: any) {\n return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);\n}\n\nconst scrollPreventers = new Set<string>();\nconst lockedBodyStyles = {\n paddingRight: null as string | null,\n overflow: null as string | null,\n boxSizing: null as string | null,\n};\nexport default function usePreventScroll(visible = true, disabled = false) {\n const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);\n const id = useUID('scroll-preventer-');\n\n React.useEffect(() => {\n if (disabled) return;\n if (!canUseDOM() || !visible) return;\n scrollPreventers.add(id);\n if (scrollPreventers.size > 1) return;\n\n const { overflow, paddingRight, boxSizing } = window.getComputedStyle(document.body);\n lockedBodyStyles.paddingRight = paddingRight;\n lockedBodyStyles.overflow = overflow;\n lockedBodyStyles.boxSizing = boxSizing;\n\n const intPaddingRight = getIntValueFromCss(paddingRight);\n let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);\n // Detected own style for window inside window\n if (intPaddingRightFromStyle !== scrollbarWidth) {\n intPaddingRightFromStyle = 0;\n }\n\n document.body.style.overflow = 'hidden';\n document.body.style.paddingRight =\n scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';\n document.body.style.boxSizing = 'border-box';\n }, [visible, id, disabled]);\n\n React.useEffect(() => {\n if (disabled) return;\n if (!canUseDOM() || !visible) return;\n return () => {\n scrollPreventers.delete(id);\n if (scrollPreventers.size !== 0) return;\n document.body.style.overflow = lockedBodyStyles.overflow!;\n document.body.style.paddingRight = lockedBodyStyles.paddingRight!;\n document.body.style.boxSizing = lockedBodyStyles.boxSizing!;\n };\n }, [visible, id, disabled]);\n}\n"],"mappings":"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"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import canUseDOM from "./canUseDOM.mjs";
|
|
6
|
-
import { useForkRef } from "./ref.mjs";
|
|
7
|
-
import { useContextTokens } from "./ThemeProvider.mjs";
|
|
8
|
-
export var useCssVariable = function useCssVariable(name, fallbackValue, ref) {
|
|
9
|
-
var contextTheme = useContextTokens();
|
|
10
|
-
var getValue = React.useCallback(function () {
|
|
11
|
-
var _ref$current;
|
|
12
|
-
if (contextTheme !== null && contextTheme !== void 0 && contextTheme[name]) return contextTheme[name];
|
|
13
|
-
if (!canUseDOM()) return fallbackValue;
|
|
14
|
-
var element = (_ref$current = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _ref$current !== void 0 ? _ref$current : document.documentElement;
|
|
15
|
-
var computedStyles = getComputedStyle(element);
|
|
16
|
-
return computedStyles.getPropertyValue(name) || fallbackValue;
|
|
17
|
-
}, [name, ref, fallbackValue, contextTheme]);
|
|
18
|
-
var initialValue = React.useMemo(getValue, [getValue]);
|
|
19
|
-
var _React$useState = React.useState(initialValue),
|
|
20
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
21
|
-
value = _React$useState2[0],
|
|
22
|
-
setValue = _React$useState2[1];
|
|
23
|
-
React.useEffect(function () {
|
|
24
|
-
return setValue(getValue);
|
|
25
|
-
}, [getValue]);
|
|
26
|
-
return value;
|
|
27
|
-
};
|
|
28
|
-
export var cssVariableEnhance = function cssVariableEnhance(_ref) {
|
|
29
|
-
var variable = _ref.variable,
|
|
30
|
-
fallback = _ref.fallback,
|
|
31
|
-
prop = _ref.prop,
|
|
32
|
-
map = _ref.map;
|
|
33
|
-
return function (props) {
|
|
34
|
-
var _ref2 = props,
|
|
35
|
-
ref = _ref2.ref;
|
|
36
|
-
var nodeRef = React.useRef();
|
|
37
|
-
var variableValue = useCssVariable(variable, fallback, nodeRef);
|
|
38
|
-
var mappedValue = React.useMemo(function () {
|
|
39
|
-
return map ? map(variableValue) : variableValue;
|
|
40
|
-
}, [map, variableValue]);
|
|
41
|
-
return _objectSpread(_objectSpread({}, props), {}, _defineProperty({
|
|
42
|
-
ref: useForkRef(ref, nodeRef)
|
|
43
|
-
}, prop, props[prop] === undefined ? mappedValue : props[prop]));
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=useCssVariable.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCssVariable.mjs","names":["React","canUseDOM","useForkRef","useContextTokens","useCssVariable","name","fallbackValue","ref","contextTheme","getValue","useCallback","_ref$current","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread","_defineProperty","undefined"],"sources":["../../src/utils/useCssVariable.ts"],"sourcesContent":["import React from 'react';\nimport canUseDOM from './canUseDOM';\nimport { useForkRef } from './ref';\nimport { useContextTokens } from './ThemeProvider';\n\nexport const useCssVariable = (name: string, fallbackValue: string, ref?: React.RefObject<any>) => {\n const contextTheme = useContextTokens();\n const getValue = React.useCallback(() => {\n if (contextTheme?.[name]) return contextTheme[name];\n if (!canUseDOM()) return fallbackValue;\n\n const element = ref?.current ?? document.documentElement;\n\n const computedStyles = getComputedStyle(element);\n\n return computedStyles.getPropertyValue(name) || fallbackValue;\n }, [name, ref, fallbackValue, contextTheme]);\n\n const initialValue = React.useMemo(getValue, [getValue]);\n const [value, setValue] = React.useState(initialValue);\n React.useEffect(() => setValue(getValue), [getValue]);\n\n return value;\n};\n\nexport const cssVariableEnhance = <\n P extends string,\n F = string,\n R = string,\n M extends null | ((value: string) => R) = any,\n>({\n variable,\n fallback,\n prop,\n map,\n}: {\n variable: string;\n prop: P;\n fallback: F;\n map?: M;\n}) => {\n return <T extends {}>(props: T) => {\n const { ref } = props as any;\n const nodeRef = React.useRef();\n const variableValue = useCssVariable(variable, fallback as any, nodeRef);\n const mappedValue = React.useMemo(\n () => (map ? map(variableValue) : variableValue),\n [map, variableValue],\n );\n\n return {\n ...props,\n ref: useForkRef(ref, nodeRef),\n [prop]: (props as any)[prop] === undefined ? mappedValue : (props as any)[prop],\n } as T & {\n [key in P]: M extends (value: string) => R ? R : F;\n };\n };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAa;AACnC,SAASC,UAAU,QAAQ,WAAO;AAClC,SAASC,gBAAgB,QAAQ,qBAAiB;AAElD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAGL,gBAAgB,EAAE;EACvC,IAAMM,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIH,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAACJ,SAAS,EAAE,EAAE,OAAOK,aAAa;IAEtC,IAAMM,OAAO,IAAAD,YAAA,GAAGJ,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEM,OAAO,cAAAF,YAAA,cAAAA,YAAA,GAAIG,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACb,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMW,YAAY,GAAGnB,KAAK,CAACoB,OAAO,CAACX,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAY,eAAA,GAA0BrB,KAAK,CAACsB,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBvB,KAAK,CAAC2B,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACjB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOgB,KAAK;AACd,CAAC;AAED,OAAO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAezB;EAAA,IATJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;EAOH,OAAO,UAAeC,KAAQ,EAAK;IACjC,IAAAC,KAAA,GAAgBD,KAAK;MAAb3B,GAAG,GAAA4B,KAAA,CAAH5B,GAAG;IACX,IAAM6B,OAAO,GAAGpC,KAAK,CAACqC,MAAM,EAAE;IAC9B,IAAMC,aAAa,GAAGlC,cAAc,CAAC0B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAGvC,KAAK,CAACoB,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CAAC,CACrB;IAED,OAAAE,aAAA,CAAAA,aAAA,KACKN,KAAK,OAAAO,eAAA;MACRlC,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAE6B,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKU,SAAS,GAAGH,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
-
import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import defaultDesignThemeJson from "../theme/themes/default.mjs";
|
|
6
|
-
import { useContextTokens } from "./ThemeProvider.mjs";
|
|
7
|
-
var defaultDesignThemeTokens = defaultDesignThemeJson;
|
|
8
|
-
var zIndexStackingContext = /*#__PURE__*/React.createContext(0);
|
|
9
|
-
export var useZIndexStacking = function useZIndexStacking(designToken) {
|
|
10
|
-
var contextTokens = useContextTokens();
|
|
11
|
-
var parentContextValue = React.useContext(zIndexStackingContext);
|
|
12
|
-
var contextValue = React.useMemo(function () {
|
|
13
|
-
if (!designToken) return parentContextValue;
|
|
14
|
-
var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
|
|
15
|
-
var tokenValue = parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
|
|
16
|
-
if (Number.isNaN(tokenValue)) return parentContextValue;
|
|
17
|
-
return parentContextValue + tokenValue;
|
|
18
|
-
}, [designToken, contextTokens, parentContextValue]);
|
|
19
|
-
return contextValue;
|
|
20
|
-
};
|
|
21
|
-
export var ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
|
|
22
|
-
var designToken = _ref.designToken,
|
|
23
|
-
children = _ref.children;
|
|
24
|
-
var contextValue = useZIndexStacking(designToken);
|
|
25
|
-
return /*#__PURE__*/React.createElement(zIndexStackingContext.Provider, {
|
|
26
|
-
value: contextValue
|
|
27
|
-
}, children);
|
|
28
|
-
};
|
|
29
|
-
export var zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
|
|
30
|
-
return function (props) {
|
|
31
|
-
var other = _extends({}, (_objectDestructuringEmpty(props), props));
|
|
32
|
-
var parentZIndexStacking = useZIndexStacking(designToken);
|
|
33
|
-
return _objectSpread(_objectSpread({}, other), {}, {
|
|
34
|
-
parentZIndexStacking: parentZIndexStacking
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=zIndexStacking.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"zIndexStacking.mjs","names":["React","defaultDesignThemeJson","useContextTokens","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","parseInt","Number","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\nimport defaultDesignThemeJson from '../theme/themes/default';\nimport { useContextTokens } from './ThemeProvider';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n | 'z-index-deep'\n | 'z-index-overlay'\n | 'z-index-modal'\n | 'z-index-popper'\n | 'z-index-dropdown'\n | 'z-index-tooltip'\n | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n const contextTokens = useContextTokens();\n const parentContextValue = React.useContext(zIndexStackingContext);\n const contextValue = React.useMemo(() => {\n if (!designToken) return parentContextValue;\n const tokenName = designToken.startsWith('--intergalactic-')\n ? designToken\n : `--intergalactic-${designToken}`;\n const tokenValue = parseInt(\n contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n 10,\n );\n if (Number.isNaN(tokenValue)) return parentContextValue;\n return parentContextValue + tokenValue;\n }, [designToken, contextTokens, parentContextValue]);\n return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n designToken: ZIndexDesignTokens;\n children: React.ReactNode;\n}> = ({ designToken, children }) => {\n const contextValue = useZIndexStacking(designToken);\n return (\n <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n return (props: any) => {\n const { ...other } = props;\n const parentZIndexStacking = useZIndexStacking(designToken);\n return {\n ...other,\n parentZIndexStacking,\n };\n };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,IAAMC,wBAAwB,GAAGF,sBAAgD;AAEjF,IAAMG,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGN,gBAAgB,EAAE;EACxC,IAAMO,kBAAkB,GAAGT,KAAK,CAACU,UAAU,CAACN,qBAAqB,CAAC;EAClE,IAAMO,YAAY,GAAGX,KAAK,CAACY,OAAO,CAAC,YAAM;IACvC,IAAI,CAACL,WAAW,EAAE,OAAOE,kBAAkB;IAC3C,IAAMI,SAAS,GAAGN,WAAW,CAACO,UAAU,CAAC,kBAAkB,CAAC,GACxDP,WAAW,sBAAAQ,MAAA,CACQR,WAAW,CAAE;IACpC,IAAMS,UAAU,GAAGC,QAAQ,CACzB,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EAAE,CACH;IACD,IAAIK,MAAM,CAACC,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEC,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACD,OAAO,IAAMS,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bd,WAAW,GAAAc,IAAA,CAAXd,WAAW;IAAEe,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGL,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEP,KAAA,CAAAuB,aAAA,CAACnB,qBAAqB,CAACoB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAQ,CAAkC;AAEpG,CAAC;AACD,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAInB,WAAgC,EAAK;EACzE,OAAO,UAACoB,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAGzB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAAyB,aAAA,CAAAA,aAAA,KACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC"}
|