@c15t/react 1.0.5 → 1.1.0

package/dist/components/cookie-banner/__tests__/styles.spec.cjs

@@ -1,251 +1 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-var __webpack_exports__ = {};
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_vitest_namespaceObject = require("vitest");
-const external_cookie_banner_cjs_namespaceObject = require("../cookie-banner.cjs");
-const test_helpers_cjs_namespaceObject = require("../../../utils/test-helpers.cjs");
-var test_helpers_cjs_default = /*#__PURE__*/ __webpack_require__.n(test_helpers_cjs_namespaceObject);
-external_vitest_namespaceObject.vi.mock('~/hooks/use-consent-manager', ()=>({
-        useConsentManager: ()=>({
-                showPopup: true,
-                ...external_vitest_namespaceObject.vi.fn()
-            })
-    }));
-external_vitest_namespaceObject.vi.mock('~/hooks/use-translations', ()=>({
-        useTranslations: ()=>({
-                cookieBanner: {
-                    title: 'Cookie Settings',
-                    description: 'We use cookies to enhance your experience',
-                    acceptAll: 'Accept All',
-                    rejectAll: 'Reject All',
-                    customize: 'Customize'
-                }
-            })
-    }));
-const ALL_COMPONENTS = [
-    {
-        testId: 'cookie-banner-root',
-        themeKey: 'banner.root',
-        styles: 'custom-root'
-    },
-    {
-        testId: 'cookie-banner-card',
-        themeKey: 'banner.card',
-        styles: 'custom-card'
-    },
-    {
-        testId: 'cookie-banner-header',
-        themeKey: 'banner.header.root',
-        styles: 'custom-header'
-    },
-    {
-        testId: 'cookie-banner-title',
-        themeKey: 'banner.header.title',
-        styles: 'custom-title'
-    },
-    {
-        testId: "cookie-banner-description",
-        themeKey: "banner.header.description",
-        styles: "custom-description"
-    },
-    {
-        testId: 'cookie-banner-footer',
-        themeKey: 'banner.footer',
-        styles: 'custom-footer'
-    },
-    {
-        testId: 'cookie-banner-footer-sub-group',
-        themeKey: 'banner.footer.sub-group',
-        styles: 'custom-footer-sub-group'
-    },
-    {
-        testId: 'cookie-banner-overlay',
-        themeKey: 'banner.overlay',
-        styles: 'custom-overlay'
-    },
-    {
-        testId: 'cookie-banner-reject-button',
-        themeKey: 'banner.footer.reject-button',
-        styles: 'custom-reject-button'
-    },
-    {
-        testId: 'cookie-banner-customize-button',
-        themeKey: 'banner.footer.customize-button',
-        styles: 'custom-customize-button'
-    },
-    {
-        testId: 'cookie-banner-accept-button',
-        themeKey: 'banner.footer.accept-button',
-        styles: 'custom-accept-button'
-    }
-];
-(0, external_vitest_namespaceObject.test)('Theme prop applies string classnames to all components', async ()=>{
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
-        scrollLock: true,
-        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            }))
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop supports object format with className and style for all components', async ()=>{
-    const style = {
-        backgroundColor: '#ffffff',
-        padding: '20px',
-        border: '1px solid #000000'
-    };
-    const testCases = ALL_COMPONENTS.map(({ testId, themeKey, styles })=>({
-            testId,
-            themeKey,
-            className: styles,
-            style
-        }));
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
-        scrollLock: true,
-        theme: testCases.reduce((acc, { themeKey, className, style })=>{
-            acc[themeKey] = {
-                className,
-                style
-            };
-            return acc;
-        }, {})
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: testCases.map(({ testId, className, style })=>({
-                testId,
-                styles: {
-                    className,
-                    style
-                }
-            }))
-    });
-});
-(0, external_vitest_namespaceObject.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
-        scrollLock: true,
-        noStyle: true,
-        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            })),
-        noStyle: true
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
-    const mixedTheme = {
-        'banner.root': {
-            className: 'custom-root',
-            style: {
-                backgroundColor: 'rgb(255, 255, 255)',
-                padding: '16px'
-            }
-        },
-        'banner.header.title': 'custom-title'
-    };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
-        scrollLock: true,
-        theme: mixedTheme
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: [
-            {
-                testId: 'cookie-banner-root',
-                styles: {
-                    className: 'custom-root',
-                    style: {
-                        backgroundColor: 'rgb(255, 255, 255)',
-                        padding: '16px'
-                    }
-                }
-            },
-            {
-                testId: 'cookie-banner-title',
-                styles: 'custom-title'
-            }
-        ]
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop handles edge cases gracefully', async ()=>{
-    const edgeCaseTheme = {
-        'banner.root': '',
-        'banner.card': '',
-        'banner.header.root': '',
-        'banner.header.title': '',
-        "banner.header.description": '',
-        'banner.footer': {
-            className: '',
-            style: {
-                margin: '0',
-                padding: '0'
-            }
-        }
-    };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
-        scrollLock: true,
-        theme: edgeCaseTheme
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: [
-            {
-                testId: 'cookie-banner-root',
-                styles: ''
-            },
-            {
-                testId: 'cookie-banner-title',
-                styles: ''
-            },
-            {
-                testId: 'cookie-banner-footer',
-                styles: {
-                    className: '',
-                    style: {
-                        margin: '0',
-                        padding: '0'
-                    }
-                }
-            }
-        ]
-    });
-});
-for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"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_require__={};__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var s in t)__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_cookie_banner_cjs_namespaceObject=require("../cookie-banner.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,...external_vitest_namespaceObject.vi.fn()})})),external_vitest_namespaceObject.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({cookieBanner:{title:"Cookie Settings",description:"We use cookies to enhance your experience",acceptAll:"Accept All",rejectAll:"Reject All",customize:"Customize"}})}));let ALL_COMPONENTS=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];for(var __webpack_i__ in(0,external_vitest_namespaceObject.test)("Theme prop applies string classnames to all components",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:s})=>(e[t]=s,e),{})});await test_helpers_cjs_default()({component:e,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,external_vitest_namespaceObject.test)("Theme prop supports object format with className and style for all components",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:s,styles:a})=>({testId:t,themeKey:s,className:a,style:e})),s=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:t.reduce((e,{themeKey:t,className:s,style:a})=>(e[t]={className:s,style:a},e),{})});await test_helpers_cjs_default()({component:s,testCases:t.map(({testId:e,className:t,style:s})=>({testId:e,styles:{className:t,style:s}}))})}),(0,external_vitest_namespaceObject.test)("No style prop removes default styles but keeps custom classNames",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,noStyle:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:s})=>(e[t]=s,e),{})});await test_helpers_cjs_default()({component:e,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,external_vitest_namespaceObject.test)("Theme prop handles mixed format (string and object) correctly",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,external_vitest_namespaceObject.test)("Theme prop handles edge cases gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/cookie-banner/__tests__/styles.spec.js

@@ -1,223 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
-import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__ from "../cookie-banner.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__ from "../../../utils/test-helpers.js";
-__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('~/hooks/use-consent-manager', ()=>({
-        useConsentManager: ()=>({
-                showPopup: true,
-                ...__WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn()
-            })
-    }));
-__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('~/hooks/use-translations', ()=>({
-        useTranslations: ()=>({
-                cookieBanner: {
-                    title: 'Cookie Settings',
-                    description: 'We use cookies to enhance your experience',
-                    acceptAll: 'Accept All',
-                    rejectAll: 'Reject All',
-                    customize: 'Customize'
-                }
-            })
-    }));
-const ALL_COMPONENTS = [
-    {
-        testId: 'cookie-banner-root',
-        themeKey: 'banner.root',
-        styles: 'custom-root'
-    },
-    {
-        testId: 'cookie-banner-card',
-        themeKey: 'banner.card',
-        styles: 'custom-card'
-    },
-    {
-        testId: 'cookie-banner-header',
-        themeKey: 'banner.header.root',
-        styles: 'custom-header'
-    },
-    {
-        testId: 'cookie-banner-title',
-        themeKey: 'banner.header.title',
-        styles: 'custom-title'
-    },
-    {
-        testId: "cookie-banner-description",
-        themeKey: "banner.header.description",
-        styles: "custom-description"
-    },
-    {
-        testId: 'cookie-banner-footer',
-        themeKey: 'banner.footer',
-        styles: 'custom-footer'
-    },
-    {
-        testId: 'cookie-banner-footer-sub-group',
-        themeKey: 'banner.footer.sub-group',
-        styles: 'custom-footer-sub-group'
-    },
-    {
-        testId: 'cookie-banner-overlay',
-        themeKey: 'banner.overlay',
-        styles: 'custom-overlay'
-    },
-    {
-        testId: 'cookie-banner-reject-button',
-        themeKey: 'banner.footer.reject-button',
-        styles: 'custom-reject-button'
-    },
-    {
-        testId: 'cookie-banner-customize-button',
-        themeKey: 'banner.footer.customize-button',
-        styles: 'custom-customize-button'
-    },
-    {
-        testId: 'cookie-banner-accept-button',
-        themeKey: 'banner.footer.accept-button',
-        styles: 'custom-accept-button'
-    }
-];
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop applies string classnames to all components', async ()=>{
-    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
-        scrollLock: true,
-        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            }))
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop supports object format with className and style for all components', async ()=>{
-    const style = {
-        backgroundColor: '#ffffff',
-        padding: '20px',
-        border: '1px solid #000000'
-    };
-    const testCases = ALL_COMPONENTS.map(({ testId, themeKey, styles })=>({
-            testId,
-            themeKey,
-            className: styles,
-            style
-        }));
-    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
-        scrollLock: true,
-        theme: testCases.reduce((acc, { themeKey, className, style })=>{
-            acc[themeKey] = {
-                className,
-                style
-            };
-            return acc;
-        }, {})
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: testCases.map(({ testId, className, style })=>({
-                testId,
-                styles: {
-                    className,
-                    style
-                }
-            }))
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
-    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
-        scrollLock: true,
-        noStyle: true,
-        theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            })),
-        noStyle: true
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
-    const mixedTheme = {
-        'banner.root': {
-            className: 'custom-root',
-            style: {
-                backgroundColor: 'rgb(255, 255, 255)',
-                padding: '16px'
-            }
-        },
-        'banner.header.title': 'custom-title'
-    };
-    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
-        scrollLock: true,
-        theme: mixedTheme
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: [
-            {
-                testId: 'cookie-banner-root',
-                styles: {
-                    className: 'custom-root',
-                    style: {
-                        backgroundColor: 'rgb(255, 255, 255)',
-                        padding: '16px'
-                    }
-                }
-            },
-            {
-                testId: 'cookie-banner-title',
-                styles: 'custom-title'
-            }
-        ]
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles edge cases gracefully', async ()=>{
-    const edgeCaseTheme = {
-        'banner.root': '',
-        'banner.card': '',
-        'banner.header.root': '',
-        'banner.header.title': '',
-        "banner.header.description": '',
-        'banner.footer': {
-            className: '',
-            style: {
-                margin: '0',
-                padding: '0'
-            }
-        }
-    };
-    const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__cookie_banner_js_0a2d98b7__.CookieBanner, {
-        scrollLock: true,
-        theme: edgeCaseTheme
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: [
-            {
-                testId: 'cookie-banner-root',
-                styles: ''
-            },
-            {
-                testId: 'cookie-banner-title',
-                styles: ''
-            },
-            {
-                testId: 'cookie-banner-footer',
-                styles: {
-                    className: '',
-                    style: {
-                        margin: '0',
-                        padding: '0'
-                    }
-                }
-            }
-        ]
-    });
-});
+import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../cookie-banner.js";import*as s from"../../../utils/test-helpers.js";t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,...t.vi.fn()})})),t.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({cookieBanner:{title:"Cookie Settings",description:"We use cookies to enhance your experience",acceptAll:"Accept All",rejectAll:"Reject All",customize:"Customize"}})}));let n=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];(0,t.test)("Theme prop applies string classnames to all components",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("Theme prop supports object format with className and style for all components",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},r=n.map(({testId:e,themeKey:o,styles:s})=>({testId:e,themeKey:o,className:s,style:t})),a=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:r.reduce((e,{themeKey:t,className:o,style:s})=>(e[t]={className:o,style:s},e),{})});await (0,s.default)({component:a,testCases:r.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("No style prop removes default styles but keeps custom classNames",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,noStyle:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("Theme prop handles mixed format (string and object) correctly",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await (0,s.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,t.test)("Theme prop handles edge cases gracefully",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await (0,s.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})});

