@c15t/react 0.0.1-rc.9 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.cjs +41 -20
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +34 -6
- package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs +67 -32
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts +9 -3
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/dialog-card.js +26 -12
- package/dist/components/consent-manager-dialog/atoms/overlay.cjs +20 -19
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.js +7 -4
- package/dist/components/consent-manager-dialog/consent-manager-dialog.cjs +20 -16
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts +0 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.js +10 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.cjs +12 -10
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js +4 -2
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +29 -15
- package/dist/components/consent-manager-dialog/index.cjs +43 -17
- package/dist/components/consent-manager-dialog/theme.cjs +3 -4
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +41 -20
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +34 -6
- package/dist/components/consent-manager-widget/atoms/accordion.cjs +50 -24
- package/dist/components/consent-manager-widget/atoms/accordion.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/button.cjs +27 -13
- package/dist/components/consent-manager-widget/atoms/footer.cjs +19 -17
- package/dist/components/consent-manager-widget/atoms/root.cjs +10 -8
- package/dist/components/consent-manager-widget/consent-manager-widget.cjs +11 -22
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/consent-manager-widget.js +3 -14
- package/dist/components/consent-manager-widget/consent-manager-widget.module.cjs +12 -13
- package/dist/components/consent-manager-widget/consent-manager-widget.module.js +4 -5
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +24 -29
- package/dist/components/consent-manager-widget/index.cjs +87 -29
- package/dist/components/consent-manager-widget/theme.cjs +3 -4
- package/dist/components/consent-manager-widget/types.cjs +3 -4
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.cjs +189 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts +2 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts.map +1 -0
- package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.js +183 -0
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +35 -20
- package/dist/components/cookie-banner/__tests__/styles.spec.js +28 -6
- package/dist/components/cookie-banner/atoms/overlay.cjs +18 -18
- package/dist/components/cookie-banner/atoms/overlay.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/overlay.js +7 -5
- package/dist/components/cookie-banner/atoms/root.cjs +17 -17
- package/dist/components/cookie-banner/atoms/root.d.ts +14 -0
- package/dist/components/cookie-banner/atoms/root.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/root.js +6 -4
- package/dist/components/cookie-banner/components.cjs +69 -28
- package/dist/components/cookie-banner/components.d.ts.map +1 -1
- package/dist/components/cookie-banner/components.js +14 -3
- package/dist/components/cookie-banner/cookie-banner.cjs +11 -9
- package/dist/components/cookie-banner/cookie-banner.d.ts +12 -0
- package/dist/components/cookie-banner/cookie-banner.d.ts.map +1 -1
- package/dist/components/cookie-banner/cookie-banner.js +3 -1
- package/dist/components/cookie-banner/cookie-banner.module.cjs +10 -10
- package/dist/components/cookie-banner/cookie-banner.module.js +2 -2
- package/dist/components/cookie-banner/cookie-banner_module.css +7 -7
- package/dist/components/cookie-banner/error-boundary.cjs +8 -9
- package/dist/components/cookie-banner/error-boundary.d.ts +1 -1
- package/dist/components/cookie-banner/error-boundary.js +0 -1
- package/dist/components/cookie-banner/index.cjs +65 -23
- package/dist/components/cookie-banner/theme.cjs +3 -4
- package/dist/components/shared/libs/polymorphic.cjs +3 -4
- package/dist/components/shared/libs/polymorphic.d.ts +1 -7
- package/dist/components/shared/libs/polymorphic.d.ts.map +1 -1
- package/dist/components/shared/libs/recursive-clone-children.cjs +8 -8
- package/dist/components/shared/primitives/box.cjs +10 -10
- package/dist/components/shared/primitives/box.d.ts.map +1 -1
- package/dist/components/shared/primitives/box.js +3 -3
- package/dist/components/shared/primitives/button.cjs +9 -9
- package/dist/components/shared/primitives/button.d.ts +2 -102
- package/dist/components/shared/primitives/button.d.ts.map +1 -1
- package/dist/components/shared/primitives/button.js +2 -2
- package/dist/components/shared/primitives/button.types.cjs +3 -4
- package/dist/components/shared/primitives/button.types.d.ts +1 -8
- package/dist/components/shared/primitives/button.types.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.cjs +25 -17
- package/dist/components/shared/ui/accordion/accordion.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.js +8 -8
- package/dist/components/shared/ui/accordion/accordion.module.cjs +11 -11
- package/dist/components/shared/ui/accordion/accordion.module.js +3 -3
- package/dist/components/shared/ui/accordion/accordion.types.cjs +3 -4
- package/dist/components/shared/ui/accordion/accordion.types.d.ts +0 -10
- package/dist/components/shared/ui/accordion/accordion.types.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion_module.css +39 -19
- package/dist/components/shared/ui/accordion/index.cjs +7 -14
- package/dist/components/shared/ui/button/button.cjs +16 -16
- package/dist/components/shared/ui/button/button.d.ts +4 -204
- package/dist/components/shared/ui/button/button.d.ts.map +1 -1
- package/dist/components/shared/ui/button/button.module.cjs +10 -10
- package/dist/components/shared/ui/button/button.module.js +2 -2
- package/dist/components/shared/ui/button/button.types.cjs +3 -4
- package/dist/components/shared/ui/button/button_module.css +40 -19
- package/dist/components/shared/ui/button/index.cjs +7 -14
- package/dist/components/shared/ui/icon.cjs +8 -8
- package/dist/components/shared/ui/icon.d.ts.map +1 -1
- package/dist/components/shared/ui/logo.cjs +43 -54
- package/dist/components/shared/ui/logo.d.ts +3 -2
- package/dist/components/shared/ui/logo.d.ts.map +1 -1
- package/dist/components/shared/ui/logo.js +32 -46
- package/dist/components/shared/ui/switch/index.cjs +7 -14
- package/dist/components/shared/ui/switch/switch.cjs +11 -15
- package/dist/components/shared/ui/switch/switch.d.ts.map +1 -1
- package/dist/components/shared/ui/switch/switch.js +3 -3
- package/dist/components/shared/ui/switch/switch.module.cjs +10 -10
- package/dist/components/shared/ui/switch/switch.module.js +2 -2
- package/dist/components/shared/ui/switch/switch.types.cjs +3 -4
- package/dist/components/shared/ui/switch/switch_module.css +32 -10
- package/dist/context/consent-manager-context.cjs +9 -9
- package/dist/context/consent-manager-context.d.ts +29 -10
- package/dist/context/consent-manager-context.d.ts.map +1 -1
- package/dist/context/consent-manager-context.js +1 -1
- package/dist/context/theme-context.cjs +17 -9
- package/dist/context/theme-context.d.ts +16 -1
- package/dist/context/theme-context.d.ts.map +1 -1
- package/dist/context/theme-context.js +7 -1
- package/dist/hooks/__tests__/use-consent-manager.test.cjs +76 -0
- package/dist/hooks/__tests__/use-consent-manager.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-consent-manager.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-consent-manager.test.js +70 -0
- package/dist/hooks/__tests__/use-styles.test.cjs +76 -0
- package/dist/hooks/__tests__/use-styles.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-styles.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-styles.test.js +70 -0
- package/dist/hooks/__tests__/use-theme.test.cjs +86 -0
- package/dist/hooks/__tests__/use-theme.test.d.ts +2 -0
- package/dist/hooks/__tests__/use-theme.test.d.ts.map +1 -0
- package/dist/hooks/__tests__/use-theme.test.js +80 -0
- package/dist/hooks/index.cjs +23 -21
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/use-color-scheme.cjs +66 -0
- package/dist/hooks/use-color-scheme.d.ts +16 -0
- package/dist/hooks/use-color-scheme.d.ts.map +1 -0
- package/dist/hooks/use-color-scheme.js +32 -0
- package/dist/hooks/use-consent-manager.cjs +13 -9
- package/dist/hooks/use-consent-manager.d.ts +13 -5
- package/dist/hooks/use-consent-manager.d.ts.map +1 -1
- package/dist/hooks/use-consent-manager.js +5 -1
- package/dist/hooks/use-focus-trap.cjs +76 -0
- package/dist/hooks/use-focus-trap.d.ts +15 -0
- package/dist/hooks/use-focus-trap.d.ts.map +1 -0
- package/dist/hooks/use-focus-trap.js +42 -0
- package/dist/hooks/use-scroll-lock.cjs +55 -0
- package/dist/hooks/use-scroll-lock.d.ts +26 -0
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -0
- package/dist/hooks/use-scroll-lock.js +21 -0
- package/dist/{utils → hooks}/use-styles.cjs +13 -13
- package/dist/{utils → hooks}/use-styles.d.ts.map +1 -1
- package/dist/{utils → hooks}/use-styles.js +5 -5
- package/dist/hooks/use-theme.cjs +10 -12
- package/dist/hooks/use-theme.d.ts.map +1 -1
- package/dist/hooks/use-theme.js +2 -4
- package/dist/hooks/use-translations.cjs +8 -8
- package/dist/index.cjs +66 -30
- package/dist/index.d.ts +9 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -4
- package/dist/providers/__tests__/provider-basic.test.cjs +127 -0
- package/dist/providers/__tests__/provider-basic.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-basic.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-basic.test.js +121 -0
- package/dist/providers/__tests__/provider-context.test.cjs +139 -0
- package/dist/providers/__tests__/provider-context.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-context.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-context.test.js +133 -0
- package/dist/providers/__tests__/provider-errors.test.cjs +98 -0
- package/dist/providers/__tests__/provider-errors.test.d.ts +2 -0
- package/dist/providers/__tests__/provider-errors.test.d.ts.map +1 -0
- package/dist/providers/__tests__/provider-errors.test.js +92 -0
- package/dist/providers/__tests__/test-helpers.cjs +171 -0
- package/dist/providers/__tests__/test-helpers.d.ts +6 -0
- package/dist/providers/__tests__/test-helpers.d.ts.map +1 -0
- package/dist/providers/__tests__/test-helpers.js +134 -0
- package/dist/providers/consent-manager-provider.cjs +95 -38
- package/dist/providers/consent-manager-provider.d.ts +16 -2
- package/dist/providers/consent-manager-provider.d.ts.map +1 -1
- package/dist/providers/consent-manager-provider.js +87 -30
- package/dist/types/consent-manager.cjs +3 -4
- package/dist/types/consent-manager.d.ts +47 -72
- package/dist/types/consent-manager.d.ts.map +1 -1
- package/dist/types/theme/index.cjs +7 -14
- package/dist/types/theme/style-keys.cjs +3 -4
- package/dist/types/theme/style-types.cjs +3 -4
- package/dist/utils/cn.cjs +10 -16
- package/dist/utils/cn.d.ts +1 -5
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +1 -2
- package/dist/utils/merge-styles.cjs +8 -8
- package/dist/utils/test-helpers.cjs +70 -0
- package/dist/utils/test-helpers.d.ts +30 -0
- package/dist/utils/test-helpers.d.ts.map +1 -0
- package/dist/utils/test-helpers.js +33 -0
- package/dist/utils/translations.cjs +12 -8
- package/package.json +13 -12
- package/dist/components/consent-manager-dialog/__tests__/utils.cjs +0 -68
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts +0 -13
- package/dist/components/consent-manager-dialog/__tests__/utils.d.ts.map +0 -1
- package/dist/components/consent-manager-dialog/__tests__/utils.js +0 -34
- package/dist/components/consent-manager-widget/__tests__/utils.cjs +0 -68
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts +0 -13
- package/dist/components/consent-manager-widget/__tests__/utils.d.ts.map +0 -1
- package/dist/components/consent-manager-widget/__tests__/utils.js +0 -34
- package/dist/components/consent-manager-widget/atoms/logo.cjs +0 -101
- package/dist/components/consent-manager-widget/atoms/logo.d.ts +0 -8
- package/dist/components/consent-manager-widget/atoms/logo.d.ts.map +0 -1
- package/dist/components/consent-manager-widget/atoms/logo.js +0 -67
- package/dist/components/cookie-banner/__tests__/utils.cjs +0 -67
- package/dist/components/cookie-banner/__tests__/utils.d.ts +0 -13
- package/dist/components/cookie-banner/__tests__/utils.d.ts.map +0 -1
- package/dist/components/cookie-banner/__tests__/utils.js +0 -33
- /package/dist/{utils → hooks}/use-styles.d.ts +0 -0
package/dist/utils/cn.cjs
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __webpack_require__ = {};
|
|
3
3
|
(()=>{
|
|
4
|
-
__webpack_require__.n =
|
|
5
|
-
var getter = module && module.__esModule ?
|
|
6
|
-
return module['default'];
|
|
7
|
-
} : function() {
|
|
8
|
-
return module;
|
|
9
|
-
};
|
|
4
|
+
__webpack_require__.n = (module)=>{
|
|
5
|
+
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
|
|
10
6
|
__webpack_require__.d(getter, {
|
|
11
7
|
a: getter
|
|
12
8
|
});
|
|
@@ -14,7 +10,7 @@ var __webpack_require__ = {};
|
|
|
14
10
|
};
|
|
15
11
|
})();
|
|
16
12
|
(()=>{
|
|
17
|
-
__webpack_require__.d =
|
|
13
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
18
14
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
19
15
|
enumerable: true,
|
|
20
16
|
get: definition[key]
|
|
@@ -22,12 +18,10 @@ var __webpack_require__ = {};
|
|
|
22
18
|
};
|
|
23
19
|
})();
|
|
24
20
|
(()=>{
|
|
25
|
-
__webpack_require__.o =
|
|
26
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
27
|
-
};
|
|
21
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
28
22
|
})();
|
|
29
23
|
(()=>{
|
|
30
|
-
__webpack_require__.r =
|
|
24
|
+
__webpack_require__.r = (exports1)=>{
|
|
31
25
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
32
26
|
value: 'Module'
|
|
33
27
|
});
|
|
@@ -39,7 +33,6 @@ var __webpack_require__ = {};
|
|
|
39
33
|
var __webpack_exports__ = {};
|
|
40
34
|
__webpack_require__.r(__webpack_exports__);
|
|
41
35
|
__webpack_require__.d(__webpack_exports__, {
|
|
42
|
-
cn: ()=>cn,
|
|
43
36
|
cnExt: ()=>cnExt
|
|
44
37
|
});
|
|
45
38
|
const external_clsx_namespaceObject = require("clsx");
|
|
@@ -47,9 +40,10 @@ var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_na
|
|
|
47
40
|
function cnExt(...classes) {
|
|
48
41
|
return external_clsx_default()(...classes);
|
|
49
42
|
}
|
|
50
|
-
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
exports.cnExt = __webpack_exports__.cnExt;
|
|
44
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
45
|
+
"cnExt"
|
|
46
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
47
|
+
Object.defineProperty(exports, '__esModule', {
|
|
54
48
|
value: true
|
|
55
49
|
});
|
package/dist/utils/cn.d.ts
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type ClassValue } from 'clsx';
|
|
2
2
|
export type { ClassValue } from 'clsx';
|
|
3
3
|
/**
|
|
4
4
|
* Utilizes `clsx` with `tailwind-merge`, use in cases of possible class conflicts.
|
|
5
5
|
*/
|
|
6
6
|
export declare function cnExt(...classes: ClassValue[]): string;
|
|
7
|
-
/**
|
|
8
|
-
* A direct export of `clsx` without `tailwind-merge`.
|
|
9
|
-
*/
|
|
10
|
-
export declare const cn: typeof clsx;
|
|
11
7
|
//# sourceMappingURL=cn.d.ts.map
|
package/dist/utils/cn.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC;;GAEG;AACH,wBAAgB,KAAK,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,UAE7C"}
|
package/dist/utils/cn.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __webpack_require__ = {};
|
|
3
3
|
(()=>{
|
|
4
|
-
__webpack_require__.d =
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
5
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: definition[key]
|
|
@@ -9,12 +9,10 @@ var __webpack_require__ = {};
|
|
|
9
9
|
};
|
|
10
10
|
})();
|
|
11
11
|
(()=>{
|
|
12
|
-
__webpack_require__.o =
|
|
13
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
-
};
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
13
|
})();
|
|
16
14
|
(()=>{
|
|
17
|
-
__webpack_require__.r =
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
18
16
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
17
|
value: 'Module'
|
|
20
18
|
});
|
|
@@ -55,8 +53,10 @@ function mergeStyles(style1, style2) {
|
|
|
55
53
|
style: Object.keys(style).length > 0 ? style : void 0
|
|
56
54
|
};
|
|
57
55
|
}
|
|
58
|
-
|
|
59
|
-
for(var __webpack_i__ in __webpack_exports__)
|
|
60
|
-
|
|
56
|
+
exports.mergeStyles = __webpack_exports__.mergeStyles;
|
|
57
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
58
|
+
"mergeStyles"
|
|
59
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
60
|
+
Object.defineProperty(exports, '__esModule', {
|
|
61
61
|
value: true
|
|
62
62
|
});
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
default: ()=>test_helpers,
|
|
28
|
+
testComponentStyles: ()=>testComponentStyles
|
|
29
|
+
});
|
|
30
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
+
const external_vitest_namespaceObject = require("vitest");
|
|
32
|
+
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
33
|
+
const consent_manager_provider_cjs_namespaceObject = require("../providers/consent-manager-provider.cjs");
|
|
34
|
+
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
35
|
+
const { container } = (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
|
|
36
|
+
options: {
|
|
37
|
+
mode: 'offline',
|
|
38
|
+
react: {
|
|
39
|
+
noStyle
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
children: component
|
|
43
|
+
}));
|
|
44
|
+
await new Promise((resolve)=>setTimeout(resolve, 50));
|
|
45
|
+
for (const { testId, styles } of testCases){
|
|
46
|
+
const elementInContainer = container.querySelector(`[data-testid="${testId}"]`);
|
|
47
|
+
const elementInBody = document.body.querySelector(`[data-testid="${testId}"]`);
|
|
48
|
+
const element = elementInContainer || elementInBody;
|
|
49
|
+
if (!element) {
|
|
50
|
+
console.warn(`Element with testId "${testId}" not found in DOM`);
|
|
51
|
+
(0, external_vitest_namespaceObject.expect)(true).toBe(true);
|
|
52
|
+
continue;
|
|
53
|
+
}
|
|
54
|
+
(0, external_vitest_namespaceObject.expect)(element).toBeTruthy();
|
|
55
|
+
if ('string' == typeof styles && styles) if (noStyle) (0, external_vitest_namespaceObject.expect)(element.className).toBe(styles);
|
|
56
|
+
else (0, external_vitest_namespaceObject.expect)(element.className).toContain(styles);
|
|
57
|
+
else if ('object' == typeof styles && styles?.className) if (noStyle) (0, external_vitest_namespaceObject.expect)(element.className).toBe(styles.className);
|
|
58
|
+
else (0, external_vitest_namespaceObject.expect)(element.className).toContain(styles.className);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
const test_helpers = testComponentStyles;
|
|
62
|
+
exports["default"] = __webpack_exports__["default"];
|
|
63
|
+
exports.testComponentStyles = __webpack_exports__.testComponentStyles;
|
|
64
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
65
|
+
"default",
|
|
66
|
+
"testComponentStyles"
|
|
67
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
68
|
+
Object.defineProperty(exports, '__esModule', {
|
|
69
|
+
value: true
|
|
70
|
+
});
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ThemeValue } from '../types/theme';
|
|
3
|
+
interface ComponentStyles {
|
|
4
|
+
component: ReactNode;
|
|
5
|
+
testCases: {
|
|
6
|
+
testId: string;
|
|
7
|
+
styles: string | ThemeValue;
|
|
8
|
+
}[];
|
|
9
|
+
noStyle?: boolean;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A robust test utility to verify components render correctly with applied styles.
|
|
13
|
+
*
|
|
14
|
+
* This function:
|
|
15
|
+
* - Handles both direct container elements and portal-rendered elements
|
|
16
|
+
* - Performs basic className checks
|
|
17
|
+
* - Is tolerant of browser-specific style differences
|
|
18
|
+
* - Works with string classNames and object style formats
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* await testComponentStyles({
|
|
23
|
+
* component: <MyComponent theme={{ root: 'custom-class' }} />,
|
|
24
|
+
* testCases: [{ testId: 'my-component-root', styles: 'custom-class' }]
|
|
25
|
+
* });
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare function testComponentStyles({ component, testCases, noStyle, }: ComponentStyles): Promise<void>;
|
|
29
|
+
export default testComponentStyles;
|
|
30
|
+
//# sourceMappingURL=test-helpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/test-helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,eAAe;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;KAC5B,EAAE,CAAC;IACJ,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,mBAAmB,CAAC,EACzC,SAAS,EACT,SAAS,EACT,OAAe,GACf,EAAE,eAAe,iBA4DjB;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_eff83297__ from "../providers/consent-manager-provider.js";
|
|
5
|
+
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
6
|
+
const { container } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_eff83297__.ConsentManagerProvider, {
|
|
7
|
+
options: {
|
|
8
|
+
mode: 'offline',
|
|
9
|
+
react: {
|
|
10
|
+
noStyle
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
children: component
|
|
14
|
+
}));
|
|
15
|
+
await new Promise((resolve)=>setTimeout(resolve, 50));
|
|
16
|
+
for (const { testId, styles } of testCases){
|
|
17
|
+
const elementInContainer = container.querySelector(`[data-testid="${testId}"]`);
|
|
18
|
+
const elementInBody = document.body.querySelector(`[data-testid="${testId}"]`);
|
|
19
|
+
const element = elementInContainer || elementInBody;
|
|
20
|
+
if (!element) {
|
|
21
|
+
console.warn(`Element with testId "${testId}" not found in DOM`);
|
|
22
|
+
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(true).toBe(true);
|
|
23
|
+
continue;
|
|
24
|
+
}
|
|
25
|
+
(0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element).toBeTruthy();
|
|
26
|
+
if ('string' == typeof styles && styles) if (noStyle) (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element.className).toBe(styles);
|
|
27
|
+
else (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element.className).toContain(styles);
|
|
28
|
+
else if ('object' == typeof styles && styles?.className) if (noStyle) (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element.className).toBe(styles.className);
|
|
29
|
+
else (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(element.className).toContain(styles.className);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
const test_helpers = testComponentStyles;
|
|
33
|
+
export { test_helpers as default, testComponentStyles };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use strict";
|
|
3
3
|
var __webpack_require__ = {};
|
|
4
4
|
(()=>{
|
|
5
|
-
__webpack_require__.d =
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
6
|
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: definition[key]
|
|
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
|
|
|
10
10
|
};
|
|
11
11
|
})();
|
|
12
12
|
(()=>{
|
|
13
|
-
__webpack_require__.o =
|
|
14
|
-
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
-
};
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
16
14
|
})();
|
|
17
15
|
(()=>{
|
|
18
|
-
__webpack_require__.r =
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
19
17
|
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
18
|
value: 'Module'
|
|
21
19
|
});
|
|
@@ -79,8 +77,14 @@ function detectBrowserLanguage(translations, defaultLanguage, disableAutoSwitch
|
|
|
79
77
|
}
|
|
80
78
|
return 'en';
|
|
81
79
|
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
exports.deepMergeTranslations = __webpack_exports__.deepMergeTranslations;
|
|
81
|
+
exports.detectBrowserLanguage = __webpack_exports__.detectBrowserLanguage;
|
|
82
|
+
exports.mergeTranslationConfigs = __webpack_exports__.mergeTranslationConfigs;
|
|
83
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
84
|
+
"deepMergeTranslations",
|
|
85
|
+
"detectBrowserLanguage",
|
|
86
|
+
"mergeTranslationConfigs"
|
|
87
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
88
|
+
Object.defineProperty(exports, '__esModule', {
|
|
85
89
|
value: true
|
|
86
90
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c15t/react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"license": "GPL-3.0-only",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"type": "module",
|
|
@@ -58,21 +58,23 @@
|
|
|
58
58
|
"not op_mini all"
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@radix-ui/react-accordion": "1.2.
|
|
62
|
-
"@radix-ui/react-slot": "1.
|
|
63
|
-
"@radix-ui/react-switch": "1.1.
|
|
61
|
+
"@radix-ui/react-accordion": "1.2.4",
|
|
62
|
+
"@radix-ui/react-slot": "1.2.0",
|
|
63
|
+
"@radix-ui/react-switch": "1.1.4",
|
|
64
64
|
"clsx": "2.1.1",
|
|
65
|
-
"motion": "^12.
|
|
66
|
-
"tailwind-variants": "^0.
|
|
65
|
+
"motion": "^12.6.5",
|
|
66
|
+
"tailwind-variants": "^1.0.0",
|
|
67
67
|
"zustand": "^5.0.3",
|
|
68
|
-
"c15t": "
|
|
68
|
+
"c15t": "1.0.1"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@c15t/
|
|
71
|
+
"@c15t/backend": "1.0.0",
|
|
72
|
+
"@c15t/typescript-config": "0.0.1-beta.1",
|
|
73
|
+
"@c15t/vitest-config": "1.0.0"
|
|
72
74
|
},
|
|
73
75
|
"peerDependencies": {
|
|
74
|
-
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
75
|
-
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
76
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
77
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
76
78
|
},
|
|
77
79
|
"publishConfig": {
|
|
78
80
|
"access": "public"
|
|
@@ -81,10 +83,9 @@
|
|
|
81
83
|
"build": "rslib build",
|
|
82
84
|
"check-types": "tsc --noEmit",
|
|
83
85
|
"dev": "rslib build --watch",
|
|
84
|
-
"fmt": "pnpm biome format --write .",
|
|
86
|
+
"fmt": "pnpm biome format --write . && biome check --formatter-enabled=false --linter-enabled=false --organize-imports-enabled=true --write",
|
|
85
87
|
"lint": "pnpm biome lint ./src",
|
|
86
88
|
"test": "vitest run",
|
|
87
|
-
"test:coverage": "vitest run --coverage",
|
|
88
89
|
"test:watch": "vitest"
|
|
89
90
|
}
|
|
90
91
|
}
|
|
@@ -1,68 +0,0 @@
|
|
|
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
|
-
default: ()=>utils_rslib_entry_
|
|
30
|
-
});
|
|
31
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
|
-
const external_vitest_namespaceObject = require("vitest");
|
|
33
|
-
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
34
|
-
const consent_manager_provider_cjs_namespaceObject = require("../../../providers/consent-manager-provider.cjs");
|
|
35
|
-
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
36
|
-
const { getByTestId } = (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
|
|
37
|
-
noStyle: noStyle,
|
|
38
|
-
children: component
|
|
39
|
-
}));
|
|
40
|
-
for (const { testId, styles } of testCases){
|
|
41
|
-
const element = getByTestId(testId);
|
|
42
|
-
if ('string' == typeof styles || styles?.className) {
|
|
43
|
-
const classNames = 'string' == typeof styles ? styles : styles?.className;
|
|
44
|
-
if (classNames) await external_vitest_namespaceObject.expect.element(element).toHaveClass(classNames, {
|
|
45
|
-
exact: noStyle
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
if ('object' == typeof styles && styles?.style) {
|
|
49
|
-
const styleEntries = Object.entries(styles.style).map(([key, value])=>{
|
|
50
|
-
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
51
|
-
return [
|
|
52
|
-
cssKey,
|
|
53
|
-
value
|
|
54
|
-
];
|
|
55
|
-
});
|
|
56
|
-
await new Promise((resolve)=>setTimeout(resolve, 100));
|
|
57
|
-
for (const [property, value] of styleEntries)await external_vitest_namespaceObject.expect.element(element).toHaveStyle({
|
|
58
|
-
[property]: value
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
const utils_rslib_entry_ = testComponentStyles;
|
|
64
|
-
var __webpack_export_target__ = exports;
|
|
65
|
-
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
66
|
-
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
67
|
-
value: true
|
|
68
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ThemeValue } from '../../../types/theme';
|
|
3
|
-
interface ComponentStyles {
|
|
4
|
-
component: ReactNode;
|
|
5
|
-
testCases: {
|
|
6
|
-
testId: string;
|
|
7
|
-
styles: string | ThemeValue;
|
|
8
|
-
}[];
|
|
9
|
-
noStyle?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare function testComponentStyles({ component, testCases, noStyle, }: ComponentStyles): Promise<void>;
|
|
12
|
-
export default testComponentStyles;
|
|
13
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/__tests__/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,eAAe;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;KAC5B,EAAE,CAAC;IACJ,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAe,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,OAAe,GACf,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA0CjC;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__ from "../../../providers/consent-manager-provider.js";
|
|
5
|
-
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
6
|
-
const { getByTestId } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
|
|
7
|
-
noStyle: noStyle,
|
|
8
|
-
children: component
|
|
9
|
-
}));
|
|
10
|
-
for (const { testId, styles } of testCases){
|
|
11
|
-
const element = getByTestId(testId);
|
|
12
|
-
if ('string' == typeof styles || styles?.className) {
|
|
13
|
-
const classNames = 'string' == typeof styles ? styles : styles?.className;
|
|
14
|
-
if (classNames) await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveClass(classNames, {
|
|
15
|
-
exact: noStyle
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
if ('object' == typeof styles && styles?.style) {
|
|
19
|
-
const styleEntries = Object.entries(styles.style).map(([key, value])=>{
|
|
20
|
-
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
21
|
-
return [
|
|
22
|
-
cssKey,
|
|
23
|
-
value
|
|
24
|
-
];
|
|
25
|
-
});
|
|
26
|
-
await new Promise((resolve)=>setTimeout(resolve, 100));
|
|
27
|
-
for (const [property, value] of styleEntries)await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveStyle({
|
|
28
|
-
[property]: value
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
const utils_rslib_entry_ = testComponentStyles;
|
|
34
|
-
export { utils_rslib_entry_ as default };
|
|
@@ -1,68 +0,0 @@
|
|
|
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
|
-
default: ()=>utils_rslib_entry_
|
|
30
|
-
});
|
|
31
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
|
-
const external_vitest_namespaceObject = require("vitest");
|
|
33
|
-
const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
|
|
34
|
-
const consent_manager_provider_cjs_namespaceObject = require("../../../providers/consent-manager-provider.cjs");
|
|
35
|
-
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
36
|
-
const { getByTestId } = (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
|
|
37
|
-
noStyle: noStyle,
|
|
38
|
-
children: component
|
|
39
|
-
}));
|
|
40
|
-
for (const { testId, styles } of testCases){
|
|
41
|
-
const element = getByTestId(testId);
|
|
42
|
-
if ('string' == typeof styles || styles?.className) {
|
|
43
|
-
const classNames = 'string' == typeof styles ? styles : styles?.className;
|
|
44
|
-
if (classNames) await external_vitest_namespaceObject.expect.element(element).toHaveClass(classNames, {
|
|
45
|
-
exact: noStyle
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
if ('object' == typeof styles && styles?.style) {
|
|
49
|
-
const styleEntries = Object.entries(styles.style).map(([key, value])=>{
|
|
50
|
-
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
51
|
-
return [
|
|
52
|
-
cssKey,
|
|
53
|
-
value
|
|
54
|
-
];
|
|
55
|
-
});
|
|
56
|
-
await new Promise((resolve)=>setTimeout(resolve, 100));
|
|
57
|
-
for (const [property, value] of styleEntries)await external_vitest_namespaceObject.expect.element(element).toHaveStyle({
|
|
58
|
-
[property]: value
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
const utils_rslib_entry_ = testComponentStyles;
|
|
64
|
-
var __webpack_export_target__ = exports;
|
|
65
|
-
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
66
|
-
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
67
|
-
value: true
|
|
68
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ThemeValue } from '../../../types/theme';
|
|
3
|
-
interface ComponentStyles {
|
|
4
|
-
component: ReactNode;
|
|
5
|
-
testCases: {
|
|
6
|
-
testId: string;
|
|
7
|
-
styles: string | ThemeValue;
|
|
8
|
-
}[];
|
|
9
|
-
noStyle?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare function testComponentStyles({ component, testCases, noStyle, }: ComponentStyles): Promise<void>;
|
|
12
|
-
export default testComponentStyles;
|
|
13
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/__tests__/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,eAAe;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;KAC5B,EAAE,CAAC;IACJ,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAe,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,OAAe,GACf,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA0CjC;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__ from "vitest-browser-react";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__ from "../../../providers/consent-manager-provider.js";
|
|
5
|
-
async function testComponentStyles({ component, testCases, noStyle = false }) {
|
|
6
|
-
const { getByTestId } = (0, __WEBPACK_EXTERNAL_MODULE_vitest_browser_react_6a851916__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__providers_consent_manager_provider_js_47c65d87__.ConsentManagerProvider, {
|
|
7
|
-
noStyle: noStyle,
|
|
8
|
-
children: component
|
|
9
|
-
}));
|
|
10
|
-
for (const { testId, styles } of testCases){
|
|
11
|
-
const element = getByTestId(testId);
|
|
12
|
-
if ('string' == typeof styles || styles?.className) {
|
|
13
|
-
const classNames = 'string' == typeof styles ? styles : styles?.className;
|
|
14
|
-
if (classNames) await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveClass(classNames, {
|
|
15
|
-
exact: noStyle
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
if ('object' == typeof styles && styles?.style) {
|
|
19
|
-
const styleEntries = Object.entries(styles.style).map(([key, value])=>{
|
|
20
|
-
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
21
|
-
return [
|
|
22
|
-
cssKey,
|
|
23
|
-
value
|
|
24
|
-
];
|
|
25
|
-
});
|
|
26
|
-
await new Promise((resolve)=>setTimeout(resolve, 100));
|
|
27
|
-
for (const [property, value] of styleEntries)await __WEBPACK_EXTERNAL_MODULE_vitest__.expect.element(element).toHaveStyle({
|
|
28
|
-
[property]: value
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
const utils_rslib_entry_ = testComponentStyles;
|
|
34
|
-
export { utils_rslib_entry_ as default };
|