@c15t/react 0.0.1-rc.9 → 1.0.0
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/dist/components/consent-manager-dialog/__tests__/styles.spec.cjs +41 -20
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +34 -6
- package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs +67 -32
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts +9 -3
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/dialog-card.js +26 -12
- package/dist/components/consent-manager-dialog/atoms/overlay.cjs +20 -19
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.js +7 -4
- package/dist/components/consent-manager-dialog/consent-manager-dialog.cjs +20 -16
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts +0 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.js +10 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.cjs +12 -10
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js +4 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +29 -15
- package/dist/components/consent-manager-dialog/index.cjs +43 -17
- package/dist/components/consent-manager-dialog/theme.cjs +3 -4
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +41 -20
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +34 -6
- package/dist/components/consent-manager-widget/atoms/accordion.cjs +50 -24
- package/dist/components/consent-manager-widget/atoms/accordion.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/button.cjs +27 -13
- package/dist/components/consent-manager-widget/atoms/footer.cjs +19 -17
- package/dist/components/consent-manager-widget/atoms/root.cjs +10 -8
- package/dist/components/consent-manager-widget/consent-manager-widget.cjs +11 -22
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/consent-manager-widget.js +3 -14
- package/dist/components/consent-manager-widget/consent-manager-widget.module.cjs +12 -13
- package/dist/components/consent-manager-widget/consent-manager-widget.module.js +4 -5
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +24 -29
- package/dist/components/consent-manager-widget/index.cjs +87 -29
- package/dist/components/consent-manager-widget/theme.cjs +3 -4
- package/dist/components/consent-manager-widget/types.cjs +3 -4
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.cjs +189 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts +2 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts.map +1 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.js +183 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +35 -20
- package/dist/components/cookie-banner/__tests__/styles.spec.js +28 -6
- package/dist/components/cookie-banner/atoms/overlay.cjs +18 -18
- package/dist/components/cookie-banner/atoms/overlay.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/overlay.js +7 -5
- package/dist/components/cookie-banner/atoms/root.cjs +17 -17
- package/dist/components/cookie-banner/atoms/root.d.ts +14 -0
- package/dist/components/cookie-banner/atoms/root.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/root.js +6 -4
- package/dist/components/cookie-banner/components.cjs +69 -28
- package/dist/components/cookie-banner/components.d.ts.map +1 -1
- package/dist/components/cookie-banner/components.js +14 -3
- package/dist/components/cookie-banner/cookie-banner.cjs +11 -9
- package/dist/components/cookie-banner/cookie-banner.d.ts +12 -0
- package/dist/components/cookie-banner/cookie-banner.d.ts.map +1 -1
- package/dist/components/cookie-banner/cookie-banner.js +3 -1
- package/dist/components/cookie-banner/cookie-banner.module.cjs +10 -10
- package/dist/components/cookie-banner/cookie-banner.module.js +2 -2
- package/dist/components/cookie-banner/cookie-banner_module.css +7 -7
- package/dist/components/cookie-banner/error-boundary.cjs +8 -9
- package/dist/components/cookie-banner/error-boundary.d.ts +1 -1
- package/dist/components/cookie-banner/error-boundary.js +0 -1
- package/dist/components/cookie-banner/index.cjs +65 -23
- package/dist/components/cookie-banner/theme.cjs +3 -4
- package/dist/components/shared/libs/polymorphic.cjs +3 -4
- package/dist/components/shared/libs/polymorphic.d.ts +1 -7
- package/dist/components/shared/libs/polymorphic.d.ts.map +1 -1
- package/dist/components/shared/libs/recursive-clone-children.cjs +8 -8
- package/dist/components/shared/primitives/box.cjs +10 -10
- package/dist/components/shared/primitives/box.d.ts.map +1 -1
- package/dist/components/shared/primitives/box.js +3 -3
- package/dist/components/shared/primitives/button.cjs +9 -9
- package/dist/components/shared/primitives/button.d.ts +2 -102
- package/dist/components/shared/primitives/button.d.ts.map +1 -1
- package/dist/components/shared/primitives/button.js +2 -2
- package/dist/components/shared/primitives/button.types.cjs +3 -4
- package/dist/components/shared/primitives/button.types.d.ts +1 -8
- package/dist/components/shared/primitives/button.types.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.cjs +25 -17
- package/dist/components/shared/ui/accordion/accordion.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.js +8 -8
- package/dist/components/shared/ui/accordion/accordion.module.cjs +11 -11
- package/dist/components/shared/ui/accordion/accordion.module.js +3 -3
- package/dist/components/shared/ui/accordion/accordion.types.cjs +3 -4
- package/dist/components/shared/ui/accordion/accordion.types.d.ts +0 -10
- package/dist/components/shared/ui/accordion/accordion.types.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion_module.css +39 -19
- package/dist/components/shared/ui/accordion/index.cjs +7 -14
- package/dist/components/shared/ui/button/button.cjs +16 -16
- package/dist/components/shared/ui/button/button.d.ts +4 -204
- package/dist/components/shared/ui/button/button.d.ts.map +1 -1
- package/dist/components/shared/ui/button/button.module.cjs +10 -10
- package/dist/components/shared/ui/button/button.module.js +2 -2
- package/dist/components/shared/ui/button/button.types.cjs +3 -4
- package/dist/components/shared/ui/button/button_module.css +40 -19
- package/dist/components/shared/ui/button/index.cjs +7 -14
- package/dist/components/shared/ui/icon.cjs +8 -8
- package/dist/components/shared/ui/icon.d.ts.map +1 -1
- package/dist/components/shared/ui/logo.cjs +43 -54
- package/dist/components/shared/ui/logo.d.ts +3 -2
- package/dist/components/shared/ui/logo.d.ts.map +1 -1
- package/dist/components/shared/ui/logo.js +32 -46
- package/dist/components/shared/ui/switch/index.cjs +7 -14
- package/dist/components/shared/ui/switch/switch.cjs +11 -15
- package/dist/components/shared/ui/switch/switch.d.ts.map +1 -1
- package/dist/components/shared/ui/switch/switch.js +3 -3
- package/dist/components/shared/ui/switch/switch.module.cjs +10 -10
- package/dist/components/shared/ui/switch/switch.module.js +2 -2
- package/dist/components/shared/ui/switch/switch.types.cjs +3 -4
- package/dist/components/shared/ui/switch/switch_module.css +32 -10
- package/dist/context/consent-manager-context.cjs +9 -9
- package/dist/context/consent-manager-context.d.ts +29 -10
- package/dist/context/consent-manager-context.d.ts.map +1 -1
- package/dist/context/consent-manager-context.js +1 -1
- package/dist/context/theme-context.cjs +17 -9
- package/dist/context/theme-context.d.ts +16 -1
- package/dist/context/theme-context.d.ts.map +1 -1
- package/dist/context/theme-context.js +7 -1
- package/dist/hooks/__tests__/use-consent-manager.test.cjs +76 -0
- package/dist/hooks/__tests__/use-consent-manager.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-consent-manager.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-consent-manager.test.js +70 -0
- package/dist/hooks/__tests__/use-styles.test.cjs +76 -0
- package/dist/hooks/__tests__/use-styles.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-styles.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-styles.test.js +70 -0
- package/dist/hooks/__tests__/use-theme.test.cjs +86 -0
- package/dist/hooks/__tests__/use-theme.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-theme.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-theme.test.js +80 -0
- package/dist/hooks/index.cjs +23 -21
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +18 -1
- package/dist/hooks/use-color-scheme.cjs +66 -0
- package/dist/hooks/use-color-scheme.d.ts +16 -0
- package/dist/hooks/use-color-scheme.d.ts.map +1 -0
- package/dist/hooks/use-color-scheme.js +32 -0
- package/dist/hooks/use-consent-manager.cjs +13 -9
- package/dist/hooks/use-consent-manager.d.ts +13 -5
- package/dist/hooks/use-consent-manager.d.ts.map +1 -1
- package/dist/hooks/use-consent-manager.js +5 -1
- package/dist/hooks/use-focus-trap.cjs +76 -0
- package/dist/hooks/use-focus-trap.d.ts +15 -0
- package/dist/hooks/use-focus-trap.d.ts.map +1 -0
- package/dist/hooks/use-focus-trap.js +42 -0
- package/dist/hooks/use-scroll-lock.cjs +55 -0
- package/dist/hooks/use-scroll-lock.d.ts +26 -0
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -0
- package/dist/hooks/use-scroll-lock.js +21 -0
- package/dist/{utils → hooks}/use-styles.cjs +13 -13
- package/dist/{utils → hooks}/use-styles.d.ts.map +1 -1
- package/dist/{utils → hooks}/use-styles.js +5 -5
- package/dist/hooks/use-theme.cjs +10 -12
- package/dist/hooks/use-theme.d.ts.map +1 -1
- package/dist/hooks/use-theme.js +2 -4
- package/dist/hooks/use-translations.cjs +8 -8
- package/dist/index.cjs +66 -30
- package/dist/index.d.ts +9 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -4
- package/dist/providers/__tests__/provider-basic.test.cjs +127 -0
- package/dist/providers/__tests__/provider-basic.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-basic.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-basic.test.js +121 -0
- package/dist/providers/__tests__/provider-context.test.cjs +139 -0
- package/dist/providers/__tests__/provider-context.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-context.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-context.test.js +133 -0
- package/dist/providers/__tests__/provider-errors.test.cjs +98 -0
- package/dist/providers/__tests__/provider-errors.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-errors.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-errors.test.js +92 -0
- package/dist/providers/__tests__/test-helpers.cjs +171 -0
- package/dist/providers/__tests__/test-helpers.d.ts +6 -0
- package/dist/providers/__tests__/test-helpers.d.ts.map +1 -0
- package/dist/providers/__tests__/test-helpers.js +134 -0
- package/dist/providers/consent-manager-provider.cjs +95 -38
- package/dist/providers/consent-manager-provider.d.ts +16 -2
- package/dist/providers/consent-manager-provider.d.ts.map +1 -1
- package/dist/providers/consent-manager-provider.js +87 -30
- package/dist/types/consent-manager.cjs +3 -4
- package/dist/types/consent-manager.d.ts +47 -72
- package/dist/types/consent-manager.d.ts.map +1 -1
- package/dist/types/theme/index.cjs +7 -14
- package/dist/types/theme/style-keys.cjs +3 -4
- package/dist/types/theme/style-types.cjs +3 -4
- package/dist/utils/cn.cjs +10 -16
- package/dist/utils/cn.d.ts +1 -5
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +1 -2
- package/dist/utils/merge-styles.cjs +8 -8
- package/dist/utils/test-helpers.cjs +70 -0
- package/dist/utils/test-helpers.d.ts +30 -0
- package/dist/utils/test-helpers.d.ts.map +1 -0
- package/dist/utils/test-helpers.js +33 -0
- package/dist/utils/translations.cjs +12 -8
- package/package.json +12 -11
- package/dist/components/consent-manager-dialog/__tests__/utils.cjs +0 -68
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts +0 -13
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts.map +0 -1
- package/dist/components/consent-manager-dialog/__tests__/utils.js +0 -34
- package/dist/components/consent-manager-widget/__tests__/utils.cjs +0 -68
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts +0 -13
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts.map +0 -1
- package/dist/components/consent-manager-widget/__tests__/utils.js +0 -34
- package/dist/components/consent-manager-widget/atoms/logo.cjs +0 -101
- package/dist/components/consent-manager-widget/atoms/logo.d.ts +0 -8
- package/dist/components/consent-manager-widget/atoms/logo.d.ts.map +0 -1
- package/dist/components/consent-manager-widget/atoms/logo.js +0 -67
- package/dist/components/cookie-banner/__tests__/utils.cjs +0 -67
- package/dist/components/cookie-banner/__tests__/utils.d.ts +0 -13
- package/dist/components/cookie-banner/__tests__/utils.d.ts.map +0 -1
- package/dist/components/cookie-banner/__tests__/utils.js +0 -33
- /package/dist/{utils → hooks}/use-styles.d.ts +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __webpack_require__ = {};
|
|
3
3
|
(()=>{
|
|
4
|
-
__webpack_require__.d =
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
5
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: definition[key]
|
|
@@ -9,12 +9,10 @@ var __webpack_require__ = {};
|
|
|
9
9
|
};
|
|
10
10
|
})();
|
|
11
11
|
(()=>{
|
|
12
|
-
__webpack_require__.o =
|
|
13
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
};
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
13
|
})();
|
|
16
14
|
(()=>{
|
|
17
|
-
__webpack_require__.r =
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
18
16
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
17
|
value: 'Module'
|
|
20
18
|
});
|
|
@@ -33,13 +31,19 @@ const consent_manager_context_cjs_namespaceObject = require("../context/consent-
|
|
|
33
31
|
function useConsentManager() {
|
|
34
32
|
const context = (0, external_react_namespaceObject.useContext)(consent_manager_context_cjs_namespaceObject.ConsentStateContext);
|
|
35
33
|
if (void 0 === context) throw new Error('useConsentManager must be used within a ConsentManagerProvider');
|
|
34
|
+
const storeState = context.store.getState();
|
|
36
35
|
return {
|
|
37
36
|
...context.state,
|
|
38
|
-
...
|
|
37
|
+
...storeState,
|
|
38
|
+
...context.manager ? {
|
|
39
|
+
manager: context.manager
|
|
40
|
+
} : {}
|
|
39
41
|
};
|
|
40
42
|
}
|
|
41
|
-
|
|
42
|
-
for(var __webpack_i__ in __webpack_exports__)
|
|
43
|
-
|
|
43
|
+
exports.useConsentManager = __webpack_exports__.useConsentManager;
|
|
44
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
45
|
+
"useConsentManager"
|
|
46
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
47
|
+
Object.defineProperty(exports, '__esModule', {
|
|
44
48
|
value: true
|
|
45
49
|
});
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @packageDocumentation
|
|
3
|
+
* Hook for accessing and managing consent state.
|
|
4
|
+
*/
|
|
1
5
|
/**
|
|
2
6
|
* Hook for accessing and managing consent state.
|
|
3
7
|
*
|
|
@@ -7,6 +11,7 @@
|
|
|
7
11
|
* - Methods to update consents
|
|
8
12
|
* - Compliance settings and region detection
|
|
9
13
|
* - State persistence and retrieval
|
|
14
|
+
* - The consent manager (if configured)
|
|
10
15
|
*
|
|
11
16
|
* The hook must be used within a ConsentManagerProvider component.
|
|
12
17
|
*
|
|
@@ -17,19 +22,24 @@
|
|
|
17
22
|
* @public
|
|
18
23
|
*/
|
|
19
24
|
export declare function useConsentManager(): {
|
|
25
|
+
manager?: import("c15t").ConsentManagerInterface | undefined;
|
|
20
26
|
consents: import("c15t").ConsentState;
|
|
21
27
|
consentInfo: {
|
|
22
28
|
time: number;
|
|
23
29
|
type: "all" | "custom" | "necessary";
|
|
24
30
|
} | null;
|
|
25
31
|
showPopup: boolean;
|
|
32
|
+
isLoadingConsentInfo: boolean;
|
|
26
33
|
gdprTypes: import("c15t").AllConsentNames[];
|
|
27
34
|
isPrivacyDialogOpen: boolean;
|
|
28
35
|
complianceSettings: Record<import("c15t").ComplianceRegion, import("c15t").ComplianceSettings>;
|
|
29
36
|
callbacks: import("c15t").Callbacks;
|
|
30
|
-
detectedCountry: string;
|
|
37
|
+
detectedCountry: string | null;
|
|
38
|
+
locationInfo: import("c15t").LocationInfo | null;
|
|
39
|
+
jurisdictionInfo: import("c15t").JurisdictionInfo | null;
|
|
31
40
|
privacySettings: import("c15t").PrivacySettings;
|
|
32
41
|
translationConfig: import("c15t").TranslationConfig;
|
|
42
|
+
isConsentDomain: boolean;
|
|
33
43
|
setTranslationConfig: (config: import("c15t").TranslationConfig) => void;
|
|
34
44
|
includeNonDisplayedConsents: boolean;
|
|
35
45
|
consentTypes: import("c15t").ConsentType[];
|
|
@@ -43,13 +53,11 @@ export declare function useConsentManager(): {
|
|
|
43
53
|
resetComplianceSettings: () => void;
|
|
44
54
|
setCallback: (name: keyof import("c15t").Callbacks, callback: import("c15t").CallbackFunction | undefined) => void;
|
|
45
55
|
setDetectedCountry: (country: string) => void;
|
|
56
|
+
setLocationInfo: (location: import("c15t").LocationInfo | null) => void;
|
|
57
|
+
fetchConsentBannerInfo: () => Promise<import("c15t").ConsentBannerResponse | undefined>;
|
|
46
58
|
getDisplayedConsents: () => typeof import("c15t").consentTypes;
|
|
47
59
|
hasConsented: () => boolean;
|
|
48
|
-
clearAllData: () => void;
|
|
49
|
-
updateConsentMode: () => void;
|
|
50
|
-
setPrivacySettings: (settings: Partial<import("c15t").PrivacySettings>) => void;
|
|
51
60
|
getEffectiveConsents: () => import("c15t").ConsentState;
|
|
52
61
|
hasConsentFor: (consentType: import("c15t").AllConsentNames) => boolean;
|
|
53
|
-
setIncludeNonDisplayedConsents: (include: boolean) => void;
|
|
54
62
|
};
|
|
55
63
|
//# sourceMappingURL=use-consent-manager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-consent-manager.d.ts","sourceRoot":"","sources":["../../src/hooks/use-consent-manager.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-consent-manager.d.ts","sourceRoot":"","sources":["../../src/hooks/use-consent-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;uCAmBmnE,CAAC;;;;;;;;;;;;;;;EADppE"}
|
|
@@ -3,9 +3,13 @@ import * as __WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06
|
|
|
3
3
|
function useConsentManager() {
|
|
4
4
|
const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__context_consent_manager_context_js_ee8f06d2__.ConsentStateContext);
|
|
5
5
|
if (void 0 === context) throw new Error('useConsentManager must be used within a ConsentManagerProvider');
|
|
6
|
+
const storeState = context.store.getState();
|
|
6
7
|
return {
|
|
7
8
|
...context.state,
|
|
8
|
-
...
|
|
9
|
+
...storeState,
|
|
10
|
+
...context.manager ? {
|
|
11
|
+
manager: context.manager
|
|
12
|
+
} : {}
|
|
9
13
|
};
|
|
10
14
|
}
|
|
11
15
|
export { useConsentManager };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
useFocusTrap: ()=>useFocusTrap
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
function useFocusTrap(shouldTrap, containerRef) {
|
|
31
|
+
const previousFocusRef = (0, external_react_namespaceObject.useRef)(null);
|
|
32
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
33
|
+
if (!shouldTrap || !containerRef || !containerRef.current) return;
|
|
34
|
+
previousFocusRef.current = document.activeElement;
|
|
35
|
+
const focusableElements = getFocusableElements(containerRef.current);
|
|
36
|
+
if (focusableElements.length > 0) setTimeout(()=>{
|
|
37
|
+
focusableElements[0]?.focus();
|
|
38
|
+
}, 0);
|
|
39
|
+
else if (-1 !== containerRef.current.tabIndex) try {
|
|
40
|
+
containerRef.current.focus();
|
|
41
|
+
} catch {}
|
|
42
|
+
const handleKeyDown = (e)=>{
|
|
43
|
+
if ('Tab' !== e.key || !containerRef.current) return;
|
|
44
|
+
const focusableElements = getFocusableElements(containerRef.current);
|
|
45
|
+
if (0 === focusableElements.length) return;
|
|
46
|
+
const firstElement = focusableElements[0];
|
|
47
|
+
const lastElement = focusableElements.at(-1);
|
|
48
|
+
if (e.shiftKey && document.activeElement === firstElement) {
|
|
49
|
+
e.preventDefault();
|
|
50
|
+
lastElement?.focus();
|
|
51
|
+
} else if (!e.shiftKey && document.activeElement === lastElement) {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
firstElement?.focus();
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
57
|
+
return ()=>{
|
|
58
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
59
|
+
if (previousFocusRef.current && 'focus' in previousFocusRef.current) setTimeout(()=>previousFocusRef.current?.focus(), 0);
|
|
60
|
+
};
|
|
61
|
+
}, [
|
|
62
|
+
shouldTrap,
|
|
63
|
+
containerRef
|
|
64
|
+
]);
|
|
65
|
+
}
|
|
66
|
+
function getFocusableElements(container) {
|
|
67
|
+
const selector = 'a[href]:not([disabled]),button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[contenteditable],[tabindex]:not([tabindex="-1"])';
|
|
68
|
+
return Array.from(container.querySelectorAll(selector)).filter((el)=>el.offsetWidth > 0 && el.offsetHeight > 0);
|
|
69
|
+
}
|
|
70
|
+
exports.useFocusTrap = __webpack_exports__.useFocusTrap;
|
|
71
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
72
|
+
"useFocusTrap"
|
|
73
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
74
|
+
Object.defineProperty(exports, '__esModule', {
|
|
75
|
+
value: true
|
|
76
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Hook that manages focus trapping within a container.
|
|
4
|
+
*
|
|
5
|
+
* @remarks
|
|
6
|
+
* This hook ensures keyboard navigation stays within the container
|
|
7
|
+
* while it's active, improving accessibility for modal dialogs.
|
|
8
|
+
*
|
|
9
|
+
* @param shouldTrap - Boolean indicating whether focus should be trapped
|
|
10
|
+
* @param containerRef - Reference to the container element
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export declare function useFocusTrap(shouldTrap: boolean, containerRef: RefObject<HTMLElement> | null): void;
|
|
15
|
+
//# sourceMappingURL=use-focus-trap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-focus-trap.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-trap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAC3B,UAAU,EAAE,OAAO,EACnB,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,GACzC,IAAI,CAiEN"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
function useFocusTrap(shouldTrap, containerRef) {
|
|
3
|
+
const previousFocusRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
|
|
4
|
+
(0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
|
|
5
|
+
if (!shouldTrap || !containerRef || !containerRef.current) return;
|
|
6
|
+
previousFocusRef.current = document.activeElement;
|
|
7
|
+
const focusableElements = getFocusableElements(containerRef.current);
|
|
8
|
+
if (focusableElements.length > 0) setTimeout(()=>{
|
|
9
|
+
focusableElements[0]?.focus();
|
|
10
|
+
}, 0);
|
|
11
|
+
else if (-1 !== containerRef.current.tabIndex) try {
|
|
12
|
+
containerRef.current.focus();
|
|
13
|
+
} catch {}
|
|
14
|
+
const handleKeyDown = (e)=>{
|
|
15
|
+
if ('Tab' !== e.key || !containerRef.current) return;
|
|
16
|
+
const focusableElements = getFocusableElements(containerRef.current);
|
|
17
|
+
if (0 === focusableElements.length) return;
|
|
18
|
+
const firstElement = focusableElements[0];
|
|
19
|
+
const lastElement = focusableElements.at(-1);
|
|
20
|
+
if (e.shiftKey && document.activeElement === firstElement) {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
lastElement?.focus();
|
|
23
|
+
} else if (!e.shiftKey && document.activeElement === lastElement) {
|
|
24
|
+
e.preventDefault();
|
|
25
|
+
firstElement?.focus();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
29
|
+
return ()=>{
|
|
30
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
31
|
+
if (previousFocusRef.current && 'focus' in previousFocusRef.current) setTimeout(()=>previousFocusRef.current?.focus(), 0);
|
|
32
|
+
};
|
|
33
|
+
}, [
|
|
34
|
+
shouldTrap,
|
|
35
|
+
containerRef
|
|
36
|
+
]);
|
|
37
|
+
}
|
|
38
|
+
function getFocusableElements(container) {
|
|
39
|
+
const selector = 'a[href]:not([disabled]),button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[contenteditable],[tabindex]:not([tabindex="-1"])';
|
|
40
|
+
return Array.from(container.querySelectorAll(selector)).filter((el)=>el.offsetWidth > 0 && el.offsetHeight > 0);
|
|
41
|
+
}
|
|
42
|
+
export { useFocusTrap };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
useScrollLock: ()=>useScrollLock
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
function useScrollLock(shouldLock) {
|
|
31
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
32
|
+
if (shouldLock) {
|
|
33
|
+
const originalStyles = {
|
|
34
|
+
overflow: document.body.style.overflow,
|
|
35
|
+
paddingRight: document.body.style.paddingRight
|
|
36
|
+
};
|
|
37
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
38
|
+
document.body.style.overflow = 'hidden';
|
|
39
|
+
if (scrollbarWidth > 0) document.body.style.paddingRight = `${scrollbarWidth}px`;
|
|
40
|
+
return ()=>{
|
|
41
|
+
document.body.style.overflow = originalStyles.overflow;
|
|
42
|
+
document.body.style.paddingRight = originalStyles.paddingRight;
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
}, [
|
|
46
|
+
shouldLock
|
|
47
|
+
]);
|
|
48
|
+
}
|
|
49
|
+
exports.useScrollLock = __webpack_exports__.useScrollLock;
|
|
50
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
51
|
+
"useScrollLock"
|
|
52
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
53
|
+
Object.defineProperty(exports, '__esModule', {
|
|
54
|
+
value: true
|
|
55
|
+
});
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @packageDocumentation
|
|
3
|
+
* Provides a reusable hook for managing document scroll locking.
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Hook to manage document scroll locking.
|
|
7
|
+
*
|
|
8
|
+
* @remarks
|
|
9
|
+
* This hook provides a way to lock/unlock document scrolling.
|
|
10
|
+
* It automatically handles cleanup when the component unmounts
|
|
11
|
+
* and preserves the original scroll state.
|
|
12
|
+
*
|
|
13
|
+
* @param shouldLock - Boolean indicating whether scrolling should be locked
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* function Modal({ isOpen }) {
|
|
18
|
+
* useScrollLock(isOpen);
|
|
19
|
+
* return <div>Modal Content</div>;
|
|
20
|
+
* }
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
export declare function useScrollLock(shouldLock: boolean): void;
|
|
26
|
+
//# sourceMappingURL=use-scroll-lock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-scroll-lock.d.ts","sourceRoot":"","sources":["../../src/hooks/use-scroll-lock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CA0BvD"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
function useScrollLock(shouldLock) {
|
|
3
|
+
(0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
|
|
4
|
+
if (shouldLock) {
|
|
5
|
+
const originalStyles = {
|
|
6
|
+
overflow: document.body.style.overflow,
|
|
7
|
+
paddingRight: document.body.style.paddingRight
|
|
8
|
+
};
|
|
9
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
10
|
+
document.body.style.overflow = 'hidden';
|
|
11
|
+
if (scrollbarWidth > 0) document.body.style.paddingRight = `${scrollbarWidth}px`;
|
|
12
|
+
return ()=>{
|
|
13
|
+
document.body.style.overflow = originalStyles.overflow;
|
|
14
|
+
document.body.style.paddingRight = originalStyles.paddingRight;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
}, [
|
|
18
|
+
shouldLock
|
|
19
|
+
]);
|
|
20
|
+
}
|
|
21
|
+
export { useScrollLock };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use strict";
|
|
3
3
|
var __webpack_require__ = {};
|
|
4
4
|
(()=>{
|
|
5
|
-
__webpack_require__.d =
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
6
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: definition[key]
|
|
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
|
|
|
10
10
|
};
|
|
11
11
|
})();
|
|
12
12
|
(()=>{
|
|
13
|
-
__webpack_require__.o =
|
|
14
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
-
};
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
16
14
|
})();
|
|
17
15
|
(()=>{
|
|
18
|
-
__webpack_require__.r =
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
19
17
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
18
|
value: 'Module'
|
|
21
19
|
});
|
|
@@ -30,10 +28,10 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
30
28
|
useStyles: ()=>useStyles
|
|
31
29
|
});
|
|
32
30
|
const external_react_namespaceObject = require("react");
|
|
33
|
-
const
|
|
34
|
-
const
|
|
31
|
+
const external_use_theme_cjs_namespaceObject = require("./use-theme.cjs");
|
|
32
|
+
const merge_styles_cjs_namespaceObject = require("../utils/merge-styles.cjs");
|
|
35
33
|
function useStyles(themeKey, componentStyle) {
|
|
36
|
-
const { noStyle: contextNoStyle, theme } = (0,
|
|
34
|
+
const { noStyle: contextNoStyle, theme } = (0, external_use_theme_cjs_namespaceObject.useTheme)();
|
|
37
35
|
const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
|
|
38
36
|
const themeStylesObject = (0, external_react_namespaceObject.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
|
|
39
37
|
themeKey,
|
|
@@ -49,14 +47,14 @@ function useStyles(themeKey, componentStyle) {
|
|
|
49
47
|
componentStyle
|
|
50
48
|
]);
|
|
51
49
|
const mergedWithContext = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
52
|
-
const merged = themeStylesObject ? (0,
|
|
50
|
+
const merged = themeStylesObject ? (0, merge_styles_cjs_namespaceObject.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
|
|
53
51
|
return merged;
|
|
54
52
|
}, [
|
|
55
53
|
initialStyle,
|
|
56
54
|
themeStylesObject
|
|
57
55
|
]);
|
|
58
56
|
const finalMergedStyle = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
59
|
-
const final = componentStyle ? (0,
|
|
57
|
+
const final = componentStyle ? (0, merge_styles_cjs_namespaceObject.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
|
|
60
58
|
return final;
|
|
61
59
|
}, [
|
|
62
60
|
mergedWithContext,
|
|
@@ -88,8 +86,10 @@ function useStyles(themeKey, componentStyle) {
|
|
|
88
86
|
componentStyle
|
|
89
87
|
]);
|
|
90
88
|
}
|
|
91
|
-
|
|
92
|
-
for(var __webpack_i__ in __webpack_exports__)
|
|
93
|
-
|
|
89
|
+
exports.useStyles = __webpack_exports__.useStyles;
|
|
90
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
91
|
+
"useStyles"
|
|
92
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
93
|
+
Object.defineProperty(exports, '__esModule', {
|
|
94
94
|
value: true
|
|
95
95
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-styles.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"use-styles.d.ts","sourceRoot":"","sources":["../../src/hooks/use-styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,YAAY,EACtB,cAAc,CAAC,EAAE,UAAU,GACzB,cAAc,CA+EhB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
-
import * as
|
|
4
|
-
import * as
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__use_theme_js_d12716c7__ from "./use-theme.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_00131a84__ from "../utils/merge-styles.js";
|
|
5
5
|
function useStyles(themeKey, componentStyle) {
|
|
6
|
-
const { noStyle: contextNoStyle, theme } = (0,
|
|
6
|
+
const { noStyle: contextNoStyle, theme } = (0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_d12716c7__.useTheme)();
|
|
7
7
|
const mergedNoStyle = 'object' == typeof componentStyle && 'noStyle' in componentStyle ? componentStyle.noStyle : contextNoStyle;
|
|
8
8
|
const themeStylesObject = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>themeKey ? theme?.[themeKey] : null, [
|
|
9
9
|
themeKey,
|
|
@@ -19,14 +19,14 @@ function useStyles(themeKey, componentStyle) {
|
|
|
19
19
|
componentStyle
|
|
20
20
|
]);
|
|
21
21
|
const mergedWithContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
|
|
22
|
-
const merged = themeStylesObject ? (0,
|
|
22
|
+
const merged = themeStylesObject ? (0, __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_00131a84__.mergeStyles)(initialStyle, themeStylesObject) : initialStyle;
|
|
23
23
|
return merged;
|
|
24
24
|
}, [
|
|
25
25
|
initialStyle,
|
|
26
26
|
themeStylesObject
|
|
27
27
|
]);
|
|
28
28
|
const finalMergedStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
|
|
29
|
-
const final = componentStyle ? (0,
|
|
29
|
+
const final = componentStyle ? (0, __WEBPACK_EXTERNAL_MODULE__utils_merge_styles_js_00131a84__.mergeStyles)(mergedWithContext, componentStyle) : mergedWithContext;
|
|
30
30
|
return final;
|
|
31
31
|
}, [
|
|
32
32
|
mergedWithContext,
|
package/dist/hooks/use-theme.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use strict";
|
|
3
3
|
var __webpack_require__ = {};
|
|
4
4
|
(()=>{
|
|
5
|
-
__webpack_require__.d =
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
6
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: definition[key]
|
|
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
|
|
|
10
10
|
};
|
|
11
11
|
})();
|
|
12
12
|
(()=>{
|
|
13
|
-
__webpack_require__.o =
|
|
14
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
-
};
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
16
14
|
})();
|
|
17
15
|
(()=>{
|
|
18
|
-
__webpack_require__.r =
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
19
17
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
18
|
value: 'Module'
|
|
21
19
|
});
|
|
@@ -36,10 +34,8 @@ function deepMerge(target, source) {
|
|
|
36
34
|
const result = {
|
|
37
35
|
...target
|
|
38
36
|
};
|
|
39
|
-
for(const key in source)if (void 0 !== source[key])
|
|
40
|
-
|
|
41
|
-
else result[key] = source[key];
|
|
42
|
-
}
|
|
37
|
+
for(const key in source)if (void 0 !== source[key]) if (source[key] && 'object' == typeof source[key] && !Array.isArray(source[key]) && target[key] && 'object' == typeof target[key]) result[key] = deepMerge(target[key], source[key]);
|
|
38
|
+
else result[key] = source[key];
|
|
43
39
|
return result;
|
|
44
40
|
}
|
|
45
41
|
const useTheme = ()=>{
|
|
@@ -49,8 +45,10 @@ const useTheme = ()=>{
|
|
|
49
45
|
const context = deepMerge(globalContext, localContext || null);
|
|
50
46
|
return context;
|
|
51
47
|
};
|
|
52
|
-
|
|
53
|
-
for(var __webpack_i__ in __webpack_exports__)
|
|
54
|
-
|
|
48
|
+
exports.useTheme = __webpack_exports__.useTheme;
|
|
49
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
50
|
+
"useTheme"
|
|
51
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
52
|
+
Object.defineProperty(exports, '__esModule', {
|
|
55
53
|
value: true
|
|
56
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,QAAQ,oEAYpB,CAAC"}
|
package/dist/hooks/use-theme.js
CHANGED
|
@@ -6,10 +6,8 @@ function deepMerge(target, source) {
|
|
|
6
6
|
const result = {
|
|
7
7
|
...target
|
|
8
8
|
};
|
|
9
|
-
for(const key in source)if (void 0 !== source[key])
|
|
10
|
-
|
|
11
|
-
else result[key] = source[key];
|
|
12
|
-
}
|
|
9
|
+
for(const key in source)if (void 0 !== source[key]) if (source[key] && 'object' == typeof source[key] && !Array.isArray(source[key]) && target[key] && 'object' == typeof target[key]) result[key] = deepMerge(target[key], source[key]);
|
|
10
|
+
else result[key] = source[key];
|
|
13
11
|
return result;
|
|
14
12
|
}
|
|
15
13
|
const useTheme = ()=>{
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use strict";
|
|
3
3
|
var __webpack_require__ = {};
|
|
4
4
|
(()=>{
|
|
5
|
-
__webpack_require__.d =
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
6
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: definition[key]
|
|
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
|
|
|
10
10
|
};
|
|
11
11
|
})();
|
|
12
12
|
(()=>{
|
|
13
|
-
__webpack_require__.o =
|
|
14
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
-
};
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
16
14
|
})();
|
|
17
15
|
(()=>{
|
|
18
|
-
__webpack_require__.r =
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
19
17
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
18
|
value: 'Module'
|
|
21
19
|
});
|
|
@@ -51,8 +49,10 @@ function isTranslations(value) {
|
|
|
51
49
|
const hasRequiredKeys = 'cookieBanner' in obj && 'consentManagerDialog' in obj && 'consentManagerWidget' in obj && 'consentTypes' in obj;
|
|
52
50
|
return hasRequiredKeys;
|
|
53
51
|
}
|
|
54
|
-
|
|
55
|
-
for(var __webpack_i__ in __webpack_exports__)
|
|
56
|
-
|
|
52
|
+
exports.useTranslations = __webpack_exports__.useTranslations;
|
|
53
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
54
|
+
"useTranslations"
|
|
55
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
56
|
+
Object.defineProperty(exports, '__esModule', {
|
|
57
57
|
value: true
|
|
58
58
|
});
|