package/dist/components/cookie-banner/atoms/overlay.cjs

@@ -1,87 +1 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    CookieBannerOverlay: ()=>CookieBannerOverlay,
-    Overlay: ()=>Overlay
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_namespaceObject = require("motion/react");
-const external_react_namespaceObject = require("react");
-const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
-const use_scroll_lock_cjs_namespaceObject = require("../../../hooks/use-scroll-lock.cjs");
-const use_styles_cjs_namespaceObject = require("../../../hooks/use-styles.cjs");
-const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
-const external_cookie_banner_module_cjs_namespaceObject = require("../cookie-banner.module.cjs");
-var external_cookie_banner_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);
-const CookieBannerOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
-    const { showPopup } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
-    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, use_theme_cjs_namespaceObject.useTheme)();
-    const theme = (0, use_styles_cjs_namespaceObject.useStyles)('banner.overlay', {
-        baseClassName: !(contextNoStyle || noStyle) && external_cookie_banner_module_cjs_default().overlay,
-        noStyle
-    });
-    (0, use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(showPopup && scrollLock));
-    return showPopup && scrollLock ? disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        ...props,
-        ...theme,
-        "data-testid": "cookie-banner-overlay"
-    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
-            ref: ref,
-            ...theme,
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0
-            },
-            "data-testid": "cookie-banner-overlay"
-        })
-    }) : null;
-});
-const Overlay = CookieBannerOverlay;
-exports.CookieBannerOverlay = __webpack_exports__.CookieBannerOverlay;
-exports.Overlay = __webpack_exports__.Overlay;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "CookieBannerOverlay",
-    "Overlay"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"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_require__={};__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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CookieBannerOverlay:()=>CookieBannerOverlay,Overlay:()=>Overlay});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),external_clsx_namespaceObject=require("clsx");var external_clsx_default=__webpack_require__.n(external_clsx_namespaceObject);let external_cookie_banner_module_cjs_namespaceObject=require("../cookie-banner.module.cjs");var external_cookie_banner_module_cjs_default=__webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);let CookieBannerOverlay=(0,external_react_namespaceObject.forwardRef)(({className:e,style:_,noStyle:r,asChild:a,...t},c)=>{let n,{showPopup:s}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{disableAnimation:o,noStyle:l,scrollLock:u}=(0,use_theme_cjs_namespaceObject.useTheme)(),[i,p]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{if(s)p(!0);else if(o)p(!1);else{let e=setTimeout(()=>{p(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[s,o]);let b=(0,use_styles_cjs_namespaceObject.useStyles)("banner.overlay",{baseClassName:!(l||r)&&external_cookie_banner_module_cjs_default().overlay,className:e,noStyle:l||r});n=l||r||o?void 0:i?external_cookie_banner_module_cjs_default().overlayVisible:external_cookie_banner_module_cjs_default().overlayHidden;let m=external_clsx_default()(b.className,n);return(0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(s&&u)),s&&u?(0,jsx_runtime_namespaceObject.jsx)("div",{ref:c,...t,className:m,style:{...b.style,..._},"data-testid":"cookie-banner-overlay"}):null}),Overlay=CookieBannerOverlay;for(var __webpack_i__ in exports.CookieBannerOverlay=__webpack_exports__.CookieBannerOverlay,exports.Overlay=__webpack_exports__.Overlay,__webpack_exports__)-1===["CookieBannerOverlay","Overlay"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/cookie-banner/atoms/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AASxD;;;;;;;;GAQG;AACH,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,mBAAmB,yGAqCxB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAsB,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAmC,MAAM,OAAO,CAAC;AAU7E;;;;;;;;GAQG;AACH,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,mBAAmB,yGAgExB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAsB,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/cookie-banner/atoms/overlay.js

