@c15t/react 0.0.1-rc.3
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/LICENSE.md +595 -0
- package/README.md +55 -0
- package/dist/common/components/consent-manager-provider.cjs +93 -0
- package/dist/common/components/consent-manager-provider.d.ts +16 -0
- package/dist/common/components/consent-manager-provider.d.ts.map +1 -0
- package/dist/common/components/consent-manager-provider.js +59 -0
- package/dist/common/context/consent-manager-context.cjs +38 -0
- package/dist/common/context/consent-manager-context.d.ts +13 -0
- package/dist/common/context/consent-manager-context.d.ts.map +1 -0
- package/dist/common/context/consent-manager-context.js +4 -0
- package/dist/common/hooks/use-consent-manager.cjs +45 -0
- package/dist/common/hooks/use-consent-manager.d.ts +20 -0
- package/dist/common/hooks/use-consent-manager.d.ts.map +1 -0
- package/dist/common/hooks/use-consent-manager.js +11 -0
- package/dist/common/index.cjs +42 -0
- package/dist/common/index.d.ts +7 -0
- package/dist/common/index.d.ts.map +1 -0
- package/dist/common/index.js +9 -0
- package/dist/common/store/use-consent-manager.cjs +47 -0
- package/dist/common/store/use-consent-manager.d.ts +136 -0
- package/dist/common/store/use-consent-manager.d.ts.map +1 -0
- package/dist/common/store/use-consent-manager.js +13 -0
- package/dist/common/store/use-translations.cjs +58 -0
- package/dist/common/store/use-translations.d.ts +29 -0
- package/dist/common/store/use-translations.d.ts.map +1 -0
- package/dist/common/store/use-translations.js +24 -0
- package/dist/common/types/consent-manager.cjs +19 -0
- package/dist/common/types/consent-manager.d.ts +82 -0
- package/dist/common/types/consent-manager.d.ts.map +1 -0
- package/dist/common/types/consent-manager.js +0 -0
- package/dist/common/utils/theme.cjs +47 -0
- package/dist/common/utils/theme.d.ts +8 -0
- package/dist/common/utils/theme.d.ts.map +1 -0
- package/dist/common/utils/theme.js +13 -0
- package/dist/common/utils/translations.cjs +86 -0
- package/dist/common/utils/translations.d.ts +14 -0
- package/dist/common/utils/translations.d.ts.map +1 -0
- package/dist/common/utils/translations.js +50 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.cjs +218 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.d.ts +2 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.js +183 -0
- package/dist/consent-manager-dialog/__tests__/utils.cjs +68 -0
- package/dist/consent-manager-dialog/__tests__/utils.d.ts +13 -0
- package/dist/consent-manager-dialog/__tests__/utils.d.ts.map +1 -0
- package/dist/consent-manager-dialog/__tests__/utils.js +34 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.cjs +139 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.d.ts +90 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.js +94 -0
- package/dist/consent-manager-dialog/atoms/overlay.cjs +67 -0
- package/dist/consent-manager-dialog/atoms/overlay.d.ts +71 -0
- package/dist/consent-manager-dialog/atoms/overlay.d.ts.map +1 -0
- package/dist/consent-manager-dialog/atoms/overlay.js +32 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.cjs +129 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.css +75 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.d.ts +44 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.js +95 -0
- package/dist/consent-manager-dialog/index.cjs +51 -0
- package/dist/consent-manager-dialog/index.d.ts +4 -0
- package/dist/consent-manager-dialog/index.d.ts.map +1 -0
- package/dist/consent-manager-dialog/index.js +18 -0
- package/dist/consent-manager-dialog/theme.cjs +19 -0
- package/dist/consent-manager-dialog/theme.d.ts +19 -0
- package/dist/consent-manager-dialog/theme.d.ts.map +1 -0
- package/dist/consent-manager-dialog/theme.js +0 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.cjs +228 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.d.ts +2 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.js +193 -0
- package/dist/consent-manager-widget/__tests__/utils.cjs +68 -0
- package/dist/consent-manager-widget/__tests__/utils.d.ts +13 -0
- package/dist/consent-manager-widget/__tests__/utils.d.ts.map +1 -0
- package/dist/consent-manager-widget/__tests__/utils.js +34 -0
- package/dist/consent-manager-widget/atoms/accordion.cjs +147 -0
- package/dist/consent-manager-widget/atoms/accordion.d.ts +57 -0
- package/dist/consent-manager-widget/atoms/accordion.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/accordion.js +98 -0
- package/dist/consent-manager-widget/atoms/button.cjs +77 -0
- package/dist/consent-manager-widget/atoms/button.d.ts +17 -0
- package/dist/consent-manager-widget/atoms/button.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/button.js +38 -0
- package/dist/consent-manager-widget/atoms/footer.cjs +70 -0
- package/dist/consent-manager-widget/atoms/footer.d.ts +22 -0
- package/dist/consent-manager-widget/atoms/footer.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/footer.js +34 -0
- package/dist/consent-manager-widget/atoms/logo.cjs +101 -0
- package/dist/consent-manager-widget/atoms/logo.d.ts +8 -0
- package/dist/consent-manager-widget/atoms/logo.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/logo.js +67 -0
- package/dist/consent-manager-widget/atoms/root.cjs +64 -0
- package/dist/consent-manager-widget/atoms/root.d.ts +82 -0
- package/dist/consent-manager-widget/atoms/root.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/root.js +29 -0
- package/dist/consent-manager-widget/consent-manager-widget.cjs +98 -0
- package/dist/consent-manager-widget/consent-manager-widget.css +79 -0
- package/dist/consent-manager-widget/consent-manager-widget.d.ts +51 -0
- package/dist/consent-manager-widget/consent-manager-widget.d.ts.map +1 -0
- package/dist/consent-manager-widget/consent-manager-widget.js +64 -0
- package/dist/consent-manager-widget/index.cjs +62 -0
- package/dist/consent-manager-widget/index.d.ts +10 -0
- package/dist/consent-manager-widget/index.d.ts.map +1 -0
- package/dist/consent-manager-widget/index.js +29 -0
- package/dist/consent-manager-widget/theme.cjs +19 -0
- package/dist/consent-manager-widget/theme.d.ts +48 -0
- package/dist/consent-manager-widget/theme.d.ts.map +1 -0
- package/dist/consent-manager-widget/theme.js +0 -0
- package/dist/consent-manager-widget/types.cjs +19 -0
- package/dist/consent-manager-widget/types.d.ts +18 -0
- package/dist/consent-manager-widget/types.d.ts.map +1 -0
- package/dist/consent-manager-widget/types.js +0 -0
- package/dist/cookie-banner/__tests__/styles.spec.cjs +234 -0
- package/dist/cookie-banner/__tests__/styles.spec.d.ts +2 -0
- package/dist/cookie-banner/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/cookie-banner/__tests__/styles.spec.js +199 -0
- package/dist/cookie-banner/__tests__/utils.cjs +67 -0
- package/dist/cookie-banner/__tests__/utils.d.ts +13 -0
- package/dist/cookie-banner/__tests__/utils.d.ts.map +1 -0
- package/dist/cookie-banner/__tests__/utils.js +33 -0
- package/dist/cookie-banner/atoms/overlay.cjs +71 -0
- package/dist/cookie-banner/atoms/overlay.d.ts +46 -0
- package/dist/cookie-banner/atoms/overlay.d.ts.map +1 -0
- package/dist/cookie-banner/atoms/overlay.js +36 -0
- package/dist/cookie-banner/atoms/root.cjs +116 -0
- package/dist/cookie-banner/atoms/root.d.ts +79 -0
- package/dist/cookie-banner/atoms/root.d.ts.map +1 -0
- package/dist/cookie-banner/atoms/root.js +81 -0
- package/dist/cookie-banner/components.cjs +160 -0
- package/dist/cookie-banner/components.d.ts +136 -0
- package/dist/cookie-banner/components.d.ts.map +1 -0
- package/dist/cookie-banner/components.js +109 -0
- package/dist/cookie-banner/cookie-banner.cjs +99 -0
- package/dist/cookie-banner/cookie-banner.css +226 -0
- package/dist/cookie-banner/cookie-banner.d.ts +134 -0
- package/dist/cookie-banner/cookie-banner.d.ts.map +1 -0
- package/dist/cookie-banner/cookie-banner.js +65 -0
- package/dist/cookie-banner/error-boundary.cjs +68 -0
- package/dist/cookie-banner/error-boundary.d.ts +56 -0
- package/dist/cookie-banner/error-boundary.d.ts.map +1 -0
- package/dist/cookie-banner/error-boundary.js +34 -0
- package/dist/cookie-banner/index.cjs +59 -0
- package/dist/cookie-banner/index.d.ts +52 -0
- package/dist/cookie-banner/index.d.ts.map +1 -0
- package/dist/cookie-banner/index.js +26 -0
- package/dist/cookie-banner/theme.cjs +19 -0
- package/dist/cookie-banner/theme.d.ts +30 -0
- package/dist/cookie-banner/theme.d.ts.map +1 -0
- package/dist/cookie-banner/theme.js +0 -0
- package/dist/index.cjs +89 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/primitives/box.cjs +54 -0
- package/dist/primitives/box.d.ts +47 -0
- package/dist/primitives/box.d.ts.map +1 -0
- package/dist/primitives/box.js +20 -0
- package/dist/primitives/button.cjs +93 -0
- package/dist/primitives/button.d.ts +207 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +59 -0
- package/dist/primitives/button.types.cjs +19 -0
- package/dist/primitives/button.types.d.ts +34 -0
- package/dist/primitives/button.types.d.ts.map +1 -0
- package/dist/primitives/button.types.js +0 -0
- package/dist/theme/context.cjs +44 -0
- package/dist/theme/context.d.ts +96 -0
- package/dist/theme/context.d.ts.map +1 -0
- package/dist/theme/context.js +9 -0
- package/dist/theme/index.cjs +39 -0
- package/dist/theme/index.d.ts +6 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +6 -0
- package/dist/theme/style-keys.cjs +39 -0
- package/dist/theme/style-keys.d.ts +77 -0
- package/dist/theme/style-keys.d.ts.map +1 -0
- package/dist/theme/style-keys.js +5 -0
- package/dist/theme/use-style.cjs +95 -0
- package/dist/theme/use-style.d.ts +32 -0
- package/dist/theme/use-style.d.ts.map +1 -0
- package/dist/theme/use-style.js +61 -0
- package/dist/theme/utils/merge-styles.cjs +62 -0
- package/dist/theme/utils/merge-styles.d.ts +3 -0
- package/dist/theme/utils/merge-styles.d.ts.map +1 -0
- package/dist/theme/utils/merge-styles.js +28 -0
- package/dist/ui/components/accordion.cjs +204 -0
- package/dist/ui/components/accordion.css +158 -0
- package/dist/ui/components/accordion.d.ts +45 -0
- package/dist/ui/components/accordion.d.ts.map +1 -0
- package/dist/ui/components/accordion.js +164 -0
- package/dist/ui/components/button.cjs +185 -0
- package/dist/ui/components/button.css +303 -0
- package/dist/ui/components/button.d.ts +445 -0
- package/dist/ui/components/button.d.ts.map +1 -0
- package/dist/ui/components/button.js +149 -0
- package/dist/ui/components/card.cjs +80 -0
- package/dist/ui/components/card.css +55 -0
- package/dist/ui/components/card.d.ts +10 -0
- package/dist/ui/components/card.d.ts.map +1 -0
- package/dist/ui/components/card.js +41 -0
- package/dist/ui/components/icon.cjs +57 -0
- package/dist/ui/components/icon.d.ts +8 -0
- package/dist/ui/components/icon.d.ts.map +1 -0
- package/dist/ui/components/icon.js +23 -0
- package/dist/ui/components/logo.cjs +101 -0
- package/dist/ui/components/logo.d.ts +8 -0
- package/dist/ui/components/logo.d.ts.map +1 -0
- package/dist/ui/components/logo.js +67 -0
- package/dist/ui/components/switch.cjs +81 -0
- package/dist/ui/components/switch.css +135 -0
- package/dist/ui/components/switch.d.ts +25 -0
- package/dist/ui/components/switch.d.ts.map +1 -0
- package/dist/ui/components/switch.js +47 -0
- package/dist/ui/libs/cn.cjs +55 -0
- package/dist/ui/libs/cn.d.ts +11 -0
- package/dist/ui/libs/cn.d.ts.map +1 -0
- package/dist/ui/libs/cn.js +6 -0
- package/dist/ui/libs/polymorphic.cjs +19 -0
- package/dist/ui/libs/polymorphic.d.ts +15 -0
- package/dist/ui/libs/polymorphic.d.ts.map +1 -0
- package/dist/ui/libs/polymorphic.js +0 -0
- package/dist/ui/libs/recursive-clone-children.cjs +49 -0
- package/dist/ui/libs/recursive-clone-children.d.ts +14 -0
- package/dist/ui/libs/recursive-clone-children.d.ts.map +1 -0
- package/dist/ui/libs/recursive-clone-children.js +15 -0
- package/dist/ui/theme/context.cjs +6 -0
- package/dist/ui/theme/context.d.ts +2 -0
- package/dist/ui/theme/context.d.ts.map +1 -0
- package/dist/ui/theme/context.js +0 -0
- package/package.json +71 -0
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
AccordionContent: ()=>AccordionContent,
|
|
30
|
+
AccordionItem: ()=>AccordionItem,
|
|
31
|
+
ConsentManagerWidgetAccordionItem: ()=>ConsentManagerWidgetAccordionItem,
|
|
32
|
+
AccordionTrigger: ()=>AccordionTrigger,
|
|
33
|
+
Accordion: ()=>Accordion,
|
|
34
|
+
ConsentManagerWidgetAccordionArrow: ()=>ConsentManagerWidgetAccordionArrow,
|
|
35
|
+
ConsentManagerWidgetAccordionItems: ()=>ConsentManagerWidgetAccordionItems,
|
|
36
|
+
AccordionTriggerInner: ()=>AccordionTriggerInner,
|
|
37
|
+
ConsentManagerWidgetSwitch: ()=>ConsentManagerWidgetSwitch,
|
|
38
|
+
ConsentManagerWidgetAccordionTrigger: ()=>ConsentManagerWidgetAccordionTrigger,
|
|
39
|
+
AccordionItems: ()=>AccordionItems,
|
|
40
|
+
ConsentManagerWidgetAccordion: ()=>ConsentManagerWidgetAccordion,
|
|
41
|
+
ConsentManagerWidgetAccordionContent: ()=>ConsentManagerWidgetAccordionContent,
|
|
42
|
+
ConsentManagerWidgetAccordionTriggerInner: ()=>ConsentManagerWidgetAccordionTriggerInner,
|
|
43
|
+
Switch: ()=>Switch,
|
|
44
|
+
AccordionArrow: ()=>AccordionArrow
|
|
45
|
+
});
|
|
46
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
47
|
+
const external_react_namespaceObject = require("react");
|
|
48
|
+
const index_cjs_namespaceObject = require("../../common/index.cjs");
|
|
49
|
+
const use_translations_cjs_namespaceObject = require("../../common/store/use-translations.cjs");
|
|
50
|
+
const box_cjs_namespaceObject = require("../../primitives/box.cjs");
|
|
51
|
+
const accordion_cjs_namespaceObject = require("../../ui/components/accordion.cjs");
|
|
52
|
+
const switch_cjs_namespaceObject = require("../../ui/components/switch.cjs");
|
|
53
|
+
const ConsentManagerWidgetAccordionTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, themeKey, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
54
|
+
ref: ref,
|
|
55
|
+
baseClassName: "c15t-accordion-trigger",
|
|
56
|
+
themeKey: themeKey,
|
|
57
|
+
...props,
|
|
58
|
+
children: children
|
|
59
|
+
}));
|
|
60
|
+
const ConsentManagerWidgetAccordionTriggerInner = accordion_cjs_namespaceObject.Trigger;
|
|
61
|
+
const ConsentManagerWidgetAccordionContent = accordion_cjs_namespaceObject.Content;
|
|
62
|
+
const ConsentManagerWidgetAccordionArrow = accordion_cjs_namespaceObject.Arrow;
|
|
63
|
+
const ConsentManagerWidgetAccordion = accordion_cjs_namespaceObject.Root;
|
|
64
|
+
const ConsentManagerWidgetSwitch = switch_cjs_namespaceObject.Root;
|
|
65
|
+
const ConsentManagerWidgetAccordionItems = ()=>{
|
|
66
|
+
const { consents, setConsent, getDisplayedConsents } = (0, index_cjs_namespaceObject.useConsentManager)();
|
|
67
|
+
const handleConsentChange = (0, external_react_namespaceObject.useCallback)((name, checked)=>{
|
|
68
|
+
setConsent(name, checked);
|
|
69
|
+
}, [
|
|
70
|
+
setConsent
|
|
71
|
+
]);
|
|
72
|
+
function formatConsentName(name) {
|
|
73
|
+
return name.replace(/_/g, ' ').replace(/\b\w/g, (c)=>c.toUpperCase());
|
|
74
|
+
}
|
|
75
|
+
const { consentTypes } = (0, use_translations_cjs_namespaceObject.useTranslations)();
|
|
76
|
+
return getDisplayedConsents().map((consent)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ConsentManagerWidgetAccordionItem, {
|
|
77
|
+
value: consent.name,
|
|
78
|
+
themeKey: `consent-manager-widget.accordion.item-${consent.name}`,
|
|
79
|
+
children: [
|
|
80
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ConsentManagerWidgetAccordionTrigger, {
|
|
81
|
+
themeKey: "consent-manager-widget.accordion.trigger",
|
|
82
|
+
"data-testid": `consent-manager-widget-accordion-trigger-${consent.name}`,
|
|
83
|
+
children: [
|
|
84
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ConsentManagerWidgetAccordionTriggerInner, {
|
|
85
|
+
themeKey: "consent-manager-widget.accordion.trigger-inner",
|
|
86
|
+
"data-testid": `consent-manager-widget-accordion-trigger-inner-${consent.name}`,
|
|
87
|
+
children: [
|
|
88
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConsentManagerWidgetAccordionArrow, {
|
|
89
|
+
"data-testid": `consent-manager-widget-accordion-arrow-${consent.name}`
|
|
90
|
+
}),
|
|
91
|
+
consentTypes[consent.name]?.title ?? formatConsentName(consent.name)
|
|
92
|
+
]
|
|
93
|
+
}),
|
|
94
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConsentManagerWidgetSwitch, {
|
|
95
|
+
checked: consents[consent.name],
|
|
96
|
+
onClick: (e)=>e.stopPropagation(),
|
|
97
|
+
onKeyUp: (e)=>e.stopPropagation(),
|
|
98
|
+
onKeyDown: (e)=>e.stopPropagation(),
|
|
99
|
+
onCheckedChange: (checked)=>handleConsentChange(consent.name, checked),
|
|
100
|
+
disabled: consent.disabled,
|
|
101
|
+
theme: {
|
|
102
|
+
root: {
|
|
103
|
+
themeKey: 'consent-manager-widget.switch'
|
|
104
|
+
},
|
|
105
|
+
thumb: {
|
|
106
|
+
themeKey: 'consent-manager-widget.switch.thumb'
|
|
107
|
+
},
|
|
108
|
+
track: {
|
|
109
|
+
themeKey: 'consent-manager-widget.switch.track'
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"data-testid": `consent-manager-widget-switch-${consent.name}`
|
|
113
|
+
})
|
|
114
|
+
]
|
|
115
|
+
}),
|
|
116
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConsentManagerWidgetAccordionContent, {
|
|
117
|
+
theme: {
|
|
118
|
+
content: {
|
|
119
|
+
themeKey: 'consent-manager-widget.accordion.content'
|
|
120
|
+
},
|
|
121
|
+
contentInner: {
|
|
122
|
+
themeKey: 'consent-manager-widget.accordion.content'
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
"data-testid": `consent-manager-widget-accordion-content-${consent.name}`,
|
|
126
|
+
children: consentTypes[consent.name]?.description ?? consent.description
|
|
127
|
+
})
|
|
128
|
+
]
|
|
129
|
+
}, consent.name));
|
|
130
|
+
};
|
|
131
|
+
const ConsentManagerWidgetAccordionItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...rest }, forwardedRef)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Item, {
|
|
132
|
+
ref: forwardedRef,
|
|
133
|
+
...rest
|
|
134
|
+
}));
|
|
135
|
+
const AccordionTriggerInner = ConsentManagerWidgetAccordionTriggerInner;
|
|
136
|
+
const AccordionTrigger = ConsentManagerWidgetAccordionTrigger;
|
|
137
|
+
const AccordionContent = ConsentManagerWidgetAccordionContent;
|
|
138
|
+
const AccordionArrow = ConsentManagerWidgetAccordionArrow;
|
|
139
|
+
const Accordion = ConsentManagerWidgetAccordion;
|
|
140
|
+
const Switch = ConsentManagerWidgetSwitch;
|
|
141
|
+
const AccordionItems = ConsentManagerWidgetAccordionItems;
|
|
142
|
+
const AccordionItem = ConsentManagerWidgetAccordionItem;
|
|
143
|
+
var __webpack_export_target__ = exports;
|
|
144
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
145
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
146
|
+
value: true
|
|
147
|
+
});
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { type BoxProps } from '../../primitives/box';
|
|
3
|
+
import * as RadixAccordion from '../../ui/components/accordion';
|
|
4
|
+
import * as RadixSwitch from '../../ui/components/switch';
|
|
5
|
+
/**
|
|
6
|
+
* Accordion Trigger Component
|
|
7
|
+
*
|
|
8
|
+
* @remarks
|
|
9
|
+
* - Provides visual grouping for related consent options
|
|
10
|
+
* - Supports theme customization
|
|
11
|
+
* - Maintains accessibility structure
|
|
12
|
+
*/
|
|
13
|
+
declare const ConsentManagerWidgetAccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const ConsentManagerWidgetAccordionTriggerInner: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
declare const ConsentManagerWidgetAccordionContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
16
|
+
theme: {
|
|
17
|
+
content: import("../../theme").ExtendThemeKeys;
|
|
18
|
+
contentInner: import("../../theme").ExtendThemeKeys;
|
|
19
|
+
};
|
|
20
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
21
|
+
declare const ConsentManagerWidgetAccordionArrow: typeof RadixAccordion.Arrow;
|
|
22
|
+
declare const ConsentManagerWidgetAccordion: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("../../theme").ExtendThemeKeys) & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const ConsentManagerWidgetSwitch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
/**
|
|
25
|
+
* Renders a list of consent options as accordion items.
|
|
26
|
+
*
|
|
27
|
+
* @remarks
|
|
28
|
+
* Key features:
|
|
29
|
+
* - Automatically generates items from consent configuration
|
|
30
|
+
* - Handles consent state management
|
|
31
|
+
* - Implements accessible toggle controls
|
|
32
|
+
* - Supports keyboard navigation
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <ConsentManagerWidgetAccordion>
|
|
37
|
+
* <ConsentManagerWidgetAccordionItems />
|
|
38
|
+
* </ConsentManagerWidgetAccordion>
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
declare const ConsentManagerWidgetAccordionItems: () => any;
|
|
42
|
+
declare const ConsentManagerWidgetAccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
|
+
declare const AccordionTriggerInner: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLButtonElement>>;
|
|
44
|
+
declare const AccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
45
|
+
declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
46
|
+
theme: {
|
|
47
|
+
content: import("../../theme").ExtendThemeKeys;
|
|
48
|
+
contentInner: import("../../theme").ExtendThemeKeys;
|
|
49
|
+
};
|
|
50
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
51
|
+
declare const AccordionArrow: typeof RadixAccordion.Arrow;
|
|
52
|
+
declare const Accordion: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("../../theme").ExtendThemeKeys) & import("react").RefAttributes<HTMLDivElement>>;
|
|
53
|
+
declare const Switch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
declare const AccordionItems: () => any;
|
|
55
|
+
declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../theme").ExtendThemeKeys & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
56
|
+
export { ConsentManagerWidgetAccordionTrigger, ConsentManagerWidgetAccordionTriggerInner, ConsentManagerWidgetAccordionContent, ConsentManagerWidgetAccordionArrow, ConsentManagerWidgetAccordion, ConsentManagerWidgetSwitch, ConsentManagerWidgetAccordionItems, ConsentManagerWidgetAccordionItem, AccordionTrigger, AccordionTriggerInner, AccordionContent, AccordionArrow, Accordion, Switch, AccordionItems, AccordionItem, };
|
|
57
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-widget/atoms/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,wBAAwB,EAK7B,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAC;AAE1D;;;;;;;GAOG;AACH,QAAA,MAAM,oCAAoC,qGAcxC,CAAC;AAEH,QAAA,MAAM,yCAAyC,iQAAyB,CAAC;AACzE,QAAA,MAAM,oCAAoC;;;;;kDAAyB,CAAC;AACpE,QAAA,MAAM,kCAAkC,6BAAuB,CAAC;AAChE,QAAA,MAAM,6BAA6B,mXAAsB,CAAC;AAC1D,QAAA,MAAM,0BAA0B,uHAAmB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,kCAAkC,WAgEvC,CAAC;AAEF,QAAA,MAAM,iCAAiC,qTAKrC,CAAC;AAEH,QAAA,MAAM,qBAAqB,iQAA4C,CAAC;AACxE,QAAA,MAAM,gBAAgB,qGAAuC,CAAC;AAC9D,QAAA,MAAM,gBAAgB;;;;;kDAAuC,CAAC;AAC9D,QAAA,MAAM,cAAc,6BAAqC,CAAC;AAC1D,QAAA,MAAM,SAAS,mXAAgC,CAAC;AAChD,QAAA,MAAM,MAAM,uHAA6B,CAAC;AAC1C,QAAA,MAAM,cAAc,WAAqC,CAAC;AAC1D,QAAA,MAAM,aAAa,qTAAoC,CAAC;AAExD,OAAO,EACN,oCAAoC,EACpC,yCAAyC,EACzC,oCAAoC,EACpC,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,kCAAkC,EAClC,iCAAiC,EACjC,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,MAAM,EACN,cAAc,EACd,aAAa,GACb,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__ from "../../common/index.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__common_store_use_translations_js_31056175__ from "../../common/store/use-translations.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__ from "../../primitives/box.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__ from "../../ui/components/accordion.js";
|
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ui_components_switch_js_c6bdd559__ from "../../ui/components/switch.js";
|
|
8
|
+
const ConsentManagerWidgetAccordionTrigger = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, themeKey, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__.Box, {
|
|
9
|
+
ref: ref,
|
|
10
|
+
baseClassName: "c15t-accordion-trigger",
|
|
11
|
+
themeKey: themeKey,
|
|
12
|
+
...props,
|
|
13
|
+
children: children
|
|
14
|
+
}));
|
|
15
|
+
const ConsentManagerWidgetAccordionTriggerInner = __WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__.Trigger;
|
|
16
|
+
const ConsentManagerWidgetAccordionContent = __WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__.Content;
|
|
17
|
+
const ConsentManagerWidgetAccordionArrow = __WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__.Arrow;
|
|
18
|
+
const ConsentManagerWidgetAccordion = __WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__.Root;
|
|
19
|
+
const ConsentManagerWidgetSwitch = __WEBPACK_EXTERNAL_MODULE__ui_components_switch_js_c6bdd559__.Root;
|
|
20
|
+
const ConsentManagerWidgetAccordionItems = ()=>{
|
|
21
|
+
const { consents, setConsent, getDisplayedConsents } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__.useConsentManager)();
|
|
22
|
+
const handleConsentChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name, checked)=>{
|
|
23
|
+
setConsent(name, checked);
|
|
24
|
+
}, [
|
|
25
|
+
setConsent
|
|
26
|
+
]);
|
|
27
|
+
function formatConsentName(name) {
|
|
28
|
+
return name.replace(/_/g, ' ').replace(/\b\w/g, (c)=>c.toUpperCase());
|
|
29
|
+
}
|
|
30
|
+
const { consentTypes } = (0, __WEBPACK_EXTERNAL_MODULE__common_store_use_translations_js_31056175__.useTranslations)();
|
|
31
|
+
return getDisplayedConsents().map((consent)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(ConsentManagerWidgetAccordionItem, {
|
|
32
|
+
value: consent.name,
|
|
33
|
+
themeKey: `consent-manager-widget.accordion.item-${consent.name}`,
|
|
34
|
+
children: [
|
|
35
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(ConsentManagerWidgetAccordionTrigger, {
|
|
36
|
+
themeKey: "consent-manager-widget.accordion.trigger",
|
|
37
|
+
"data-testid": `consent-manager-widget-accordion-trigger-${consent.name}`,
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(ConsentManagerWidgetAccordionTriggerInner, {
|
|
40
|
+
themeKey: "consent-manager-widget.accordion.trigger-inner",
|
|
41
|
+
"data-testid": `consent-manager-widget-accordion-trigger-inner-${consent.name}`,
|
|
42
|
+
children: [
|
|
43
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ConsentManagerWidgetAccordionArrow, {
|
|
44
|
+
"data-testid": `consent-manager-widget-accordion-arrow-${consent.name}`
|
|
45
|
+
}),
|
|
46
|
+
consentTypes[consent.name]?.title ?? formatConsentName(consent.name)
|
|
47
|
+
]
|
|
48
|
+
}),
|
|
49
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ConsentManagerWidgetSwitch, {
|
|
50
|
+
checked: consents[consent.name],
|
|
51
|
+
onClick: (e)=>e.stopPropagation(),
|
|
52
|
+
onKeyUp: (e)=>e.stopPropagation(),
|
|
53
|
+
onKeyDown: (e)=>e.stopPropagation(),
|
|
54
|
+
onCheckedChange: (checked)=>handleConsentChange(consent.name, checked),
|
|
55
|
+
disabled: consent.disabled,
|
|
56
|
+
theme: {
|
|
57
|
+
root: {
|
|
58
|
+
themeKey: 'consent-manager-widget.switch'
|
|
59
|
+
},
|
|
60
|
+
thumb: {
|
|
61
|
+
themeKey: 'consent-manager-widget.switch.thumb'
|
|
62
|
+
},
|
|
63
|
+
track: {
|
|
64
|
+
themeKey: 'consent-manager-widget.switch.track'
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
"data-testid": `consent-manager-widget-switch-${consent.name}`
|
|
68
|
+
})
|
|
69
|
+
]
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ConsentManagerWidgetAccordionContent, {
|
|
72
|
+
theme: {
|
|
73
|
+
content: {
|
|
74
|
+
themeKey: 'consent-manager-widget.accordion.content'
|
|
75
|
+
},
|
|
76
|
+
contentInner: {
|
|
77
|
+
themeKey: 'consent-manager-widget.accordion.content'
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"data-testid": `consent-manager-widget-accordion-content-${consent.name}`,
|
|
81
|
+
children: consentTypes[consent.name]?.description ?? consent.description
|
|
82
|
+
})
|
|
83
|
+
]
|
|
84
|
+
}, consent.name));
|
|
85
|
+
};
|
|
86
|
+
const ConsentManagerWidgetAccordionItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...rest }, forwardedRef)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ui_components_accordion_js_8cd02b21__.Item, {
|
|
87
|
+
ref: forwardedRef,
|
|
88
|
+
...rest
|
|
89
|
+
}));
|
|
90
|
+
const AccordionTriggerInner = ConsentManagerWidgetAccordionTriggerInner;
|
|
91
|
+
const AccordionTrigger = ConsentManagerWidgetAccordionTrigger;
|
|
92
|
+
const AccordionContent = ConsentManagerWidgetAccordionContent;
|
|
93
|
+
const AccordionArrow = ConsentManagerWidgetAccordionArrow;
|
|
94
|
+
const Accordion = ConsentManagerWidgetAccordion;
|
|
95
|
+
const Switch = ConsentManagerWidgetSwitch;
|
|
96
|
+
const AccordionItems = ConsentManagerWidgetAccordionItems;
|
|
97
|
+
const AccordionItem = ConsentManagerWidgetAccordionItem;
|
|
98
|
+
export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentManagerWidgetAccordion, ConsentManagerWidgetAccordionArrow, ConsentManagerWidgetAccordionContent, ConsentManagerWidgetAccordionItem, ConsentManagerWidgetAccordionItems, ConsentManagerWidgetAccordionTrigger, ConsentManagerWidgetAccordionTriggerInner, ConsentManagerWidgetSwitch, Switch };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
SaveButton: ()=>SaveButton,
|
|
30
|
+
CustomizeButton: ()=>CustomizeButton,
|
|
31
|
+
ConsentManagerWidgetAcceptAllButton: ()=>ConsentManagerWidgetAcceptAllButton,
|
|
32
|
+
ConsentManagerWidgetSaveButton: ()=>ConsentManagerWidgetSaveButton,
|
|
33
|
+
AcceptAllButton: ()=>AcceptAllButton,
|
|
34
|
+
ConsentManagerWidgetCustomizeButton: ()=>ConsentManagerWidgetCustomizeButton
|
|
35
|
+
});
|
|
36
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
37
|
+
const external_react_namespaceObject = require("react");
|
|
38
|
+
const button_cjs_namespaceObject = require("../../primitives/button.cjs");
|
|
39
|
+
const ConsentManagerWidgetAcceptAllButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
variant: "neutral",
|
|
42
|
+
mode: "stroke",
|
|
43
|
+
size: "small",
|
|
44
|
+
action: "accept-consent",
|
|
45
|
+
...props,
|
|
46
|
+
themeKey: "consent-manager-widget.footer.accept-button",
|
|
47
|
+
"data-testid": "consent-manager-widget-footer-accept-button",
|
|
48
|
+
closeCookieBanner: true,
|
|
49
|
+
closeCustomizeDialog: true,
|
|
50
|
+
children: children
|
|
51
|
+
}));
|
|
52
|
+
const ConsentManagerWidgetCustomizeButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
53
|
+
ref: ref,
|
|
54
|
+
action: "open-consent-dialog",
|
|
55
|
+
...props,
|
|
56
|
+
themeKey: "consent-manager-widget.footer.customize-button",
|
|
57
|
+
"data-testid": "consent-manager-widget-footer-customize-button",
|
|
58
|
+
children: children
|
|
59
|
+
}));
|
|
60
|
+
const ConsentManagerWidgetSaveButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
61
|
+
ref: ref,
|
|
62
|
+
action: "custom-consent",
|
|
63
|
+
variant: "primary",
|
|
64
|
+
closeCustomizeDialog: true,
|
|
65
|
+
...props,
|
|
66
|
+
themeKey: "consent-manager-widget.footer.save-button",
|
|
67
|
+
"data-testid": "consent-manager-widget-footer-save-button",
|
|
68
|
+
children: children
|
|
69
|
+
}));
|
|
70
|
+
const AcceptAllButton = ConsentManagerWidgetAcceptAllButton;
|
|
71
|
+
const CustomizeButton = ConsentManagerWidgetCustomizeButton;
|
|
72
|
+
const SaveButton = ConsentManagerWidgetSaveButton;
|
|
73
|
+
var __webpack_export_target__ = exports;
|
|
74
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
75
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
76
|
+
value: true
|
|
77
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ConsentButtonProps } from '../../primitives/button.types';
|
|
2
|
+
/**
|
|
3
|
+
* Button to accept all available cookies.
|
|
4
|
+
*
|
|
5
|
+
* @remarks
|
|
6
|
+
* - Enables all consent options
|
|
7
|
+
* - Closes dialog after action
|
|
8
|
+
* - Triggers necessary callbacks
|
|
9
|
+
*/
|
|
10
|
+
declare const ConsentManagerWidgetAcceptAllButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const ConsentManagerWidgetCustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const ConsentManagerWidgetSaveButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
declare const AcceptAllButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
declare const CustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
declare const SaveButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
export { AcceptAllButton, CustomizeButton, SaveButton, ConsentManagerWidgetAcceptAllButton, ConsentManagerWidgetCustomizeButton, ConsentManagerWidgetSaveButton, };
|
|
17
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-widget/atoms/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE;;;;;;;GAOG;AACH,QAAA,MAAM,mCAAmC,kHAoBvC,CAAC;AAEH,QAAA,MAAM,mCAAmC,kHAevC,CAAC;AAEH,QAAA,MAAM,8BAA8B,kHAiBlC,CAAC;AAEH,QAAA,MAAM,eAAe,kHAAsC,CAAC;AAC5D,QAAA,MAAM,eAAe,kHAAsC,CAAC;AAC5D,QAAA,MAAM,UAAU,kHAAiC,CAAC;AAElD,OAAO,EACN,eAAe,EACf,eAAe,EACf,UAAU,EACV,mCAAmC,EACnC,mCAAmC,EACnC,8BAA8B,GAC9B,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__ from "../../primitives/button.js";
|
|
4
|
+
const ConsentManagerWidgetAcceptAllButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__.ConsentButton, {
|
|
5
|
+
ref: ref,
|
|
6
|
+
variant: "neutral",
|
|
7
|
+
mode: "stroke",
|
|
8
|
+
size: "small",
|
|
9
|
+
action: "accept-consent",
|
|
10
|
+
...props,
|
|
11
|
+
themeKey: "consent-manager-widget.footer.accept-button",
|
|
12
|
+
"data-testid": "consent-manager-widget-footer-accept-button",
|
|
13
|
+
closeCookieBanner: true,
|
|
14
|
+
closeCustomizeDialog: true,
|
|
15
|
+
children: children
|
|
16
|
+
}));
|
|
17
|
+
const ConsentManagerWidgetCustomizeButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__.ConsentButton, {
|
|
18
|
+
ref: ref,
|
|
19
|
+
action: "open-consent-dialog",
|
|
20
|
+
...props,
|
|
21
|
+
themeKey: "consent-manager-widget.footer.customize-button",
|
|
22
|
+
"data-testid": "consent-manager-widget-footer-customize-button",
|
|
23
|
+
children: children
|
|
24
|
+
}));
|
|
25
|
+
const ConsentManagerWidgetSaveButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__.ConsentButton, {
|
|
26
|
+
ref: ref,
|
|
27
|
+
action: "custom-consent",
|
|
28
|
+
variant: "primary",
|
|
29
|
+
closeCustomizeDialog: true,
|
|
30
|
+
...props,
|
|
31
|
+
themeKey: "consent-manager-widget.footer.save-button",
|
|
32
|
+
"data-testid": "consent-manager-widget-footer-save-button",
|
|
33
|
+
children: children
|
|
34
|
+
}));
|
|
35
|
+
const AcceptAllButton = ConsentManagerWidgetAcceptAllButton;
|
|
36
|
+
const CustomizeButton = ConsentManagerWidgetCustomizeButton;
|
|
37
|
+
const SaveButton = ConsentManagerWidgetSaveButton;
|
|
38
|
+
export { AcceptAllButton, ConsentManagerWidgetAcceptAllButton, ConsentManagerWidgetCustomizeButton, ConsentManagerWidgetSaveButton, CustomizeButton, SaveButton };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
ConsentManagerWidgetFooterSubGroup: ()=>ConsentManagerWidgetFooterSubGroup,
|
|
30
|
+
ConsentManagerWidgetFooter: ()=>ConsentManagerWidgetFooter,
|
|
31
|
+
ConsentManagerWidgetRejectButton: ()=>ConsentManagerWidgetRejectButton
|
|
32
|
+
});
|
|
33
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
|
+
const external_react_namespaceObject = require("react");
|
|
35
|
+
const box_cjs_namespaceObject = require("../../primitives/box.cjs");
|
|
36
|
+
const button_cjs_namespaceObject = require("../../primitives/button.cjs");
|
|
37
|
+
const ConsentManagerWidgetFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
38
|
+
ref: ref,
|
|
39
|
+
baseClassName: "c15t-consent-manager-widget-footer",
|
|
40
|
+
"data-testid": "consent-manager-widget-footer",
|
|
41
|
+
...props,
|
|
42
|
+
themeKey: "consent-manager-widget.footer",
|
|
43
|
+
children: children
|
|
44
|
+
}));
|
|
45
|
+
const ConsentManagerWidgetFooterSubGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
46
|
+
ref: ref,
|
|
47
|
+
baseClassName: "c15t-consent-manager-widget-footer-sub-group",
|
|
48
|
+
"data-testid": "consent-manager-widget-footer-sub-group",
|
|
49
|
+
...props,
|
|
50
|
+
themeKey: "consent-manager-widget.footer.sub-group",
|
|
51
|
+
children: children
|
|
52
|
+
}));
|
|
53
|
+
const ConsentManagerWidgetRejectButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
54
|
+
ref: ref,
|
|
55
|
+
variant: "neutral",
|
|
56
|
+
mode: "stroke",
|
|
57
|
+
size: "small",
|
|
58
|
+
action: "reject-consent",
|
|
59
|
+
...props,
|
|
60
|
+
themeKey: "consent-manager-widget.footer.reject-button",
|
|
61
|
+
"data-testid": "consent-manager-widget-reject-button",
|
|
62
|
+
closeCookieBanner: true,
|
|
63
|
+
closeCustomizeDialog: true,
|
|
64
|
+
children: children
|
|
65
|
+
}));
|
|
66
|
+
var __webpack_export_target__ = exports;
|
|
67
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
68
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
69
|
+
value: true
|
|
70
|
+
});
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type BoxProps } from '../../primitives/box';
|
|
2
|
+
import type { ConsentButtonProps } from '../../primitives/button.types';
|
|
3
|
+
/**
|
|
4
|
+
* Footer component for consent management actions.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* - Contains primary action buttons
|
|
8
|
+
* - Supports customization through theme
|
|
9
|
+
* - Maintains consistent layout
|
|
10
|
+
*/
|
|
11
|
+
export declare const ConsentManagerWidgetFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export declare const ConsentManagerWidgetFooterSubGroup: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
/**
|
|
14
|
+
* Button to reject all non-essential cookies.
|
|
15
|
+
*
|
|
16
|
+
* @remarks
|
|
17
|
+
* - Sets all optional consents to false
|
|
18
|
+
* - Maintains required consents
|
|
19
|
+
* - Closes dialog after action
|
|
20
|
+
*/
|
|
21
|
+
export declare const ConsentManagerWidgetRejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
//# sourceMappingURL=footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/consent-manager-widget/atoms/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,uHAerC,CAAC;AAEH,eAAO,MAAM,kCAAkC,qGAe7C,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,gCAAgC,kHAoB3C,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__ from "../../primitives/box.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__ from "../../primitives/button.js";
|
|
5
|
+
const ConsentManagerWidgetFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__.Box, {
|
|
6
|
+
ref: ref,
|
|
7
|
+
baseClassName: "c15t-consent-manager-widget-footer",
|
|
8
|
+
"data-testid": "consent-manager-widget-footer",
|
|
9
|
+
...props,
|
|
10
|
+
themeKey: "consent-manager-widget.footer",
|
|
11
|
+
children: children
|
|
12
|
+
}));
|
|
13
|
+
const ConsentManagerWidgetFooterSubGroup = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__.Box, {
|
|
14
|
+
ref: ref,
|
|
15
|
+
baseClassName: "c15t-consent-manager-widget-footer-sub-group",
|
|
16
|
+
"data-testid": "consent-manager-widget-footer-sub-group",
|
|
17
|
+
...props,
|
|
18
|
+
themeKey: "consent-manager-widget.footer.sub-group",
|
|
19
|
+
children: children
|
|
20
|
+
}));
|
|
21
|
+
const ConsentManagerWidgetRejectButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_c15a17d1__.ConsentButton, {
|
|
22
|
+
ref: ref,
|
|
23
|
+
variant: "neutral",
|
|
24
|
+
mode: "stroke",
|
|
25
|
+
size: "small",
|
|
26
|
+
action: "reject-consent",
|
|
27
|
+
...props,
|
|
28
|
+
themeKey: "consent-manager-widget.footer.reject-button",
|
|
29
|
+
"data-testid": "consent-manager-widget-reject-button",
|
|
30
|
+
closeCookieBanner: true,
|
|
31
|
+
closeCustomizeDialog: true,
|
|
32
|
+
children: children
|
|
33
|
+
}));
|
|
34
|
+
export { ConsentManagerWidgetFooter, ConsentManagerWidgetFooterSubGroup, ConsentManagerWidgetRejectButton };
|