@c15t/react 1.1.4 → 1.1.5
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 +2 -2
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +3 -3
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +1 -1
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +3 -3
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +3 -3
- package/dist/components/consent-manager-widget/atoms/root.cjs +1 -1
- package/dist/components/consent-manager-widget/atoms/root.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/root.js +1 -1
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +1 -1
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +3 -3
- package/dist/components/cookie-banner/__tests__/styles.spec.js +3 -3
- package/dist/components/cookie-banner/cookie-banner_module.css +1 -1
- package/dist/components/shared/ui/accordion/accordion_module.css +1 -1
- package/dist/components/shared/ui/button/button_module.css +1 -1
- package/dist/components/shared/ui/switch/switch_module.css +1 -1
- package/dist/hooks/__tests__/use-styles.test.cjs +1 -1
- package/dist/hooks/__tests__/use-styles.test.js +1 -1
- package/dist/hooks/use-styles.cjs +1 -1
- package/dist/hooks/use-styles.d.ts.map +1 -1
- package/dist/hooks/use-styles.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
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_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 a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__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_consent_manager_dialog_cjs_namespaceObject=require("../consent-manager-dialog.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let ALL_COMPONENTS=[{testId:"consent-manager-dialog-root",themeKey:"dialog.root",styles:"custom-dialog-root"},{testId:"consent-manager-dialog-overlay",themeKey:"dialog.overlay",styles:"custom-dialog-overlay"},{testId:"consent-manager-dialog-header",themeKey:"dialog.header",styles:"custom-dialog-header"},{testId:"consent-manager-dialog-title",themeKey:"dialog.title",styles:"custom-dialog-title"},{testId:"consent-manager-dialog-description",themeKey:"dialog.description",styles:"custom-dialog-description"},{testId:"consent-manager-dialog-content",themeKey:"dialog.content",styles:"custom-dialog-content"},{testId:"consent-manager-dialog-footer",themeKey:"dialog.footer",styles:"custom-dialog-footer"}];for(var __webpack_i__ in external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({isPrivacyDialogOpen:!0,getDisplayedConsents:external_vitest_namespaceObject.vi.fn(()=>[]),saveConsents:external_vitest_namespaceObject.vi.fn(),setShowPopup:external_vitest_namespaceObject.vi.fn(),setIsPrivacyDialogOpen:external_vitest_namespaceObject.vi.fn()})})),external_vitest_namespaceObject.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({consentManagerDialog:{title:"Dialog Title",description:"Dialog Description",saveButton:"Save",rejectAllButton:"Reject All",acceptAllButton:"Accept All"},consentManagerWidget:{},cookieBanner:{},general:{}})})),(0,external_vitest_namespaceObject.test)("
|
|
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_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 a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__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_consent_manager_dialog_cjs_namespaceObject=require("../consent-manager-dialog.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let external_consent_manager_dialog_module_cjs_namespaceObject=require("../consent-manager-dialog.module.cjs");var external_consent_manager_dialog_module_cjs_default=__webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);let ALL_COMPONENTS=[{testId:"consent-manager-dialog-root",themeKey:"dialog.root",styles:"custom-dialog-root"},{testId:"consent-manager-dialog-overlay",themeKey:"dialog.overlay",styles:"custom-dialog-overlay"},{testId:"consent-manager-dialog-header",themeKey:"dialog.header",styles:"custom-dialog-header"},{testId:"consent-manager-dialog-title",themeKey:"dialog.title",styles:"custom-dialog-title"},{testId:"consent-manager-dialog-description",themeKey:"dialog.description",styles:"custom-dialog-description"},{testId:"consent-manager-dialog-content",themeKey:"dialog.content",styles:"custom-dialog-content"},{testId:"consent-manager-dialog-footer",themeKey:"dialog.footer",styles:"custom-dialog-footer"}];for(var __webpack_i__ in external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({isPrivacyDialogOpen:!0,getDisplayedConsents:external_vitest_namespaceObject.vi.fn(()=>[]),saveConsents:external_vitest_namespaceObject.vi.fn(),setShowPopup:external_vitest_namespaceObject.vi.fn(),setIsPrivacyDialogOpen:external_vitest_namespaceObject.vi.fn()})})),external_vitest_namespaceObject.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({consentManagerDialog:{title:"Dialog Title",description:"Dialog Description",saveButton:"Save",rejectAllButton:"Reject All",acceptAllButton:"Accept All"},consentManagerWidget:{},cookieBanner:{},general:{}})})),(0,external_vitest_namespaceObject.test)("should apply string classNames from theme prop to all dialog elements",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]=a,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)("should apply className and style objects from theme prop to all dialog elements",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:a,styles:s})=>({testId:t,themeKey:a,className:s,style:e})),a=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:t.reduce((e,{themeKey:t,className:a,style:s})=>(e[t]={className:a,style:s},e),{})});await test_helpers_cjs_default()({component:a,testCases:t.map(({testId:e,className:t,style:a})=>({testId:e,styles:{className:t,style:a}}))})}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,noStyle:!0,open:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]=a,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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]={className:a,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,theme:{"dialog.root":{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"dialog.overlay":"custom-dialog-overlay"},open:!0});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-dialog-overlay",styles:"custom-dialog-overlay"}]})}),(0,external_vitest_namespaceObject.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:{"dialog.root":"","dialog.overlay":"","dialog.content":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:""},{testId:"consent-manager-dialog-overlay",styles:""},{testId:"consent-manager-dialog-content",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,external_vitest_namespaceObject.test)("should override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-dialog-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All consent manager dialog components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0}),t={root:external_consent_manager_dialog_module_cjs_default().root||"",card:external_consent_manager_dialog_module_cjs_default().card||"",header:external_consent_manager_dialog_module_cjs_default().header||"",title:external_consent_manager_dialog_module_cjs_default().title||"",description:external_consent_manager_dialog_module_cjs_default().description||"",content:external_consent_manager_dialog_module_cjs_default().content||"",footer:external_consent_manager_dialog_module_cjs_default().footer||"",overlay:external_consent_manager_dialog_module_cjs_default().overlay||""};for(let[a,s]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:`${external_consent_manager_dialog_module_cjs_default().card} ${external_consent_manager_dialog_module_cjs_default().card} ${external_consent_manager_dialog_module_cjs_default().card}`},{testId:"consent-manager-dialog-card",styles:t.card},{testId:"consent-manager-dialog-header",styles:t.header},{testId:"consent-manager-dialog-title",styles:t.title},{testId:"consent-manager-dialog-description",styles:t.description},{testId:"consent-manager-dialog-content",styles:t.content},{testId:"consent-manager-dialog-footer",styles:t.footer},{testId:"consent-manager-dialog-overlay",styles:t.overlay}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(s,`Base class for ${a} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-dialog.js";import*as a from"../../../utils/test-helpers.js";let
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-dialog.js";import*as a from"../../../utils/test-helpers.js";import*as s from"../consent-manager-dialog.module.js";let n=[{testId:"consent-manager-dialog-root",themeKey:"dialog.root",styles:"custom-dialog-root"},{testId:"consent-manager-dialog-overlay",themeKey:"dialog.overlay",styles:"custom-dialog-overlay"},{testId:"consent-manager-dialog-header",themeKey:"dialog.header",styles:"custom-dialog-header"},{testId:"consent-manager-dialog-title",themeKey:"dialog.title",styles:"custom-dialog-title"},{testId:"consent-manager-dialog-description",themeKey:"dialog.description",styles:"custom-dialog-description"},{testId:"consent-manager-dialog-content",themeKey:"dialog.content",styles:"custom-dialog-content"},{testId:"consent-manager-dialog-footer",themeKey:"dialog.footer",styles:"custom-dialog-footer"}];t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({isPrivacyDialogOpen:!0,getDisplayedConsents:t.vi.fn(()=>[]),saveConsents:t.vi.fn(),setShowPopup:t.vi.fn(),setIsPrivacyDialogOpen:t.vi.fn()})})),t.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({consentManagerDialog:{title:"Dialog Title",description:"Dialog Description",saveButton:"Save",rejectAllButton:"Reject All",acceptAllButton:"Accept All"},consentManagerWidget:{},cookieBanner:{},general:{}})})),(0,t.test)("should apply string classNames from theme prop to all dialog elements",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all dialog elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},s=n.map(({testId:e,themeKey:o,styles:a})=>({testId:e,themeKey:o,className:a,style:t})),l=(0,e.jsx)(o.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:s.reduce((e,{themeKey:t,className:o,style:a})=>(e[t]={className:o,style:a},e),{})});await (0,a.default)({component:l,testCases:s.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,noStyle:!0,open:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=n.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),s=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:t});await (0,a.default)({component:s,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,theme:{"dialog.root":{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"dialog.overlay":"custom-dialog-overlay"},open:!0});await (0,a.default)({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-dialog-overlay",styles:"custom-dialog-overlay"}]})}),(0,t.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:{"dialog.root":"","dialog.overlay":"","dialog.content":{className:"",style:{margin:"0",padding:"0"}}}});await (0,a.default)({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:""},{testId:"consent-manager-dialog-overlay",styles:""},{testId:"consent-manager-dialog-content",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,t.test)("should override base layer styles",async()=>{let s=document.createElement("style");s.textContent=`
|
|
2
2
|
.custom-dialog-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-dialog-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-dialog-background","dialog.title":"custom-dialog-text"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-dialog-background"},{testId:"consent-manager-dialog-title",styles:"custom-dialog-text"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]'),
|
|
8
|
+
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-dialog-background","dialog.title":"custom-dialog-text"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-dialog-background"},{testId:"consent-manager-dialog-title",styles:"custom-dialog-text"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]'),d=document.querySelector('[data-testid="consent-manager-dialog-title"]');if(!l||!d)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(d).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(s)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{let s=(0,e.jsx)(o.ConsentManagerDialog,{});await (0,a.default)({component:s,testCases:[]});let n=document.querySelector('[data-testid="consent-manager-dialog-root"]'),l=document.querySelector('[data-testid="consent-manager-dialog-title"]');if(!n||!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(n).backgroundColor).toBe("rgb(255, 255, 255)"),(0,t.expect)(getComputedStyle(l).color).toBe("rgb(23, 23, 23)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let s=document.createElement("style");s.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).padding).toBe("32px"),(0,t.expect)(getComputedStyle(l).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)});
|
|
15
|
+
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).padding).toBe("32px"),(0,t.expect)(getComputedStyle(l).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)}),(0,t.test)("All consent manager dialog components should have their base classes applied",async()=>{let n=(0,e.jsx)(o.ConsentManagerDialog,{open:!0}),l={root:s.default.root||"",card:s.default.card||"",header:s.default.header||"",title:s.default.title||"",description:s.default.description||"",content:s.default.content||"",footer:s.default.footer||"",overlay:s.default.overlay||""};for(let[e,o]of(await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:`${s.default.card} ${s.default.card} ${s.default.card}`},{testId:"consent-manager-dialog-card",styles:l.card},{testId:"consent-manager-dialog-header",styles:l.header},{testId:"consent-manager-dialog-title",styles:l.title},{testId:"consent-manager-dialog-description",styles:l.description},{testId:"consent-manager-dialog-content",styles:l.content},{testId:"consent-manager-dialog-footer",styles:l.footer},{testId:"consent-manager-dialog-overlay",styles:l.overlay}]}),Object.entries(l)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--dialog-font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--dialog-line-height:1.15;--dialog-title-font-size:.875rem;--dialog-title-font-weight:600;--dialog-title-letter-spacing:-.025em;--dialog-description-font-size:1rem;--dialog-description-font-weight:400;--dialog-description-line-height:1.15;--dialog-footer-font-size:14px;--dialog-branding-font-size:1rem;--dialog-branding-font-weight:500;--dialog-branding-line-height:1.5;--dialog-branding-letter-spacing:-.01em;--dialog-stroke-color:#ebebeb;--dialog-stroke-color-dark:#333;--dialog-branding-focus-color:#476cff;--dialog-branding-focus-color-dark:#2547d0;--dialog-link-text-color:#171717;--dialog-link-text-color-dark:#e6e6e6;--dialog-border-color:#ebebeb;--dialog-border-color-dark:#333;--dialog-background-color:white;--dialog-background-color-dark:#1a1a1a;--dialog-foreground-color:#171717;--dialog-foreground-color-dark:#e6e6e6;--dialog-muted-color:#737373;--dialog-muted-color-dark:#a3a3a3;--dialog-overlay-background-color:#00000080;--dialog-overlay-background-color-dark:#00000080;--dialog-card-padding:1.5rem;--dialog-card-padding-mobile:1rem;--dialog-card-gap:.375rem;--dialog-header-gap:.375rem;--dialog-content-gap:1rem;--dialog-footer-padding-y:1rem;--dialog-card-radius:1.25rem;--dialog-max-width:28rem;--dialog-height:80%;--dialog-z-index:1000000000;--dialog-overlay-z-index:1000000000;--dialog-card-shadow:0 1px 2px 0 #0000000d;--dialog-border-width:1px;--dialog-border-style:solid;--dialog-animation-duration:.2s;--dialog-animation-timing:ease-out;--dialog-branding-gap:.5rem;--dialog-branding-icon-height:1.25rem;--dialog-branding-icon-width:auto}.c15t-root-QhMZC{isolation:isolate;font-family:var(--dialog-font-family);line-height:var(--dialog-line-height);-webkit-text-size-adjust:100%;tab-size:4;padding:var(--dialog-card-padding-mobile);z-index:var(--dialog-z-index);border-radius:var(--dialog-card-radius);width:100%;height:var(--dialog-height);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.c15t-dialogVisible-fwyvr{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-dialogHidden-WwOAw{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-contentVisible-A_pT0{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing),transform var(--dialog-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.c15t-contentHidden-GCC7t{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing),transform var(--dialog-animation-duration)var(--dialog-animation-timing);transform:scale(.95)}@media (width>=640px){.c15t-root-QhMZC{padding:var(--dialog-card-padding);width:auto}}.c15t-container-bOKMN{width:100%;max-width:var(--dialog-max-width);margin:auto}.c15t-branding-p1rXd{justify-content:center;align-items:center;gap:var(--dialog-branding-gap);font-size:var(--dialog-branding-font-size);font-weight:var(--dialog-branding-font-weight);line-height:var(--dialog-branding-line-height);letter-spacing:var(--dialog-branding-letter-spacing);color:var(--dialog-foreground-color);border-radius:.25rem;margin:auto 0;padding:0 .5rem;text-decoration:none;display:flex}.c15t-branding-p1rXd:focus-visible{box-shadow:0 0 0 2px var(--dialog-branding-focus-color);outline:none}.c15t-dark .c15t-branding-p1rXd:focus-visible{box-shadow:0 0 0 2px var(--dialog-branding-focus-color-dark)}.c15t-dark .c15t-branding-p1rXd{color:var(--dialog-foreground-color-dark)}.c15t-brandingC15T-gskQ7{width:var(--dialog-branding-icon-width);height:var(--dialog-branding-icon-height)}.c15t-brandingConsent-yGJd8{width:var(--dialog-branding-icon-width);height:1rem}.c15t-headerWrapper-GSp8u{position:relative}.c15t-closeButton-PxEni{position:absolute;top:22px;right:22px}.c15t-footer-oOtr_{border-top:solid 1px var(--dialog-stroke-color);justify-content:center;padding-top:1rem;padding-bottom:1rem;font-size:14px}.c15t-overlay-jJ4Q1{color:var(--dialog-link-text-color);background-color:var(--dialog-overlay-background-color);z-index:var(--dialog-overlay-z-index);position:fixed;inset:0}.c15t-overlayVisible-qy2bF{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-overlayHidden-IC_C7{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-dark .c15t-overlay-jJ4Q1{background-color:var(--dialog-overlay-background-color-dark);color:var(--dialog-link-text-color-dark)}.c15t-card-d2uUf{border-radius:var(--dialog-card-radius);border:var(--dialog-border-width)var(--dialog-border-style)var(--dialog-border-color);background-color:var(--dialog-background-color);color:var(--dialog-foreground-color);box-shadow:var(--dialog-card-shadow);overflow:hidden}.c15t-dark .c15t-card-d2uUf{background-color:var(--dialog-background-color-dark);color:var(--dialog-foreground-color-dark);border-color:var(--dialog-border-color-dark)}.c15t-header-qF2QY{padding:var(--dialog-card-padding);gap:var(--dialog-header-gap);flex-direction:column;display:flex}.c15t-header-qF2QY>*+*{margin-top:var(--dialog-card-gap)}.c15t-title-B_498{font-weight:var(--dialog-title-font-weight);font-size:var(--dialog-title-font-size);letter-spacing:var(--dialog-title-letter-spacing);line-height:1}.c15t-description-Nct_b{color:var(--dialog-muted-color);font-size:var(--dialog-description-font-size);font-weight:var(--dialog-description-font-weight);line-height:var(--dialog-description-line-height)}.c15t-dark .c15t-description-Nct_b{color:var(--dialog-muted-color-dark)}.c15t-content-_6tun{padding:var(--dialog-card-padding);gap:var(--dialog-content-gap);padding-top:0}.c15t-footer-oOtr_{font-size:var(--dialog-footer-font-size);padding-top:var(--dialog-footer-padding-y);padding-bottom:var(--dialog-footer-padding-y);border-top:var(--dialog-border-width)var(--dialog-border-style)var(--dialog-stroke-color);justify-content:center;align-items:center;display:flex}.c15t-dark .c15t-footer-oOtr_{border-color:var(--dialog-stroke-color-dark)}
|
|
@@ -1,15 +1,15 @@
|
|
|
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_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
|
|
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_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 n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__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_consent_manager_widget_cjs_namespaceObject=require("../consent-manager-widget.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let external_consent_manager_widget_module_cjs_namespaceObject=require("../consent-manager-widget.module.cjs");var external_consent_manager_widget_module_cjs_default=__webpack_require__.n(external_consent_manager_widget_module_cjs_namespaceObject);external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({getConsentCategory:external_vitest_namespaceObject.vi.fn(()=>({isEnabled:!0})),updateConsentCategory:external_vitest_namespaceObject.vi.fn(),saveConsents:external_vitest_namespaceObject.vi.fn(),getDisplayedConsents:external_vitest_namespaceObject.vi.fn(()=>[])})})),external_vitest_namespaceObject.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({consentManagerWidget:{necessaryCookies:"Necessary",marketingCookies:"Marketing",analyticsCookies:"Analytics",preferencesCookies:"Preferences",unknownIntegration:"Unknown",alwaysActive:"Always Active",rejectAllButton:"Reject All",acceptAllButton:"Accept All",saveButton:"Save Settings"},consentManagerDialog:{},cookieBanner:{},general:{}})}));let ALL_COMPONENTS=[{testId:"consent-manager-widget-root",themeKey:"widget.root",styles:"custom-root"},{testId:"consent-manager-widget-footer",themeKey:"widget.footer",styles:"custom-footer"},{testId:"consent-manager-widget-footer-sub-group",themeKey:"widget.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"consent-manager-widget-reject-button",themeKey:"widget.footer.reject-button",styles:"custom-reject-button"},{testId:"consent-manager-widget-footer-accept-button",themeKey:"widget.footer.accept-button",styles:"custom-accept-button"},{testId:"consent-manager-widget-footer-save-button",themeKey:"widget.footer.save-button",styles:"custom-save-button"},{testId:"consent-manager-widget-accordion-trigger-marketing",themeKey:"widget.accordion.trigger",styles:"custom-accordion-trigger"},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",themeKey:"widget.accordion.trigger-inner",styles:"custom-accordion-trigger-inner"},{testId:"consent-manager-widget-accordion-content-marketing",themeKey:"widget.accordion.content",styles:"custom-accordion-content"},{testId:"consent-manager-widget-switch-marketing",themeKey:"widget.switch",styles:"custom-switch"}];for(var __webpack_i__ in(0,external_vitest_namespaceObject.test)("should apply string classNames from theme prop to all widget elements",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]=n,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)("should apply className and style objects from theme prop to all widget elements",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:n,styles:a})=>({testId:t,themeKey:n,className:a,style:e})),n=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:t.reduce((e,{themeKey:t,className:n,style:a})=>(e[t]={className:n,style:a},e),{})});await test_helpers_cjs_default()({component:n,testCases:t.map(({testId:e,className:t,style:n})=>({testId:e,styles:{className:t,style:n}}))})}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{noStyle:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]=n,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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]={className:n,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"widget.accordion.trigger":"custom-accordion-trigger"}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:"custom-accordion-trigger"}]})}),(0,external_vitest_namespaceObject.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"","widget.accordion":"","widget.footer":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-root",styles:""},{testId:"consent-manager-widget-accordion",styles:""},{testId:"consent-manager-widget-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,external_vitest_namespaceObject.test)("Custom classes override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-widget-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-widget-foooter {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let
|
|
8
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let n=document.querySelector('[data-testid="consent-manager-widget-root"]'),a=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!n||!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).backgroundColor).toBe("rgb(255, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("Base layer styles are applied when no custom classes are provided",async()=>{await test_helpers_cjs_default()({component:(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{}),testCases:[]});let e=document.querySelector('[data-testid="consent-manager-widget-root"]'),t=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!e||!t)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(e).backgroundColor).toBe("rgba(0, 0, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(t).color).toBe("rgb(0, 0, 0)")}),(0,external_vitest_namespaceObject.test)("Multiple custom classes can be applied and override base layer",async()=>{let e=document.createElement("style");e.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let n=document.querySelector('[data-testid="consent-manager-widget-root"]');if(!n)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All consent manager widget components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{}),t={card:external_consent_manager_widget_module_cjs_default().card||"",header:external_consent_manager_widget_module_cjs_default().header||"",title:external_consent_manager_widget_module_cjs_default().title||"",description:external_consent_manager_widget_module_cjs_default().description||"",content:external_consent_manager_widget_module_cjs_default().content||"",footer:external_consent_manager_widget_module_cjs_default().footer||"",footerGroup:external_consent_manager_widget_module_cjs_default().footerGroup||"",accordionItem:external_consent_manager_widget_module_cjs_default().accordionItem||"",accordionTrigger:external_consent_manager_widget_module_cjs_default().accordionTrigger||"",accordionTriggerInner:external_consent_manager_widget_module_cjs_default().accordionTriggerInner||"",accordionContent:external_consent_manager_widget_module_cjs_default().accordionContent||"",accordionArrow:external_consent_manager_widget_module_cjs_default().accordionArrow||"",switch:external_consent_manager_widget_module_cjs_default().switch||""};for(let[n,a]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-footer",styles:t.footer},{testId:"consent-manager-widget-footer-sub-group",styles:t.footerGroup},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:t.accordionTrigger},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",styles:t.accordionTriggerInner},{testId:"consent-manager-widget-accordion-content-marketing",styles:t.accordionContent},{testId:"consent-manager-widget-switch-marketing",styles:t.switch}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(a,`Base class for ${n} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-widget.js";import*as
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-widget.js";import*as n from"../../../utils/test-helpers.js";import*as s from"../consent-manager-widget.module.js";t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({getConsentCategory:t.vi.fn(()=>({isEnabled:!0})),updateConsentCategory:t.vi.fn(),saveConsents:t.vi.fn(),getDisplayedConsents:t.vi.fn(()=>[])})})),t.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({consentManagerWidget:{necessaryCookies:"Necessary",marketingCookies:"Marketing",analyticsCookies:"Analytics",preferencesCookies:"Preferences",unknownIntegration:"Unknown",alwaysActive:"Always Active",rejectAllButton:"Reject All",acceptAllButton:"Accept All",saveButton:"Save Settings"},consentManagerDialog:{},cookieBanner:{},general:{}})}));let a=[{testId:"consent-manager-widget-root",themeKey:"widget.root",styles:"custom-root"},{testId:"consent-manager-widget-footer",themeKey:"widget.footer",styles:"custom-footer"},{testId:"consent-manager-widget-footer-sub-group",themeKey:"widget.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"consent-manager-widget-reject-button",themeKey:"widget.footer.reject-button",styles:"custom-reject-button"},{testId:"consent-manager-widget-footer-accept-button",themeKey:"widget.footer.accept-button",styles:"custom-accept-button"},{testId:"consent-manager-widget-footer-save-button",themeKey:"widget.footer.save-button",styles:"custom-save-button"},{testId:"consent-manager-widget-accordion-trigger-marketing",themeKey:"widget.accordion.trigger",styles:"custom-accordion-trigger"},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",themeKey:"widget.accordion.trigger-inner",styles:"custom-accordion-trigger-inner"},{testId:"consent-manager-widget-accordion-content-marketing",themeKey:"widget.accordion.content",styles:"custom-accordion-content"},{testId:"consent-manager-widget-switch-marketing",themeKey:"widget.switch",styles:"custom-switch"}];(0,t.test)("should apply string classNames from theme prop to all widget elements",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all widget elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},s=a.map(({testId:e,themeKey:o,styles:n})=>({testId:e,themeKey:o,className:n,style:t})),r=(0,e.jsx)(o.ConsentManagerWidget,{theme:s.reduce((e,{themeKey:t,className:o,style:n})=>(e[t]={className:o,style:n},e),{})});await (0,n.default)({component:r,testCases:s.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{noStyle:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=a.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),s=(0,e.jsx)(o.ConsentManagerWidget,{theme:t});await (0,n.default)({component:s,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"widget.accordion.trigger":"custom-accordion-trigger"}});await (0,n.default)({component:t,testCases:[{testId:"consent-manager-widget-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:"custom-accordion-trigger"}]})}),(0,t.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"","widget.accordion":"","widget.footer":{className:"",style:{margin:"0",padding:"0"}}}});await (0,n.default)({component:t,testCases:[{testId:"consent-manager-widget-root",styles:""},{testId:"consent-manager-widget-accordion",styles:""},{testId:"consent-manager-widget-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,t.test)("Custom classes override base layer styles",async()=>{let s=document.createElement("style");s.textContent=`
|
|
2
2
|
.custom-widget-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-widget-foooter {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(s);let a=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let r=document.querySelector('[data-testid="consent-manager-widget-root"]'),d=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!r||!d)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(d).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(s)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{await (0,n.default)({component:(0,e.jsx)(o.ConsentManagerWidget,{}),testCases:[]});let s=document.querySelector('[data-testid="consent-manager-widget-root"]'),a=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!s||!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(s).backgroundColor).toBe("rgba(0, 0, 0, 0)"),(0,t.expect)(getComputedStyle(a).color).toBe("rgb(0, 0, 0)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let s=document.createElement("style");s.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(
|
|
15
|
+
`,document.head.appendChild(s);let a=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let r=document.querySelector('[data-testid="consent-manager-widget-root"]');if(!r)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).padding).toBe("32px"),(0,t.expect)(getComputedStyle(r).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)}),(0,t.test)("All consent manager widget components should have their base classes applied",async()=>{let a=(0,e.jsx)(o.ConsentManagerWidget,{}),r={card:s.default.card||"",header:s.default.header||"",title:s.default.title||"",description:s.default.description||"",content:s.default.content||"",footer:s.default.footer||"",footerGroup:s.default.footerGroup||"",accordionItem:s.default.accordionItem||"",accordionTrigger:s.default.accordionTrigger||"",accordionTriggerInner:s.default.accordionTriggerInner||"",accordionContent:s.default.accordionContent||"",accordionArrow:s.default.accordionArrow||"",switch:s.default.switch||""};for(let[e,o]of(await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-footer",styles:r.footer},{testId:"consent-manager-widget-footer-sub-group",styles:r.footerGroup},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:r.accordionTrigger},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",styles:r.accordionTriggerInner},{testId:"consent-manager-widget-accordion-content-marketing",styles:r.accordionContent},{testId:"consent-manager-widget-switch-marketing",styles:r.switch}]}),Object.entries(r)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__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__,{ConsentManagerWidgetRoot:()=>ConsentManagerWidgetRoot,Root:()=>Root});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),ConsentManagerWidgetRoot=({children:e,noStyle:_=!1,disableAnimation:t=!1,theme:r,useProvider:o=!0,...a})=>{let n=(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{
|
|
2
|
+
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__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__,{ConsentManagerWidgetRoot:()=>ConsentManagerWidgetRoot,Root:()=>Root});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),ConsentManagerWidgetRoot=({children:e,noStyle:_=!1,disableAnimation:t=!1,theme:r,useProvider:o=!0,...a})=>{let n=(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{"data-testid":"consent-manager-widget-root",themeKey:"widget.root",...a,children:e});return o?(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:t,noStyle:_,theme:r},children:n}):n},Root=ConsentManagerWidgetRoot;for(var __webpack_i__ in exports.ConsentManagerWidgetRoot=__webpack_exports__.ConsentManagerWidgetRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["ConsentManagerWidgetRoot","Root"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/atoms/root.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,WAAW,6BAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/atoms/root.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,WAAW,6BAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAqC/D,CAAC;AAEF,QAAA,MAAM,IAAI,mCAA2B,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as t from"../../shared/primitives/box.js";import*as o from"../../../context/theme-context.js";let r=({children:r,noStyle:
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"../../shared/primitives/box.js";import*as o from"../../../context/theme-context.js";let r=({children:r,noStyle:i=!1,disableAnimation:a=!1,theme:n,useProvider:s=!0,...m})=>{let d=(0,e.jsx)(t.Box,{"data-testid":"consent-manager-widget-root",themeKey:"widget.root",...m,children:r});return s?(0,e.jsx)(o.LocalThemeContext.Provider,{value:{disableAnimation:a,noStyle:i,theme:n},children:d}):d},i=r;export{r as ConsentManagerWidgetRoot,i as Root};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--widget-background-color:#fff;--widget-background-color-dark:#1a1a1a;--widget-border-color:#ebebeb;--widget-border-color-dark:#333;--widget-text-color:#171717;--widget-text-color-dark:#e6e6e6;--widget-text-muted-color:#5c5c5c;--widget-text-muted-color-dark:#999;--widget-footer-background-color:transparent;--widget-footer-background-color-dark:transparent;--widget-link-text-color:#171717;--widget-link-text-color-dark:#e6e6e6;--widget-branding-link-color:#47c2ff;--widget-padding:0;--widget-radius:0;--widget-gap:.375rem;--widget-border-width:0;--widget-max-width:32rem;--widget-z-index:50;--widget-footer-padding:1.5rem 0 0 0;--widget-title-size:.875rem;--widget-title-line-height:1.25;--widget-title-tracking:-.006em;--widget-title-weight:600;--widget-entry-animation:c15t-enter-rkppV .15s ease-out;--widget-exit-animation:c15t-exit-pldK8 .15s ease-out;--widget-accordion-padding:.875rem;--widget-accordion-radius:.625rem;--widget-accordion-duration:.2s;--widget-accordion-ease:cubic-bezier(.4,0,.2,1);--widget-accordion-icon-size:1.25rem;--widget-accordion-background-color:#fff;--widget-accordion-background-color-dark:#171717;--widget-accordion-background-hover:#f7f7f7;--widget-accordion-background-hover-dark:#1c1c1c;--widget-accordion-border-color:#ebebeb;--widget-accordion-border-color-dark:#333;--widget-accordion-text-color:#171717;--widget-accordion-text-color-dark:#e6e6e6;--widget-accordion-icon-color:#5c5c5c;--widget-accordion-icon-color-dark:#999;--widget-accordion-arrow-color:#a3a3a3;--widget-accordion-arrow-color-dark:#ccc;--widget-accordion-content-color:#5c5c5c;--widget-accordion-content-color-dark:#999;--widget-accordion-focus-ring:#476cff;--widget-accordion-focus-ring-dark:#2547d0;--widget-accordion-focus-shadow:0 0 0 2px #476cff;--widget-accordion-focus-shadow-dark:0 0 0 2px #2547d0}.c15t-widget-mZfPK{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}.c15t-widget-mZfPK>:not([hidden])~:not([hidden]){--space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1.5rem*var(--space-y-reverse))}.c15t-card-cpA5_{width:100%;max-width:var(--widget-max-width);border-radius:var(--widget-radius);border:var(--widget-border-width)solid var(--widget-border-color);background-color:var(--widget-background-color);position:relative}.c15t-dark .c15t-card-cpA5_{background-color:var(--widget-background-color-dark);border-color:var(--widget-border-color-dark)}.c15t-card-cpA5_[data-state=open]{animation:var(--widget-entry-animation)}.c15t-card-cpA5_[data-state=closed]{animation:var(--widget-exit-animation)}.c15t-header-ubIEO{gap:var(--widget-gap);padding:var(--widget-padding);flex-direction:column;display:flex}.c15t-title-LLWlk{font-size:var(--widget-title-size);line-height:var(--widget-title-line-height);letter-spacing:var(--widget-title-tracking);font-weight:var(--widget-title-weight);color:var(--widget-text-color)}.c15t-dark .c15t-title-LLWlk{color:var(--widget-text-color-dark)}.c15t-description-AdjjX{color:var(--widget-text-muted-color)}.c15t-dark .c15t-description-AdjjX{color:var(--widget-text-muted-color-dark)}.c15t-content-JJu4V{padding:0 var(--widget-padding);padding-bottom:var(--widget-padding)}.c15t-footer-ySewJ{padding:var(--widget-footer-padding);background-color:var(--widget-footer-background-color);justify-content:space-between;gap:1rem;display:flex}.c15t-dark .c15t-footer-ySewJ{background-color:var(--widget-footer-background-color-dark)}@media (width<=640px){.c15t-footer-ySewJ{flex-direction:column}}@media (width>=640px){.c15t-footer-ySewJ{flex-direction:row}}.c15t-footerGroup-PNx3e{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}@media (width<=640px){.c15t-footerGroup-PNx3e,.c15t-footerGroup-PNx3e button{width:100%}}.c15t-branding-ayjMW{border-top:var(--widget-border-width)solid var(--widget-border-color);justify-content:center;width:100%;padding-top:1rem;display:flex}.c15t-dark .c15t-branding-ayjMW{border-color:var(--widget-border-color-dark)}.c15t-brandingLink-mwCeb{color:var(--widget-link-text-color);text-align:center;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:flex}.c15t-dark .c15t-brandingLink-mwCeb{color:var(--widget-link-text-color-dark)}.c15t-brandingLink-mwCeb svg{height:1.2rem}@keyframes c15t-enter-rkppV{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-pldK8{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-bottomLeft-ZpTtt{bottom:0;left:0}.c15t-bottomRight-StkOw{bottom:0;right:0}.c15t-topLeft-_G3uz{top:0;left:0}.c15t-topRight-By5Hm{top:0;right:0}.c15t-accordionItem-fU3xo{border-radius:var(--widget-accordion-radius);border:1px solid var(--widget-accordion-border-color);background-color:var(--widget-accordion-background-color);position:relative;overflow:visible}.c15t-accordionItem-fU3xo:has(.c15t-accordionTriggerInner-bepZm:focus-visible){box-shadow:0 0 0 2px var(--widget-accordion-focus-ring)}.c15t-dark .c15t-accordionItem-fU3xo{border-color:var(--widget-accordion-border-color-dark);background-color:var(--widget-accordion-background-color-dark)}.c15t-accordionTrigger-SWny4{width:100%;color:var(--widget-accordion-text-color);transition:background-color var(--widget-accordion-duration)var(--widget-accordion-ease);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.c15t-accordionTrigger-SWny4:hover{background-color:var(--widget-accordion-background-hover)}.c15t-dark .c15t-accordionTrigger-SWny4{color:var(--widget-accordion-text-color-dark)}.c15t-dark .c15t-accordionTrigger-SWny4:hover{background-color:var(--widget-accordion-background-hover-dark)}.c15t-accordionTriggerInner-bepZm{align-items:center;gap:var(--widget-gap);font-size:var(--widget-title-size);font-weight:var(--widget-title-weight);border-radius:var(--widget-accordion-radius);display:flex;position:relative}.c15t-accordionContent-qm_yt{padding:var(--widget-accordion-padding);color:var(--widget-accordion-content-color);font-size:.875rem;line-height:1.5}.c15t-dark .c15t-accordionContent-qm_yt{color:var(--widget-accordion-content-color-dark)}.c15t-accordionArrow-t0PT0{color:var(--widget-accordion-arrow-color);width:var(--widget-accordion-icon-size);height:var(--widget-accordion-icon-size);transition:transform var(--widget-accordion-duration)var(--widget-accordion-ease)}.c15t-dark .c15t-accordionArrow-t0PT0{color:var(--widget-accordion-arrow-color-dark)}.c15t-accordionItem-fU3xo[data-state=open] .c15t-accordionArrow-t0PT0{transform:rotate(180deg)}.c15t-switch-cBZCr{cursor:pointer;background-color:var(--widget-accordion-background-hover);width:2rem;height:1.25rem;transition:background-color var(--widget-accordion-duration)var(--widget-accordion-ease);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.c15t-dark .c15t-switch-cBZCr{background-color:var(--widget-accordion-background-hover-dark)}.c15t-switch-cBZCr[data-state=checked]{background-color:var(--widget-accordion-focus-ring)}.c15t-dark .c15t-switch-cBZCr[data-state=checked]{background-color:var(--widget-accordion-focus-ring-dark)}
|
|
@@ -1,15 +1,15 @@
|
|
|
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_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
|
|
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_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 o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__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);let button_module_cjs_namespaceObject=require("../../shared/ui/button/button.module.cjs");var button_module_cjs_default=__webpack_require__.n(button_module_cjs_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);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)("should apply string classNames from theme prop to all banner elements",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,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)("should apply className and style objects from theme prop to all banner elements",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:o,styles:n})=>({testId:t,themeKey:o,className:n,style:e})),o=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:t.reduce((e,{themeKey:t,className:o,style:n})=>(e[t]={className:o,style:n},e),{})});await test_helpers_cjs_default()({component:o,testCases:t.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",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:o})=>(e[t]=o,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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",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)("should handle empty strings and empty style objects in theme prop 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"}}}]})}),(0,external_vitest_namespaceObject.test)("Custom classes override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let
|
|
8
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let o=document.querySelector('[data-testid="cookie-banner-card"]'),n=document.querySelector('[data-testid="cookie-banner-title"]');if(!o||!n)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).backgroundColor).toBe("rgb(255, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("Base layer styles are applied when no custom classes are provided",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{});await test_helpers_cjs_default()({component:e,testCases:[]});let t=document.querySelector('[data-testid="cookie-banner-card"]'),o=document.querySelector('[data-testid="cookie-banner-title"]');if(!t||!o)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(t).backgroundColor).toBe("rgb(255, 255, 255)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).color).toBe("rgb(23, 23, 23)")}),(0,external_vitest_namespaceObject.test)("Multiple custom classes can be applied and override base layer",async()=>{let e=document.createElement("style");e.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let o=document.querySelector('[data-testid="cookie-banner-card"]');if(!o)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All cookie banner components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{}),t={root:external_cookie_banner_module_cjs_default().root||"",card:external_cookie_banner_module_cjs_default().card||"",header:external_cookie_banner_module_cjs_default().header||"",title:external_cookie_banner_module_cjs_default().title||"",description:external_cookie_banner_module_cjs_default().description||"",footer:external_cookie_banner_module_cjs_default().footer||"",footerSubGroup:external_cookie_banner_module_cjs_default().footerSubGroup||"",rejectButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-neutral-stroke"]}`,customizeButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-neutral-stroke"]}`,acceptButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-primary-stroke"]}`};for(let[o,n]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:t.root},{testId:"cookie-banner-card",styles:t.card},{testId:"cookie-banner-header",styles:t.header},{testId:"cookie-banner-title",styles:t.title},{testId:"cookie-banner-description",styles:t.description},{testId:"cookie-banner-footer",styles:t.footer},{testId:"cookie-banner-footer-sub-group",styles:t.footerSubGroup},{testId:"cookie-banner-reject-button",styles:t.rejectButton},{testId:"cookie-banner-customize-button",styles:t.customizeButton},{testId:"cookie-banner-accept-button",styles:t.acceptButton}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(n,`Base class for ${o} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../cookie-banner.js";import*as
|
|
1
|
+
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";import*as n from"../../shared/ui/button/button.module.js";import*as r from"../cookie-banner.module.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 a=[{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)("should apply string classNames from theme prop to all banner elements",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all banner elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},n=a.map(({testId:e,themeKey:o,styles:s})=>({testId:e,themeKey:o,className:s,style:t})),r=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:n.reduce((e,{themeKey:t,className:o,style:s})=>(e[t]={className:o,style:s},e),{})});await (0,s.default)({component:r,testCases:n.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,noStyle:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=a.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),n=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:t});await (0,s.default)({component:n,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",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)("should handle empty strings and empty style objects in theme prop 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"}}}]})}),(0,t.test)("Custom classes override base layer styles",async()=>{let n=document.createElement("style");n.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(n);let r=(0,e.jsx)(o.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await (0,s.default)({component:r,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]'),c=document.querySelector('[data-testid="cookie-banner-title"]');if(!a||!c)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(a).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(c).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(n)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{let n=(0,e.jsx)(o.CookieBanner,{});await (0,s.default)({component:n,testCases:[]});let r=document.querySelector('[data-testid="cookie-banner-card"]'),a=document.querySelector('[data-testid="cookie-banner-title"]');if(!r||!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).backgroundColor).toBe("rgb(255, 255, 255)"),(0,t.expect)(getComputedStyle(a).color).toBe("rgb(23, 23, 23)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let n=document.createElement("style");n.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(
|
|
15
|
+
`,document.head.appendChild(n);let r=(0,e.jsx)(o.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await (0,s.default)({component:r,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]');if(!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(a).padding).toBe("32px"),(0,t.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(n)}),(0,t.test)("All cookie banner components should have their base classes applied",async()=>{let a=(0,e.jsx)(o.CookieBanner,{}),c={root:r.default.root||"",card:r.default.card||"",header:r.default.header||"",title:r.default.title||"",description:r.default.description||"",footer:r.default.footer||"",footerSubGroup:r.default.footerSubGroup||"",rejectButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-neutral-stroke"]}`,customizeButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-neutral-stroke"]}`,acceptButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-primary-stroke"]}`};for(let[e,o]of(await (0,s.default)({component:a,testCases:[{testId:"cookie-banner-root",styles:c.root},{testId:"cookie-banner-card",styles:c.card},{testId:"cookie-banner-header",styles:c.header},{testId:"cookie-banner-title",styles:c.title},{testId:"cookie-banner-description",styles:c.description},{testId:"cookie-banner-footer",styles:c.footer},{testId:"cookie-banner-footer-sub-group",styles:c.footerSubGroup},{testId:"cookie-banner-reject-button",styles:c.rejectButton},{testId:"cookie-banner-customize-button",styles:c.customizeButton},{testId:"cookie-banner-accept-button",styles:c.acceptButton}]}),Object.entries(c)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;--banner-border-radius-sm:.3125rem;--banner-border-radius:1.25rem;--banner-max-width:440px;--banner-animation-duration:.2s;--banner-animation-timing:ease-out;--banner-entry-animation:c15t-enter-OSOPL .15s ease-out;--banner-exit-animation:c15t-exit-PbMtf .15s ease-out;--banner-border-width:1px;--banner-shadow:0 16px 32px -12px #0e121b1a;--banner-shadow-dark:0 16px 32px -12px #0e121b1a;--banner-background-color:#fff;--banner-background-color-dark:#171717;--banner-footer-background-color:#f7f7f7;--banner-footer-background-color-dark:#1c1c1c;--banner-text-color:#171717;--banner-text-color-dark:#e6e6e6;--banner-border-color:#ebebeb;--banner-border-color-dark:#333;--banner-title-color:#171717;--banner-title-color-dark:#e6e6e6;--banner-description-color:#5c5c5c;--banner-description-color-dark:#999;--banner-overlay-background-color:#00000080;--banner-overlay-background-color-dark:#00000080;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}.c15t-root-tnx7V{z-index:999999998;flex-direction:column;width:100%;padding:1rem;display:flex;position:fixed}.c15t-bannerVisible-bty7Y{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.c15t-bannerHidden-kfAtO{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)var(--banner-animation-timing);transform:translateY(50px)}@media (width>=640px){.c15t-root-tnx7V{width:auto;padding:1.5rem}}.c15t-bottomLeft-wv7ez{bottom:0;left:0}.c15t-bottomRight-Oibp8{bottom:0;right:0}.c15t-topLeft-JJ9D6{top:0;left:0}.c15t-topRight-A6dOV{top:0;right:0}.c15t-card-MOqQY{width:100%;max-width:var(--banner-max-width);border-radius:var(--banner-border-radius);border-width:var(--banner-border-width);border-color:var(--banner-border-color);background-color:var(--banner-background-color);box-shadow:var(--banner-shadow);position:relative;overflow:hidden}.c15t-dark .c15t-card-MOqQY{background-color:var(--banner-background-color-dark);border-color:var(--banner-border-color-dark);box-shadow:var(--banner-shadow-dark)}.c15t-card-MOqQY[data-state=open]{animation:var(--banner-entry-animation)}.c15t-card-MOqQY[data-state=closed]{animation:var(--banner-exit-animation)}.c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-top-width:var(--banner-border-width);border-color:var(--banner-border-color)}.c15t-dark .c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-color:var(--banner-border-color-dark)}.c15t-card-MOqQY:focus{outline-offset:2px;outline:none}@keyframes c15t-enter-OSOPL{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-PbMtf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:100%}@media (width>=640px){.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:auto}}.c15t-header-X6bpE{color:var(--banner-text-color);flex-direction:column;padding:1rem;display:flex}.c15t-dark .c15t-header-X6bpE{color:var(--banner-text-color-dark)}@media (width>=640px){.c15t-header-X6bpE{padding:1.5rem}}.c15t-header-X6bpE>:not([hidden])~:not([hidden]){--banner-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--banner-space-y-reverse)));margin-bottom:calc(.5rem*var(--banner-space-y-reverse))}.c15t-footer-wS150{background-color:var(--banner-footer-background-color);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;display:flex}.c15t-dark .c15t-footer-wS150{background-color:var(--banner-footer-background-color-dark)}@media (width>=640px){.c15t-footer-wS150{flex-direction:row}}.c15t-footerSubGroup-HbTp3{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.c15t-description-jP5LU{letter-spacing:-.006em;color:var(--banner-description-color);font-size:.875rem;font-weight:400;line-height:1.25rem}.c15t-dark .c15t-description-jP5LU{color:var(--banner-description-color-dark)}.c15t-title-qr_tp{letter-spacing:-.011em;color:var(--banner-title-color);font-size:1rem;font-weight:500;line-height:1.5rem}.c15t-dark .c15t-title-qr_tp{color:var(--banner-title-color-dark)}.c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color);z-index:999999997;position:fixed;inset:0}.c15t-overlayVisible-YTJZr{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-overlayHidden-JeNTf{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-dark .c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--accordion-padding:.875rem;--accordion-radius:.625rem;--accordion-duration:.2s;--accordion-ease:cubic-bezier(.4,0,.2,1);--accordion-icon-size:1.25rem;--accordion-background-color:#fff;--accordion-background-color-dark:#171717;--accordion-background-hover:#f7f7f7;--accordion-background-hover-dark:#1c1c1c;--accordion-border-color:#ebebeb;--accordion-border-color-dark:#333;--accordion-text-color:#171717;--accordion-text-color-dark:#e6e6e6;--accordion-icon-color:#5c5c5c;--accordion-icon-color-dark:#999;--accordion-arrow-color:#a3a3a3;--accordion-arrow-color-dark:#ccc;--accordion-content-color:#5c5c5c;--accordion-content-color-dark:#999;--accordion-focus-ring:#476cff;--accordion-focus-ring-dark:#2547d0;--accordion-focus-shadow:0 0 0 2px var(--accordion-focus-ring);--accordion-focus-shadow-dark:0 0 0 2px var(--accordion-focus-ring-dark)}.c15t-root-mn3Kc{&>:not([hidden])~:not([hidden]){--space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}}.c15t-item-wEBHW{padding:var(--accordion-padding);background-color:var(--accordion-background-color);box-shadow:inset 0 0 0 1px var(--accordion-border-color);transition:all var(--accordion-duration)var(--accordion-ease);border-radius:var(--accordion-radius);position:relative;overflow:visible}.c15t-dark .c15t-item-wEBHW{background-color:var(--accordion-background-color-dark);box-shadow:inset 0 0 0 1px var(--accordion-border-color-dark)}.c15t-item-wEBHW:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover);box-shadow:inset 0 0 0 1px #0000}.c15t-dark .c15t-item-wEBHW:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover-dark);box-shadow:inset 0 0 0 1px #0000}.c15t-item-wEBHW:focus-within:not(:has(.c15t-triggerInner-P7q0J:focus-visible)){background-color:var(--accordion-background-hover);box-shadow:inset 0 0 0 1px #0000}.c15t-dark .c15t-item-wEBHW:focus-within:not(:has(.c15t-triggerInner-P7q0J:focus-visible)){background-color:var(--accordion-background-hover-dark);box-shadow:inset 0 0 0 1px #0000}.c15t-item-wEBHW:has(.c15t-triggerInner-P7q0J:focus-visible){box-shadow:var(--accordion-focus-shadow)}.c15t-dark .c15t-item-wEBHW:has(.c15t-triggerInner-P7q0J:focus-visible){box-shadow:var(--accordion-focus-shadow-dark)}.c15t-trigger-YptQf{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.c15t-triggerInner-P7q0J{width:90%;margin:calc(-1*var(--accordion-padding));padding:var(--accordion-padding);letter-spacing:-.006em;text-align:left;color:var(--accordion-text-color);cursor:pointer;border-radius:var(--accordion-radius);z-index:1;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:.625rem;padding-right:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:grid;position:relative}.c15t-dark .c15t-triggerInner-P7q0J{color:var(--accordion-text-color-dark)}.c15t-triggerInner-P7q0J:focus-visible{outline:none}.c15t-icon-CWXG_{width:var(--accordion-icon-size);height:var(--accordion-icon-size);color:var(--accordion-icon-color);flex-shrink:0}.c15t-dark .c15t-icon-CWXG_{color:var(--accordion-icon-color-dark)}.c15t-arrowOpen-BtPT6,.c15t-arrowClose-Rc1mA{width:var(--accordion-icon-size);height:var(--accordion-icon-size);transition:color var(--accordion-duration)var(--accordion-ease);flex-shrink:0}.c15t-arrowOpen-BtPT6{color:var(--accordion-arrow-color)}.c15t-dark .c15t-arrowOpen-BtPT6{color:var(--accordion-arrow-color-dark)}.c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6{color:var(--accordion-icon-color)}.c15t-dark .c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6{color:var(--accordion-icon-color-dark)}.c15t-arrowClose-Rc1mA{color:var(--accordion-icon-color);display:none}.c15t-dark .c15t-arrowClose-Rc1mA{color:var(--accordion-icon-color-dark)}.c15t-item-wEBHW[data-state=open] .c15t-arrowOpen-BtPT6{display:none}.c15t-item-wEBHW[data-state=open] .c15t-arrowClose-Rc1mA{display:block}.c15t-content-F0Oyv{overflow:hidden}@keyframes c15t-accordionDown-BXyWj{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes c15t-accordionUp-JM5v8{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}.c15t-content-F0Oyv[data-state=open]{animation:c15t-accordionDown-BXyWj var(--accordion-duration)var(--accordion-ease)}.c15t-content-F0Oyv[data-state=closed]{animation:c15t-accordionUp-JM5v8 var(--accordion-duration)var(--accordion-ease)}.c15t-contentInner-seFon{letter-spacing:-.006em;color:var(--accordion-content-color);padding-top:.375rem;font-size:.875rem;line-height:1.25rem}.c15t-dark .c15t-contentInner-seFon{color:var(--accordion-content-color-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--button-primary:#335cff;--button-primary-dark:#2547d0;--button-primary-hover:#476fff1a;--button-primary-hover-dark:#476cff1a;--button-neutral:#5c5c5c;--button-neutral-dark:#414958;--button-neutral-hover:#626d84;--button-neutral-hover-dark:#363d49;--button-neutral-soft:#ebebeb;--button-neutral-soft-dark:#414958;--button-focus-ring:#476cff;--button-focus-ring-dark:#2547d0;--button-text:#5c5c5c;--button-text-dark:#b3b3b3;--button-text-hover:#171717;--button-text-hover-dark:#e6e6e6;--button-background-color:#fff;--button-background-color-dark:#1a1a1a;--button-border:#5c5c5c;--button-border-dark:#414958;--button-hover-overlay:#2b303b0d;--button-hover-overlay-dark:#e2e4e91a;--button-font:inherit;--button-border-width:0px;--button-border-style:solid;--button-border-color:transparent;--button-border-radius:.375rem;--button-font-weight:500;--button-font-size:.875rem;--button-line-height:1.25rem;--button-transition:all .15s ease-in-out;--button-cursor:pointer;--button-shadow:0px 1px 2px 0px #0e121b0f;--button-shadow-dark:0px 1px 2px 0px #8080800f;--button-shadow-primary-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-neutral-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-primary-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-neutral-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-primary:var(--button-shadow),inset 0 0 0 1px var(--button-primary);--button-shadow-primary-dark:var(--button-shadow-dark),inset 0 0 0 1px var(--button-primary-dark);--button-shadow-primary-hover:none;--button-shadow-primary-hover-dark:none;--button-shadow-neutral:var(--button-shadow),inset 0 0 0 1px var(--button-neutral-soft);--button-shadow-neutral-dark:var(--button-shadow-dark),inset 0 0 0 1px var(--button-neutral-soft-dark);--button-shadow-neutral-hover:none;--button-shadow-neutral-hover-dark:none}.c15t-button-YKOgW{border-radius:var(--button-border-radius);font-weight:var(--button-font-weight);transition:var(--button-transition);cursor:var(--button-cursor);border:var(--button-border-width)var(--button-border-style)var(--button-border-color);font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-text);font-family:var(--button-font);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.c15t-button-YKOgW:focus-visible{box-shadow:var(--button-shadow-primary-focus);outline:none}.c15t-dark .c15t-button-YKOgW:focus-visible{box-shadow:var(--button-shadow-primary-focus-dark)}.c15t-dark .c15t-button-YKOgW{color:var(--button-text-dark)}.c15t-button-YKOgW:disabled{opacity:.5;cursor:not-allowed}.c15t-button-medium-1Mfpj{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.625rem 1rem}.c15t-button-small-n5LJg{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.5rem .75rem}.c15t-button-xsmall-ygCjx{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.375rem .625rem}.c15t-button-xxsmall-r7ZLO{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.25rem .5rem}.c15t-button-primary-filled-YzeKk{background-color:var(--button-primary);color:var(--button-background-color)}.c15t-button-primary-filled-YzeKk:focus-visible{box-shadow:var(--button-shadow-primary-focus)}.c15t-dark .c15t-button-primary-filled-YzeKk{background-color:var(--button-primary-dark);color:var(--button-background-color-dark)}.c15t-button-primary-filled-YzeKk:hover:not(:disabled){background-color:var(--button-primary-hover)}.c15t-dark .c15t-button-primary-filled-YzeKk:hover:not(:disabled){background-color:var(--button-primary-hover-dark)}.c15t-button-primary-stroke-TWzjH{background-color:var(--button-background-color);color:var(--button-primary);box-shadow:var(--button-shadow-primary)}.c15t-dark .c15t-button-primary-stroke-TWzjH{background-color:var(--button-background-color-dark);color:var(--button-primary-dark);box-shadow:var(--button-shadow-primary-dark)}.c15t-button-primary-stroke-TWzjH:hover:not(:disabled){background-color:var(--button-primary-hover);box-shadow:var(--button-shadow-primary-hover)}.c15t-dark .c15t-button-primary-stroke-TWzjH:hover:not(:disabled){background-color:var(--button-primary-hover-dark);box-shadow:var(--button-shadow-primary-hover-dark)}.c15t-button-primary-lighter-kAHLT{background-color:color-mix(in srgb,var(--button-primary)10%,transparent);color:var(--button-primary)}.c15t-dark .c15t-button-primary-lighter-kAHLT{background-color:color-mix(in srgb,var(--button-primary-dark)10%,transparent);color:var(--button-primary-dark)}.c15t-button-primary-lighter-kAHLT:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-primary)20%,transparent)}.c15t-dark .c15t-button-primary-lighter-kAHLT:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-primary-dark)20%,transparent)}.c15t-button-primary-ghost-j0CcU{color:var(--button-primary)}.c15t-dark .c15t-button-primary-ghost-j0CcU{color:var(--button-primary-dark)}.c15t-button-primary-ghost-j0CcU:hover:not(:disabled){background-color:var(--button-hover-overlay)}.c15t-dark .c15t-button-primary-ghost-j0CcU:hover:not(:disabled){background-color:var(--button-hover-overlay-dark)}.c15t-button-neutral-filled-uvvkN{background-color:var(--button-neutral);color:var(--button-background-color)}.c15t-button-neutral-filled-uvvkN:focus-visible{box-shadow:var(--button-shadow-neutral-focus)}.c15t-dark .c15t-button-neutral-filled-uvvkN{background-color:var(--button-neutral-dark);color:var(--button-background-color-dark)}.c15t-button-neutral-filled-uvvkN:hover:not(:disabled){background-color:var(--button-neutral-hover)}.c15t-dark .c15t-button-neutral-filled-uvvkN:hover:not(:disabled){background-color:var(--button-neutral-hover-dark)}.c15t-button-neutral-stroke-EAzCC{background-color:var(--button-background-color);box-shadow:var(--button-shadow-neutral)}.c15t-dark .c15t-button-neutral-stroke-EAzCC{background-color:var(--button-background-color-dark);box-shadow:var(--button-shadow-neutral-dark)}.c15t-button-neutral-stroke-EAzCC:hover:not(:disabled){box-shadow:var(--button-shadow-neutral-hover);color:var(--button-text-hover);background-color:#0000}.c15t-dark .c15t-button-neutral-stroke-EAzCC:hover:not(:disabled){box-shadow:var(--button-shadow-neutral-hover-dark);color:var(--button-text-hover-dark)}.c15t-button-neutral-lighter-ANBJI{background-color:color-mix(in srgb,var(--button-neutral)10%,transparent);color:var(--button-neutral)}.c15t-dark .c15t-button-neutral-lighter-ANBJI{background-color:color-mix(in srgb,var(--button-neutral-dark)10%,transparent);color:var(--button-neutral-dark)}.c15t-button-neutral-lighter-ANBJI:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-neutral)20%,transparent)}.c15t-dark .c15t-button-neutral-lighter-ANBJI:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-neutral-dark)20%,transparent)}.c15t-button-neutral-ghost-x4zTl{color:var(--button-neutral)}.c15t-dark .c15t-button-neutral-ghost-x4zTl{color:var(--button-neutral-dark)}.c15t-button-neutral-ghost-x4zTl:hover:not(:disabled){background-color:var(--button-hover-overlay)}.c15t-dark .c15t-button-neutral-ghost-x4zTl:hover:not(:disabled){background-color:var(--button-hover-overlay-dark)}.c15t-button-icon-ps6Fy{justify-content:center;align-items:center;display:inline-flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--switch-height:1.25rem;--switch-width:2rem;--switch-padding:.125rem;--switch-duration:.2s;--switch-ease:cubic-bezier(.4,0,.2,1);--switch-thumb-size:.75rem;--switch-thumb-size-disabled:.625rem;--switch-thumb-translate:.75rem;--switch-background-color:#ebebeb;--switch-background-color-dark:#333;--switch-background-color-hover:#d1d1d1;--switch-background-color-hover-dark:#292929;--switch-background-color-checked:#335cff;--switch-background-color-checked-dark:#2547d0;--switch-background-color-disabled:#fff;--switch-background-color-disabled-dark:#171717;--switch-thumb-background-color:#fff;--switch-thumb-background-color-dark:#f7f7f7;--switch-thumb-background-color-disabled:#f7f7f7;--switch-thumb-background-color-disabled-dark:#333;--switch-shadow-thumb:0 0 0 1px #ebebeb;--switch-shadow-thumb-dark:0 0 0 1px #333;--switch-focus-ring:#335cff;--switch-focus-ring-dark:#2547d0;--switch-focus-shadow:0 0 0 2px var(--switch-focus-ring);--switch-focus-shadow-dark:0 0 0 2px var(--switch-focus-ring-dark)}.c15t-root-qh0zR{height:var(--switch-height);width:var(--switch-width);padding:var(--switch-padding);white-space:nowrap;background:0 0;border:0;border-radius:9999px;outline:none;flex-shrink:0;margin:0;font-family:inherit;font-size:100%;line-height:1.15;display:block}.c15t-track-OlfR7{height:calc(var(--switch-height) - 2*var(--switch-padding));width:calc(var(--switch-width) - 2*var(--switch-padding));padding:var(--switch-padding);background-color:var(--switch-background-color);transition:all var(--switch-duration)var(--switch-ease);border-radius:9999px;outline:none;position:relative}.c15t-dark .c15t-track-OlfR7{background-color:var(--switch-background-color-dark)}.c15t-track-OlfR7:hover{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-track-OlfR7:hover{background-color:var(--switch-background-color-hover-dark)}.c15t-track-OlfR7:focus-visible{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-track-OlfR7:focus-visible{background-color:var(--switch-background-color-hover-dark)}.c15t-track-OlfR7:active{background-color:var(--switch-background-color)}.c15t-dark .c15t-track-OlfR7:active{background-color:var(--switch-background-color-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-track-OlfR7{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-root-qh0zR[data-state=checked] .c15t-track-OlfR7{background-color:var(--switch-background-color-checked-dark)}.c15t-root-qh0zR[data-state=checked]:hover .c15t-track-OlfR7{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-root-qh0zR[data-state=checked]:hover .c15t-track-OlfR7{background-color:var(--switch-background-color-checked-dark)}.c15t-root-qh0zR[data-disabled]{cursor:not-allowed}.c15t-root-qh0zR:focus,.c15t-dark .c15t-root-qh0zR:focus{outline:none}.c15t-track-disabled-reR3p{background-color:var(--switch-background-color-disabled);opacity:.4;box-shadow:inset 0 0 0 1px #ebebeb}.c15t-dark .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-disabled-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-checked);opacity:.4;box-shadow:none}.c15t-dark .c15t-root-qh0zR[data-state=checked] .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-checked-dark)}.c15t-thumb-JukBu{pointer-events:none;width:var(--switch-thumb-size);height:var(--switch-thumb-size);transition:transform var(--switch-duration)var(--switch-ease);display:block;position:relative;transform:translate(0)}.c15t-thumb-JukBu:before{content:"";background-color:var(--switch-thumb-background-color);inset-block:0;border-radius:9999px;width:100%;position:absolute;left:0;mask:radial-gradient(circle farthest-side,#0000 1.95px,#000 2.05px 100%) 50%/100% 100% no-repeat}.c15t-dark .c15t-thumb-JukBu:before{background-color:var(--switch-thumb-background-color-dark)}.c15t-thumb-JukBu:after{content:"";width:100%;box-shadow:var(--switch-shadow-thumb);inset-block:0;border-radius:9999px;position:absolute;left:0}.c15t-dark .c15t-thumb-JukBu:after{box-shadow:var(--switch-shadow-thumb-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-thumb-JukBu{transform:translateX(var(--switch-thumb-translate))}.c15t-track-OlfR7:active .c15t-thumb-JukBu{transform:scale(.833)}.c15t-thumb-disabled-s9gXH{box-shadow:none}.c15t-root-qh0zR[data-state=checked] .c15t-thumb-disabled-s9gXH{transform:translateX(var(--switch-thumb-translate))}.c15t-root-qh0zR:focus-visible{box-shadow:var(--switch-focus-shadow);outline:none}.c15t-dark .c15t-root-qh0zR:focus-visible{box-shadow:var(--switch-focus-shadow-dark)}
|
|
@@ -1 +1 @@
|
|
|
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
|
+
"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")}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",()=>{let e={theme:{"dialog.root":{className:"theme-class",style:{color:"blue"},noStyle:!0}}},t={className:"component-class",style:{backgroundColor:"red"},noStyle:!0},{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).not.toContain("component-class"),(0,external_vitest_namespaceObject.expect)(s.current.style).toEqual({color:"blue"})})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
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
|
+
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")}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",()=>{let l={theme:{"dialog.root":{className:"theme-class",style:{color:"blue"},noStyle:!0}}},a={className:"component-class",style:{backgroundColor:"red"},noStyle:!0},{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).not.toContain("component-class"),(0,t.expect)(c.current.style).toEqual({color:"blue"})})});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__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__,{useStyles:()=>useStyles});let external_react_namespaceObject=require("react"),external_use_theme_cjs_namespaceObject=require("./use-theme.cjs"),merge_styles_cjs_namespaceObject=require("../utils/merge-styles.cjs");function useStyles(e,_){let{noStyle:t,theme:r}=(0,external_use_theme_cjs_namespaceObject.useTheme)(),a
|
|
2
|
+
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__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__,{useStyles:()=>useStyles});let external_react_namespaceObject=require("react"),external_use_theme_cjs_namespaceObject=require("./use-theme.cjs"),merge_styles_cjs_namespaceObject=require("../utils/merge-styles.cjs");function useStyles(e,_){let{noStyle:t,theme:r}=(0,external_use_theme_cjs_namespaceObject.useTheme)(),a=!!("object"==typeof r?.[e]&&r?.[e]?.noStyle),s=!!("object"==typeof _&&"noStyle"in _&&_.noStyle||a||t),c=(0,external_react_namespaceObject.useMemo)(()=>e?r?.[e]:null,[e,r]),l=(0,external_react_namespaceObject.useMemo)(()=>({className:"string"==typeof _?_:_?.className,style:void 0}),[_]),n=(0,external_react_namespaceObject.useMemo)(()=>c?(0,merge_styles_cjs_namespaceObject.mergeStyles)(l,c):l,[l,c]),o=(0,external_react_namespaceObject.useMemo)(()=>_?(0,merge_styles_cjs_namespaceObject.mergeStyles)(n,_):n,[n,_]);return(0,external_react_namespaceObject.useMemo)(()=>{if(s)return c?"string"==typeof c?{className:c}:{className:c.className,style:c.style}:{};let e=Array.from(new Set(["string"==typeof _?_:_?.className,o.className].filter(Boolean).flat())).join(" ");return{...o,className:e}},[o,s,c,_])}for(var __webpack_i__ in exports.useStyles=__webpack_exports__.useStyles,__webpack_exports__)-1===["useStyles"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CAyFhB"}
|
package/dist/hooks/use-styles.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react";import*as s from"./use-theme.js";import*as t from"../utils/merge-styles.js";function
|
|
2
|
+
import*as e from"react";import*as s from"./use-theme.js";import*as t from"../utils/merge-styles.js";function o(o,l){let{noStyle:m,theme:r}=(0,s.useTheme)(),a=!!("object"==typeof r?.[o]&&r?.[o]?.noStyle),n=!!("object"==typeof l&&"noStyle"in l&&l.noStyle||a||m),y=(0,e.useMemo)(()=>o?r?.[o]:null,[o,r]),u=(0,e.useMemo)(()=>({className:"string"==typeof l?l:l?.className,style:void 0}),[l]),f=(0,e.useMemo)(()=>y?(0,t.mergeStyles)(u,y):u,[u,y]),i=(0,e.useMemo)(()=>l?(0,t.mergeStyles)(f,l):f,[f,l]);return(0,e.useMemo)(()=>{if(n)return y?"string"==typeof y?{className:y}:{className:y.className,style:y.style}:{};let e=Array.from(new Set(["string"==typeof l?l:l?.className,i.className].filter(Boolean).flat())).join(" ");return{...i,className:e}},[i,n,y,l])}export{o as useStyles};
|