@@ -1,40 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__ from "../../../hooks/use-scroll-lock.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__ from "../../../hooks/use-styles.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__ from "../../../hooks/use-theme.js";
-import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__ from "../cookie-banner.module.js";
-const CookieBannerOverlay = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, style, noStyle, asChild, ...props }, ref)=>{
-    const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
-    const { disableAnimation, noStyle: contextNoStyle, scrollLock } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
-    const theme = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__.useStyles)('banner.overlay', {
-        baseClassName: !(contextNoStyle || noStyle) && __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].overlay,
-        noStyle
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__.useScrollLock)(!!(showPopup && scrollLock));
-    return showPopup && scrollLock ? disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        ref: ref,
-        ...props,
-        ...theme,
-        "data-testid": "cookie-banner-overlay"
-    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
-            ref: ref,
-            ...theme,
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: 1
-            },
-            exit: {
-                opacity: 0
-            },
-            "data-testid": "cookie-banner-overlay"
-        })
-    }) : null;
-});
-const Overlay = CookieBannerOverlay;
-export { CookieBannerOverlay, Overlay };
+import*as e from"react/jsx-runtime";import*as o from"react";import*as t from"../../../hooks/use-consent-manager.js";import*as s from"../../../hooks/use-scroll-lock.js";import*as r from"../../../hooks/use-styles.js";import*as a from"../../../hooks/use-theme.js";import*as l from"clsx";import*as m from"../cookie-banner.module.js";let n=(0,o.forwardRef)(({className:n,style:u,noStyle:i,asChild:f,...c},d)=>{let y,{showPopup:p}=(0,t.useConsentManager)(),{disableAnimation:k,noStyle:v,scrollLock:b}=(0,a.useTheme)(),[j,h]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(p)h(!0);else if(k)h(!1);else{let e=setTimeout(()=>{h(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[p,k]);let S=(0,r.useStyles)("banner.overlay",{baseClassName:!(v||i)&&m.default.overlay,className:n,noStyle:v||i});y=v||i||k?void 0:j?m.default.overlayVisible:m.default.overlayHidden;let g=(0,l.default)(S.className,y);return(0,s.useScrollLock)(!!(p&&b)),p&&b?(0,e.jsx)("div",{ref:d,...c,className:g,style:{...S.style,...u},"data-testid":"cookie-banner-overlay"}):null}),u=n;export{n as CookieBannerOverlay,u as Overlay};