@c15t/react 1.0.5 → 1.1.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 +1 -239
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +1 -211
- package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs +1 -188
- package/dist/components/consent-manager-dialog/atoms/dialog-card.js +1 -108
- package/dist/components/consent-manager-dialog/atoms/overlay.cjs +1 -84
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.js +1 -37
- package/dist/components/consent-manager-dialog/consent-manager-dialog.cjs +1 -143
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts +5 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.js +1 -99
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.cjs +1 -52
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js +1 -18
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +1 -217
- package/dist/components/consent-manager-dialog/index.cjs +1 -76
- package/dist/components/consent-manager-dialog/index.js +1 -17
- package/dist/components/consent-manager-dialog/theme.cjs +1 -18
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +1 -249
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +1 -221
- package/dist/components/consent-manager-widget/atoms/accordion.cjs +1 -195
- package/dist/components/consent-manager-widget/atoms/accordion.js +1 -106
- package/dist/components/consent-manager-widget/atoms/button.cjs +1 -107
- package/dist/components/consent-manager-widget/atoms/button.js +1 -52
- package/dist/components/consent-manager-widget/atoms/footer.cjs +1 -76
- package/dist/components/consent-manager-widget/atoms/footer.js +1 -23
- package/dist/components/consent-manager-widget/atoms/root.cjs +1 -61
- package/dist/components/consent-manager-widget/atoms/root.js +1 -24
- package/dist/components/consent-manager-widget/consent-manager-widget.cjs +1 -84
- package/dist/components/consent-manager-widget/consent-manager-widget.js +1 -50
- package/dist/components/consent-manager-widget/consent-manager-widget.module.cjs +1 -60
- package/dist/components/consent-manager-widget/consent-manager-widget.module.js +1 -26
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +1 -332
- package/dist/components/consent-manager-widget/index.cjs +1 -126
- package/dist/components/consent-manager-widget/index.js +1 -35
- package/dist/components/consent-manager-widget/theme.cjs +1 -18
- package/dist/components/consent-manager-widget/types.cjs +1 -18
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.cjs +1 -189
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.js +1 -183
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +1 -251
- package/dist/components/cookie-banner/__tests__/styles.spec.js +1 -223
- package/dist/components/cookie-banner/atoms/overlay.cjs +1 -87
- package/dist/components/cookie-banner/atoms/overlay.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/overlay.js +1 -40
- package/dist/components/cookie-banner/atoms/root.cjs +1 -129
- package/dist/components/cookie-banner/atoms/root.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/root.js +1 -82
- package/dist/components/cookie-banner/components.cjs +1 -216
- package/dist/components/cookie-banner/components.js +1 -121
- package/dist/components/cookie-banner/cookie-banner.cjs +1 -99
- package/dist/components/cookie-banner/cookie-banner.js +1 -65
- package/dist/components/cookie-banner/cookie-banner.module.cjs +1 -55
- package/dist/components/cookie-banner/cookie-banner.module.js +1 -21
- package/dist/components/cookie-banner/cookie-banner_module.css +1 -224
- package/dist/components/cookie-banner/error-boundary.cjs +1 -66
- package/dist/components/cookie-banner/error-boundary.js +1 -32
- package/dist/components/cookie-banner/index.cjs +1 -101
- package/dist/components/cookie-banner/index.js +1 -26
- package/dist/components/cookie-banner/theme.cjs +1 -18
- package/dist/components/shared/libs/polymorphic.cjs +1 -18
- package/dist/components/shared/libs/recursive-clone-children.cjs +1 -49
- package/dist/components/shared/libs/recursive-clone-children.js +1 -15
- package/dist/components/shared/primitives/box.cjs +1 -53
- package/dist/components/shared/primitives/box.js +1 -19
- package/dist/components/shared/primitives/button.cjs +1 -96
- package/dist/components/shared/primitives/button.d.ts +2 -86
- package/dist/components/shared/primitives/button.d.ts.map +1 -1
- package/dist/components/shared/primitives/button.js +1 -62
- package/dist/components/shared/primitives/button.types.cjs +1 -18
- package/dist/components/shared/ui/accordion/accordion.cjs +1 -226
- package/dist/components/shared/ui/accordion/accordion.js +1 -164
- package/dist/components/shared/ui/accordion/accordion.module.cjs +1 -49
- package/dist/components/shared/ui/accordion/accordion.module.js +1 -15
- package/dist/components/shared/ui/accordion/accordion.types.cjs +1 -18
- package/dist/components/shared/ui/accordion/accordion_module.css +1 -216
- package/dist/components/shared/ui/accordion/index.cjs +1 -69
- package/dist/components/shared/ui/accordion/index.js +1 -2
- package/dist/components/shared/ui/button/button.cjs +1 -199
- package/dist/components/shared/ui/button/button.d.ts +36 -182
- package/dist/components/shared/ui/button/button.d.ts.map +1 -1
- package/dist/components/shared/ui/button/button.js +1 -149
- package/dist/components/shared/ui/button/button.module.cjs +1 -65
- package/dist/components/shared/ui/button/button.module.js +1 -31
- package/dist/components/shared/ui/button/button.types.cjs +1 -18
- package/dist/components/shared/ui/button/button.types.d.ts +2 -0
- package/dist/components/shared/ui/button/button.types.d.ts.map +1 -1
- package/dist/components/shared/ui/button/button_module.css +1 -268
- package/dist/components/shared/ui/button/index.cjs +1 -69
- package/dist/components/shared/ui/button/index.js +1 -2
- package/dist/components/shared/ui/icon.cjs +1 -57
- package/dist/components/shared/ui/icon.js +1 -23
- package/dist/components/shared/ui/logo.cjs +1 -90
- package/dist/components/shared/ui/logo.js +1 -53
- package/dist/components/shared/ui/switch/index.cjs +1 -69
- package/dist/components/shared/ui/switch/index.js +1 -2
- package/dist/components/shared/ui/switch/switch.cjs +1 -91
- package/dist/components/shared/ui/switch/switch.js +1 -47
- package/dist/components/shared/ui/switch/switch.module.cjs +1 -45
- package/dist/components/shared/ui/switch/switch.module.js +1 -11
- package/dist/components/shared/ui/switch/switch.types.cjs +1 -18
- package/dist/components/shared/ui/switch/switch_module.css +1 -197
- package/dist/context/consent-manager-context.cjs +1 -37
- package/dist/context/consent-manager-context.js +1 -3
- package/dist/context/theme-context.cjs +1 -47
- package/dist/context/theme-context.js +1 -10
- package/dist/hooks/__tests__/use-consent-manager.test.cjs +1 -76
- package/dist/hooks/__tests__/use-consent-manager.test.js +1 -70
- package/dist/hooks/__tests__/use-styles.test.cjs +1 -76
- package/dist/hooks/__tests__/use-styles.test.js +1 -70
- package/dist/hooks/__tests__/use-theme.test.cjs +1 -86
- package/dist/hooks/__tests__/use-theme.test.js +1 -80
- package/dist/hooks/index.cjs +1 -87
- package/dist/hooks/index.js +1 -20
- package/dist/hooks/use-color-scheme.cjs +1 -66
- package/dist/hooks/use-color-scheme.js +1 -32
- package/dist/hooks/use-consent-manager.cjs +1 -49
- package/dist/hooks/use-consent-manager.js +1 -15
- package/dist/hooks/use-focus-trap.cjs +1 -76
- package/dist/hooks/use-focus-trap.js +1 -42
- package/dist/hooks/use-scroll-lock.cjs +1 -55
- package/dist/hooks/use-scroll-lock.js +1 -21
- package/dist/hooks/use-styles.cjs +1 -94
- package/dist/hooks/use-styles.js +1 -60
- package/dist/hooks/use-theme.cjs +1 -53
- package/dist/hooks/use-theme.js +1 -19
- package/dist/hooks/use-translations.cjs +1 -57
- package/dist/hooks/use-translations.js +1 -23
- package/dist/index.cjs +1 -137
- package/dist/index.js +1 -20
- package/dist/providers/__tests__/provider-basic.test.cjs +1 -127
- package/dist/providers/__tests__/provider-basic.test.js +1 -121
- package/dist/providers/__tests__/provider-context.test.cjs +1 -139
- package/dist/providers/__tests__/provider-context.test.js +1 -133
- package/dist/providers/__tests__/provider-errors.test.cjs +1 -98
- package/dist/providers/__tests__/provider-errors.test.js +1 -92
- package/dist/providers/__tests__/test-helpers.cjs +1 -171
- package/dist/providers/__tests__/test-helpers.js +1 -134
- package/dist/providers/consent-manager-provider.cjs +1 -162
- package/dist/providers/consent-manager-provider.js +1 -128
- package/dist/types/consent-manager.cjs +1 -18
- package/dist/types/theme/index.cjs +1 -69
- package/dist/types/theme/index.js +1 -2
- package/dist/types/theme/style-keys.cjs +1 -18
- package/dist/types/theme/style-types.cjs +1 -18
- package/dist/utils/cn.cjs +1 -49
- package/dist/utils/cn.js +1 -5
- package/dist/utils/merge-styles.cjs +1 -62
- package/dist/utils/merge-styles.js +1 -28
- package/dist/utils/test-helpers.cjs +1 -70
- package/dist/utils/test-helpers.js +1 -33
- package/dist/utils/translations.cjs +1 -89
- package/dist/utils/translations.js +1 -49
- package/package.json +4 -6
|
@@ -1,76 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_exports__ = {};
|
|
3
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
4
|
-
const external_vitest_namespaceObject = require("vitest");
|
|
5
|
-
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
6
|
-
const consent_manager_provider_cjs_namespaceObject = require("../../providers/consent-manager-provider.cjs");
|
|
7
|
-
const external_use_consent_manager_cjs_namespaceObject = require("../use-consent-manager.cjs");
|
|
8
|
-
external_vitest_namespaceObject.vi.mock('c15t', async ()=>{
|
|
9
|
-
const originalModule = await external_vitest_namespaceObject.vi.importActual('c15t');
|
|
10
|
-
return {
|
|
11
|
-
...originalModule,
|
|
12
|
-
configureConsentManager: ()=>({
|
|
13
|
-
getCallbacks: ()=>({}),
|
|
14
|
-
setCallbacks: ()=>({}),
|
|
15
|
-
showConsentBanner: async ()=>({
|
|
16
|
-
ok: true,
|
|
17
|
-
data: {
|
|
18
|
-
showConsentBanner: true
|
|
19
|
-
},
|
|
20
|
-
error: null,
|
|
21
|
-
response: null
|
|
22
|
-
}),
|
|
23
|
-
setConsent: async ()=>({
|
|
24
|
-
ok: true,
|
|
25
|
-
data: {
|
|
26
|
-
success: true
|
|
27
|
-
},
|
|
28
|
-
error: null,
|
|
29
|
-
response: null
|
|
30
|
-
}),
|
|
31
|
-
verifyConsent: async ()=>({
|
|
32
|
-
ok: true,
|
|
33
|
-
data: {
|
|
34
|
-
valid: true
|
|
35
|
-
},
|
|
36
|
-
error: null,
|
|
37
|
-
response: null
|
|
38
|
-
})
|
|
39
|
-
})
|
|
40
|
-
};
|
|
41
|
-
});
|
|
42
|
-
(0, external_vitest_namespaceObject.describe)('useConsentManager', ()=>{
|
|
43
|
-
(0, external_vitest_namespaceObject.test)('returns consent state and methods when used within provider', ()=>{
|
|
44
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_consent_manager_cjs_namespaceObject.useConsentManager)(), {
|
|
45
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
|
|
46
|
-
options: {
|
|
47
|
-
mode: 'offline',
|
|
48
|
-
react: {
|
|
49
|
-
noStyle: false
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
children: children
|
|
53
|
-
})
|
|
54
|
-
});
|
|
55
|
-
(0, external_vitest_namespaceObject.expect)(result.current).toBeDefined();
|
|
56
|
-
(0, external_vitest_namespaceObject.expect)(typeof result.current.showPopup).toBe('boolean');
|
|
57
|
-
});
|
|
58
|
-
(0, external_vitest_namespaceObject.test)('provides manager object when configured', ()=>{
|
|
59
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_consent_manager_cjs_namespaceObject.useConsentManager)(), {
|
|
60
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
|
|
61
|
-
options: {
|
|
62
|
-
mode: 'offline',
|
|
63
|
-
react: {
|
|
64
|
-
noStyle: false
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
children: children
|
|
68
|
-
})
|
|
69
|
-
});
|
|
70
|
-
(0, external_vitest_namespaceObject.expect)(result.current.manager).toBeDefined();
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
74
|
-
Object.defineProperty(exports, '__esModule', {
|
|
75
|
-
value: true
|
|
76
|
-
});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),consent_manager_provider_cjs_namespaceObject=require("../../providers/consent-manager-provider.cjs"),external_use_consent_manager_cjs_namespaceObject=require("../use-consent-manager.cjs");for(var __webpack_i__ in external_vitest_namespaceObject.vi.mock("c15t",async()=>({...await external_vitest_namespaceObject.vi.importActual("c15t"),configureConsentManager:()=>({getCallbacks:()=>({}),setCallbacks:()=>({}),showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})})})),(0,external_vitest_namespaceObject.describe)("useConsentManager",()=>{(0,external_vitest_namespaceObject.test)("returns consent state and methods when used within provider",()=>{let{result:e}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_consent_manager_cjs_namespaceObject.useConsentManager)(),{wrapper:({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",react:{noStyle:!1}},children:e})});(0,external_vitest_namespaceObject.expect)(e.current).toBeDefined(),(0,external_vitest_namespaceObject.expect)(typeof e.current.showPopup).toBe("boolean")}),(0,external_vitest_namespaceObject.test)("provides manager object when configured",()=>{let{result:e}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_consent_manager_cjs_namespaceObject.useConsentManager)(),{wrapper:({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:{mode:"offline",react:{noStyle:!1}},children:e})});(0,external_vitest_namespaceObject.expect)(e.current.manager).toBeDefined()})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,70 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__ from "../../providers/consent-manager-provider.js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__ from "../use-consent-manager.js";
|
|
6
|
-
__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('c15t', async ()=>{
|
|
7
|
-
const originalModule = await __WEBPACK_EXTERNAL_MODULE_vitest__.vi.importActual('c15t');
|
|
8
|
-
return {
|
|
9
|
-
...originalModule,
|
|
10
|
-
configureConsentManager: ()=>({
|
|
11
|
-
getCallbacks: ()=>({}),
|
|
12
|
-
setCallbacks: ()=>({}),
|
|
13
|
-
showConsentBanner: async ()=>({
|
|
14
|
-
ok: true,
|
|
15
|
-
data: {
|
|
16
|
-
showConsentBanner: true
|
|
17
|
-
},
|
|
18
|
-
error: null,
|
|
19
|
-
response: null
|
|
20
|
-
}),
|
|
21
|
-
setConsent: async ()=>({
|
|
22
|
-
ok: true,
|
|
23
|
-
data: {
|
|
24
|
-
success: true
|
|
25
|
-
},
|
|
26
|
-
error: null,
|
|
27
|
-
response: null
|
|
28
|
-
}),
|
|
29
|
-
verifyConsent: async ()=>({
|
|
30
|
-
ok: true,
|
|
31
|
-
data: {
|
|
32
|
-
valid: true
|
|
33
|
-
},
|
|
34
|
-
error: null,
|
|
35
|
-
response: null
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
};
|
|
39
|
-
});
|
|
40
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useConsentManager', ()=>{
|
|
41
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns consent state and methods when used within provider', ()=>{
|
|
42
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__.useConsentManager)(), {
|
|
43
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__.ConsentManagerProvider, {
|
|
44
|
-
options: {
|
|
45
|
-
mode: 'offline',
|
|
46
|
-
react: {
|
|
47
|
-
noStyle: false
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
children: children
|
|
51
|
-
})
|
|
52
|
-
});
|
|
53
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toBeDefined();
|
|
54
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(typeof result.current.showPopup).toBe('boolean');
|
|
55
|
-
});
|
|
56
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('provides manager object when configured', ()=>{
|
|
57
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_consent_manager_js_56ece2ee__.useConsentManager)(), {
|
|
58
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_f2c81711__.ConsentManagerProvider, {
|
|
59
|
-
options: {
|
|
60
|
-
mode: 'offline',
|
|
61
|
-
react: {
|
|
62
|
-
noStyle: false
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
children: children
|
|
66
|
-
})
|
|
67
|
-
});
|
|
68
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.manager).toBeDefined();
|
|
69
|
-
});
|
|
70
|
-
});
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as n from"vitest";import*as r from"vitest-browser-react";import*as o from"../../providers/consent-manager-provider.js";import*as t from"../use-consent-manager.js";n.vi.mock("c15t",async()=>({...await n.vi.importActual("c15t"),configureConsentManager:()=>({getCallbacks:()=>({}),setCallbacks:()=>({}),showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})})})),(0,n.describe)("useConsentManager",()=>{(0,n.test)("returns consent state and methods when used within provider",()=>{let{result:s}=(0,r.renderHook)(()=>(0,t.useConsentManager)(),{wrapper:({children:n})=>(0,e.jsx)(o.ConsentManagerProvider,{options:{mode:"offline",react:{noStyle:!1}},children:n})});(0,n.expect)(s.current).toBeDefined(),(0,n.expect)(typeof s.current.showPopup).toBe("boolean")}),(0,n.test)("provides manager object when configured",()=>{let{result:s}=(0,r.renderHook)(()=>(0,t.useConsentManager)(),{wrapper:({children:n})=>(0,e.jsx)(o.ConsentManagerProvider,{options:{mode:"offline",react:{noStyle:!1}},children:n})});(0,n.expect)(s.current.manager).toBeDefined()})});
|
|
@@ -1,76 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_exports__ = {};
|
|
3
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
4
|
-
const external_vitest_namespaceObject = require("vitest");
|
|
5
|
-
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
6
|
-
const theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
|
|
7
|
-
const external_use_styles_cjs_namespaceObject = require("../use-styles.cjs");
|
|
8
|
-
(0, external_vitest_namespaceObject.describe)('useStyles', ()=>{
|
|
9
|
-
const mockTheme = {
|
|
10
|
-
noStyle: false,
|
|
11
|
-
theme: {
|
|
12
|
-
'dialog.root': {
|
|
13
|
-
className: 'theme-class',
|
|
14
|
-
style: {
|
|
15
|
-
color: 'blue'
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
(0, external_vitest_namespaceObject.test)('returns component styles when no theme is provided', ()=>{
|
|
21
|
-
const componentStyle = {
|
|
22
|
-
className: 'component-class',
|
|
23
|
-
style: {
|
|
24
|
-
backgroundColor: 'red'
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
|
|
28
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
29
|
-
value: {
|
|
30
|
-
noStyle: false,
|
|
31
|
-
theme: {}
|
|
32
|
-
},
|
|
33
|
-
children: children
|
|
34
|
-
})
|
|
35
|
-
});
|
|
36
|
-
(0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
|
|
37
|
-
(0, external_vitest_namespaceObject.expect)(result.current.style).toEqual({
|
|
38
|
-
backgroundColor: 'red'
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
(0, external_vitest_namespaceObject.test)('merges theme and component styles correctly', ()=>{
|
|
42
|
-
const componentStyle = {
|
|
43
|
-
className: 'component-class',
|
|
44
|
-
style: {
|
|
45
|
-
backgroundColor: 'red'
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
|
|
49
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
50
|
-
value: mockTheme,
|
|
51
|
-
children: children
|
|
52
|
-
})
|
|
53
|
-
});
|
|
54
|
-
(0, external_vitest_namespaceObject.expect)(result.current.className).toContain('theme-class');
|
|
55
|
-
(0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
|
|
56
|
-
(0, external_vitest_namespaceObject.expect)(result.current.style).toEqual({
|
|
57
|
-
color: 'blue',
|
|
58
|
-
backgroundColor: 'red'
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
(0, external_vitest_namespaceObject.test)('handles string className correctly', ()=>{
|
|
62
|
-
const componentStyle = 'component-class';
|
|
63
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_styles_cjs_namespaceObject.useStyles)('dialog.root', componentStyle), {
|
|
64
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
65
|
-
value: mockTheme,
|
|
66
|
-
children: children
|
|
67
|
-
})
|
|
68
|
-
});
|
|
69
|
-
(0, external_vitest_namespaceObject.expect)(result.current.className).toContain('theme-class');
|
|
70
|
-
(0, external_vitest_namespaceObject.expect)(result.current.className).toContain('component-class');
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
74
|
-
Object.defineProperty(exports, '__esModule', {
|
|
75
|
-
value: true
|
|
76
|
-
});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),theme_context_cjs_namespaceObject=require("../../context/theme-context.cjs"),external_use_styles_cjs_namespaceObject=require("../use-styles.cjs");for(var __webpack_i__ in(0,external_vitest_namespaceObject.describe)("useStyles",()=>{let e={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,external_vitest_namespaceObject.test)("returns component styles when no theme is provided",()=>{let e={className:"component-class",style:{backgroundColor:"red"}},{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",e),{wrapper:({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:e})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(t.current.style).toEqual({backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("merges theme and component styles correctly",()=>{let t={className:"component-class",style:{backgroundColor:"red"}},{result:s}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",t),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(s.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("handles string className correctly",()=>{let{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class")})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,70 +1 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__ from "../use-styles.js";
|
|
6
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useStyles', ()=>{
|
|
7
|
-
const mockTheme = {
|
|
8
|
-
noStyle: false,
|
|
9
|
-
theme: {
|
|
10
|
-
'dialog.root': {
|
|
11
|
-
className: 'theme-class',
|
|
12
|
-
style: {
|
|
13
|
-
color: 'blue'
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns component styles when no theme is provided', ()=>{
|
|
19
|
-
const componentStyle = {
|
|
20
|
-
className: 'component-class',
|
|
21
|
-
style: {
|
|
22
|
-
backgroundColor: 'red'
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
|
|
26
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
27
|
-
value: {
|
|
28
|
-
noStyle: false,
|
|
29
|
-
theme: {}
|
|
30
|
-
},
|
|
31
|
-
children: children
|
|
32
|
-
})
|
|
33
|
-
});
|
|
34
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
|
|
35
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.style).toEqual({
|
|
36
|
-
backgroundColor: 'red'
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('merges theme and component styles correctly', ()=>{
|
|
40
|
-
const componentStyle = {
|
|
41
|
-
className: 'component-class',
|
|
42
|
-
style: {
|
|
43
|
-
backgroundColor: 'red'
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
|
|
47
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
48
|
-
value: mockTheme,
|
|
49
|
-
children: children
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('theme-class');
|
|
53
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
|
|
54
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.style).toEqual({
|
|
55
|
-
color: 'blue',
|
|
56
|
-
backgroundColor: 'red'
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('handles string className correctly', ()=>{
|
|
60
|
-
const componentStyle = 'component-class';
|
|
61
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_styles_js_020efb58__.useStyles)('dialog.root', componentStyle), {
|
|
62
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
63
|
-
value: mockTheme,
|
|
64
|
-
children: children
|
|
65
|
-
})
|
|
66
|
-
});
|
|
67
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('theme-class');
|
|
68
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current.className).toContain('component-class');
|
|
69
|
-
});
|
|
70
|
-
});
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"vitest-browser-react";import*as s from"../../context/theme-context.js";import*as r from"../use-styles.js";(0,t.describe)("useStyles",()=>{let l={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,t.test)("returns component styles when no theme is provided",()=>{let l={className:"component-class",style:{backgroundColor:"red"}},{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",l),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:t})});(0,t.expect)(a.current.className).toContain("component-class"),(0,t.expect)(a.current.style).toEqual({backgroundColor:"red"})}),(0,t.test)("merges theme and component styles correctly",()=>{let a={className:"component-class",style:{backgroundColor:"red"}},{result:c}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",a),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(c.current.className).toContain("theme-class"),(0,t.expect)(c.current.className).toContain("component-class"),(0,t.expect)(c.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,t.test)("handles string className correctly",()=>{let{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(a.current.className).toContain("theme-class"),(0,t.expect)(a.current.className).toContain("component-class")})});
|
|
@@ -1,86 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_exports__ = {};
|
|
3
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
4
|
-
const external_vitest_namespaceObject = require("vitest");
|
|
5
|
-
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
6
|
-
const theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
|
|
7
|
-
const external_use_theme_cjs_namespaceObject = require("../use-theme.cjs");
|
|
8
|
-
(0, external_vitest_namespaceObject.describe)('useTheme', ()=>{
|
|
9
|
-
(0, external_vitest_namespaceObject.test)('returns global theme when no local theme is provided', ()=>{
|
|
10
|
-
const globalTheme = {
|
|
11
|
-
noStyle: false,
|
|
12
|
-
theme: {
|
|
13
|
-
'dialog.root': 'global-style'
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
|
|
17
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
18
|
-
value: globalTheme,
|
|
19
|
-
children: children
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
(0, external_vitest_namespaceObject.expect)(result.current).toEqual(globalTheme);
|
|
23
|
-
});
|
|
24
|
-
(0, external_vitest_namespaceObject.test)('merges global and local themes correctly', ()=>{
|
|
25
|
-
const globalTheme = {
|
|
26
|
-
noStyle: false,
|
|
27
|
-
theme: {
|
|
28
|
-
'dialog.root': 'global-style',
|
|
29
|
-
'dialog.title': 'global-title'
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const localTheme = {
|
|
33
|
-
theme: {
|
|
34
|
-
'dialog.root': 'local-style',
|
|
35
|
-
'dialog.content': 'local-content'
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
|
|
39
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
40
|
-
value: globalTheme,
|
|
41
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
|
|
42
|
-
value: localTheme,
|
|
43
|
-
children: children
|
|
44
|
-
})
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
(0, external_vitest_namespaceObject.expect)(result.current).toEqual({
|
|
48
|
-
noStyle: false,
|
|
49
|
-
theme: {
|
|
50
|
-
'dialog.root': 'local-style',
|
|
51
|
-
'dialog.title': 'global-title',
|
|
52
|
-
'dialog.content': 'local-content'
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
(0, external_vitest_namespaceObject.test)('local theme takes precedence over global theme', ()=>{
|
|
57
|
-
const globalTheme = {
|
|
58
|
-
noStyle: false,
|
|
59
|
-
theme: {
|
|
60
|
-
'dialog.root': 'global-style'
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const localTheme = {
|
|
64
|
-
noStyle: true,
|
|
65
|
-
theme: {
|
|
66
|
-
'dialog.root': 'local-style'
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
const { result } = (0, external_vitest_browser_react_namespaceObject.renderHook)(()=>(0, external_use_theme_cjs_namespaceObject.useTheme)(), {
|
|
70
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider, {
|
|
71
|
-
value: globalTheme,
|
|
72
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
|
|
73
|
-
value: localTheme,
|
|
74
|
-
children: children
|
|
75
|
-
})
|
|
76
|
-
})
|
|
77
|
-
});
|
|
78
|
-
const theme = result.current;
|
|
79
|
-
(0, external_vitest_namespaceObject.expect)(theme.theme['dialog.root']).toBe('local-style');
|
|
80
|
-
(0, external_vitest_namespaceObject.expect)(theme.noStyle).toBe(true);
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
84
|
-
Object.defineProperty(exports, '__esModule', {
|
|
85
|
-
value: true
|
|
86
|
-
});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),theme_context_cjs_namespaceObject=require("../../context/theme-context.cjs"),external_use_theme_cjs_namespaceObject=require("../use-theme.cjs");for(var __webpack_i__ in(0,external_vitest_namespaceObject.describe)("useTheme",()=>{(0,external_vitest_namespaceObject.test)("returns global theme when no local theme is provided",()=>{let e={noStyle:!1,theme:{"dialog.root":"global-style"}},{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_theme_cjs_namespaceObject.useTheme)(),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(t.current).toEqual(e)}),(0,external_vitest_namespaceObject.test)("merges global and local themes correctly",()=>{let e={noStyle:!1,theme:{"dialog.root":"global-style","dialog.title":"global-title"}},t={theme:{"dialog.root":"local-style","dialog.content":"local-content"}},{result:a}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_theme_cjs_namespaceObject.useTheme)(),{wrapper:({children:a})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:t,children:a})})});(0,external_vitest_namespaceObject.expect)(a.current).toEqual({noStyle:!1,theme:{"dialog.root":"local-style","dialog.title":"global-title","dialog.content":"local-content"}})}),(0,external_vitest_namespaceObject.test)("local theme takes precedence over global theme",()=>{let e={noStyle:!1,theme:{"dialog.root":"global-style"}},t={noStyle:!0,theme:{"dialog.root":"local-style"}},{result:a}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_theme_cjs_namespaceObject.useTheme)(),{wrapper:({children:a})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:t,children:a})})}),c=a.current;(0,external_vitest_namespaceObject.expect)(c.theme["dialog.root"]).toBe("local-style"),(0,external_vitest_namespaceObject.expect)(c.noStyle).toBe(!0)})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,80 +1 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__ from "../use-theme.js";
|
|
6
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)('useTheme', ()=>{
|
|
7
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('returns global theme when no local theme is provided', ()=>{
|
|
8
|
-
const globalTheme = {
|
|
9
|
-
noStyle: false,
|
|
10
|
-
theme: {
|
|
11
|
-
'dialog.root': 'global-style'
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
|
|
15
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
16
|
-
value: globalTheme,
|
|
17
|
-
children: children
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toEqual(globalTheme);
|
|
21
|
-
});
|
|
22
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('merges global and local themes correctly', ()=>{
|
|
23
|
-
const globalTheme = {
|
|
24
|
-
noStyle: false,
|
|
25
|
-
theme: {
|
|
26
|
-
'dialog.root': 'global-style',
|
|
27
|
-
'dialog.title': 'global-title'
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const localTheme = {
|
|
31
|
-
theme: {
|
|
32
|
-
'dialog.root': 'local-style',
|
|
33
|
-
'dialog.content': 'local-content'
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
|
|
37
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
38
|
-
value: globalTheme,
|
|
39
|
-
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
|
|
40
|
-
value: localTheme,
|
|
41
|
-
children: children
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result.current).toEqual({
|
|
46
|
-
noStyle: false,
|
|
47
|
-
theme: {
|
|
48
|
-
'dialog.root': 'local-style',
|
|
49
|
-
'dialog.title': 'global-title',
|
|
50
|
-
'dialog.content': 'local-content'
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('local theme takes precedence over global theme', ()=>{
|
|
55
|
-
const globalTheme = {
|
|
56
|
-
noStyle: false,
|
|
57
|
-
theme: {
|
|
58
|
-
'dialog.root': 'global-style'
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
const localTheme = {
|
|
62
|
-
noStyle: true,
|
|
63
|
-
theme: {
|
|
64
|
-
'dialog.root': 'local-style'
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
const { result } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.renderHook)(()=>(0, __WEBPACK_EXTERNAL_MODULE__use_theme_js_0009fd1b__.useTheme)(), {
|
|
68
|
-
wrapper: ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.GlobalThemeContext.Provider, {
|
|
69
|
-
value: globalTheme,
|
|
70
|
-
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
|
|
71
|
-
value: localTheme,
|
|
72
|
-
children: children
|
|
73
|
-
})
|
|
74
|
-
})
|
|
75
|
-
});
|
|
76
|
-
const theme = result.current;
|
|
77
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(theme.theme['dialog.root']).toBe('local-style');
|
|
78
|
-
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(theme.noStyle).toBe(true);
|
|
79
|
-
});
|
|
80
|
-
});
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"vitest-browser-react";import*as l from"../../context/theme-context.js";import*as r from"../use-theme.js";(0,t.describe)("useTheme",()=>{(0,t.test)("returns global theme when no local theme is provided",()=>{let a={noStyle:!1,theme:{"dialog.root":"global-style"}},{result:n}=(0,o.renderHook)(()=>(0,r.useTheme)(),{wrapper:({children:t})=>(0,e.jsx)(l.GlobalThemeContext.Provider,{value:a,children:t})});(0,t.expect)(n.current).toEqual(a)}),(0,t.test)("merges global and local themes correctly",()=>{let a={noStyle:!1,theme:{"dialog.root":"global-style","dialog.title":"global-title"}},n={theme:{"dialog.root":"local-style","dialog.content":"local-content"}},{result:s}=(0,o.renderHook)(()=>(0,r.useTheme)(),{wrapper:({children:t})=>(0,e.jsx)(l.GlobalThemeContext.Provider,{value:a,children:(0,e.jsx)(l.LocalThemeContext.Provider,{value:n,children:t})})});(0,t.expect)(s.current).toEqual({noStyle:!1,theme:{"dialog.root":"local-style","dialog.title":"global-title","dialog.content":"local-content"}})}),(0,t.test)("local theme takes precedence over global theme",()=>{let a={noStyle:!1,theme:{"dialog.root":"global-style"}},n={noStyle:!0,theme:{"dialog.root":"local-style"}},{result:s}=(0,o.renderHook)(()=>(0,r.useTheme)(),{wrapper:({children:t})=>(0,e.jsx)(l.GlobalThemeContext.Provider,{value:a,children:(0,e.jsx)(l.LocalThemeContext.Provider,{value:n,children:t})})}),c=s.current;(0,t.expect)(c.theme["dialog.root"]).toBe("local-style"),(0,t.expect)(c.noStyle).toBe(!0)})});
|
package/dist/hooks/index.cjs
CHANGED
|
@@ -1,87 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_modules__ = {
|
|
3
|
-
"./use-consent-manager": function(module) {
|
|
4
|
-
module.exports = require("./use-consent-manager.cjs");
|
|
5
|
-
},
|
|
6
|
-
"./use-focus-trap": function(module) {
|
|
7
|
-
module.exports = require("./use-focus-trap.cjs");
|
|
8
|
-
},
|
|
9
|
-
"./use-theme": function(module) {
|
|
10
|
-
module.exports = require("./use-theme.cjs");
|
|
11
|
-
},
|
|
12
|
-
"./use-translations": function(module) {
|
|
13
|
-
module.exports = require("./use-translations.cjs");
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
var __webpack_module_cache__ = {};
|
|
17
|
-
function __webpack_require__(moduleId) {
|
|
18
|
-
var cachedModule = __webpack_module_cache__[moduleId];
|
|
19
|
-
if (void 0 !== cachedModule) return cachedModule.exports;
|
|
20
|
-
var module = __webpack_module_cache__[moduleId] = {
|
|
21
|
-
exports: {}
|
|
22
|
-
};
|
|
23
|
-
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
24
|
-
return module.exports;
|
|
25
|
-
}
|
|
26
|
-
(()=>{
|
|
27
|
-
__webpack_require__.n = (module)=>{
|
|
28
|
-
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
|
|
29
|
-
__webpack_require__.d(getter, {
|
|
30
|
-
a: getter
|
|
31
|
-
});
|
|
32
|
-
return getter;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
(()=>{
|
|
36
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
37
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
38
|
-
enumerable: true,
|
|
39
|
-
get: definition[key]
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
})();
|
|
43
|
-
(()=>{
|
|
44
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
45
|
-
})();
|
|
46
|
-
(()=>{
|
|
47
|
-
__webpack_require__.r = (exports1)=>{
|
|
48
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
49
|
-
value: 'Module'
|
|
50
|
-
});
|
|
51
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
52
|
-
value: true
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
})();
|
|
56
|
-
var __webpack_exports__ = {};
|
|
57
|
-
(()=>{
|
|
58
|
-
__webpack_require__.r(__webpack_exports__);
|
|
59
|
-
var _use_consent_manager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./use-consent-manager");
|
|
60
|
-
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
61
|
-
for(var __WEBPACK_IMPORT_KEY__ in _use_consent_manager__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
62
|
-
return _use_consent_manager__WEBPACK_IMPORTED_MODULE_0__[key];
|
|
63
|
-
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
64
|
-
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
65
|
-
var _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./use-focus-trap");
|
|
66
|
-
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
67
|
-
for(var __WEBPACK_IMPORT_KEY__ in _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
68
|
-
return _use_focus_trap__WEBPACK_IMPORTED_MODULE_1__[key];
|
|
69
|
-
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
70
|
-
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
71
|
-
var _use_theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./use-theme");
|
|
72
|
-
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
73
|
-
for(var __WEBPACK_IMPORT_KEY__ in _use_theme__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
74
|
-
return _use_theme__WEBPACK_IMPORTED_MODULE_2__[key];
|
|
75
|
-
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
76
|
-
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
77
|
-
var _use_translations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./use-translations");
|
|
78
|
-
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
79
|
-
for(var __WEBPACK_IMPORT_KEY__ in _use_translations__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
80
|
-
return _use_translations__WEBPACK_IMPORTED_MODULE_3__[key];
|
|
81
|
-
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
82
|
-
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
83
|
-
})();
|
|
84
|
-
for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
85
|
-
Object.defineProperty(exports, '__esModule', {
|
|
86
|
-
value: true
|
|
87
|
-
});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./use-consent-manager":function(e){e.exports=require("./use-consent-manager.cjs")},"./use-focus-trap":function(e){e.exports=require("./use-focus-trap.cjs")},"~/hooks/use-theme":function(e){e.exports=require("./use-theme.cjs")},"./use-translations":function(e){e.exports=require("./use-translations.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./use-consent-manager"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./use-focus-trap"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("~/hooks/use-theme"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./use-translations"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
package/dist/hooks/index.js
CHANGED
|
@@ -1,20 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export * from "./use-consent-manager.js";
|
|
3
|
-
export * from "./use-focus-trap.js";
|
|
4
|
-
export * from "./use-translations.js";
|
|
5
|
-
var __webpack_modules__ = {
|
|
6
|
-
"~/hooks/use-theme": function(module) {
|
|
7
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__use_theme_js_d12716c7__;
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
var __webpack_module_cache__ = {};
|
|
11
|
-
function __webpack_require__(moduleId) {
|
|
12
|
-
var cachedModule = __webpack_module_cache__[moduleId];
|
|
13
|
-
if (void 0 !== cachedModule) return cachedModule.exports;
|
|
14
|
-
var module = __webpack_module_cache__[moduleId] = {
|
|
15
|
-
exports: {}
|
|
16
|
-
};
|
|
17
|
-
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
18
|
-
return module.exports;
|
|
19
|
-
}
|
|
20
|
-
__webpack_require__("~/hooks/use-theme");
|
|
1
|
+
import*as e from"./use-theme.js";export*from"./use-consent-manager.js";export*from"./use-focus-trap.js";export*from"./use-translations.js";var o={"~/hooks/use-theme":function(o){o.exports=e}},r={};!function e(s){var t=r[s];if(void 0!==t)return t.exports;var n=r[s]={exports:{}};return o[s](n,n.exports,e),n.exports}("~/hooks/use-theme");
|