@c15t/dev-tools 1.7.1 → 1.8.0-canary-20251112105612
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/CHANGELOG.md +16 -2
- package/README.md +2 -2
- package/dist/components/error-state.js +15 -15
- package/dist/components/header.js +10 -10
- package/dist/components/ui/accordion.cjs +3 -3
- package/dist/components/ui/accordion.js +13 -13
- package/dist/components/ui/alert.cjs +2 -2
- package/dist/components/ui/alert.js +7 -7
- package/dist/components/ui/badge.cjs +2 -2
- package/dist/components/ui/badge.js +6 -6
- package/dist/components/ui/button.js +8 -8
- package/dist/components/ui/card.cjs +3 -3
- package/dist/components/ui/card.js +8 -8
- package/dist/components/ui/expandable-tabs.js +15 -15
- package/dist/components/ui/logo.js +11 -11
- package/dist/components/ui/scroll-area.css +0 -1
- package/dist/components/ui/scroll-area.js +11 -11
- package/dist/components/ui/switch.js +6 -6
- package/dist/components/ui/tooltip.cjs +3 -3
- package/dist/components/ui/tooltip.js +9 -9
- package/dist/components/wrapper.js +23 -23
- package/dist/dev-tool.cjs +2 -2
- package/dist/dev-tool.js +20 -20
- package/dist/index.js +2 -3
- package/dist/libs/utils.js +3 -3
- package/dist/router/router.js +23 -23
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,25 @@
|
|
|
1
1
|
# @c15t/dev-tools
|
|
2
2
|
|
|
3
|
-
## 1.
|
|
3
|
+
## 1.8.0-canary-20251112105612
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 6e3034c: refactor: update rslib to latest version
|
|
8
|
+
- Updated dependencies [31953f4]
|
|
9
|
+
- Updated dependencies [7043a2e]
|
|
10
|
+
- Updated dependencies [6e3034c]
|
|
11
|
+
- Updated dependencies [bee7789]
|
|
12
|
+
- Updated dependencies [b3df4d0]
|
|
13
|
+
- Updated dependencies [69d6680]
|
|
14
|
+
- c15t@1.8.0-canary-20251112105612
|
|
15
|
+
|
|
16
|
+
## 1.8.0-canary-20251028143243
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
6
19
|
|
|
7
20
|
- Updated dependencies [8f3f146]
|
|
8
|
-
|
|
21
|
+
- Updated dependencies [a0fab48]
|
|
22
|
+
- c15t@1.8.0-canary-20251028143243
|
|
9
23
|
|
|
10
24
|
## 1.7.0
|
|
11
25
|
|
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
[](https://github.com/c15t/c15t)
|
|
13
13
|
[](https://github.com/c15t/c15t/actions/workflows/ci.yml)
|
|
14
14
|
[](https://github.com/c15t/c15t/blob/main/LICENSE.md)
|
|
15
|
-
[](https://c15t.
|
|
15
|
+
[](https://c15t.link/discord)
|
|
16
16
|
[](https://www.npmjs.com/package/@c15t/dev-tools)
|
|
17
17
|
[](https://github.com/c15t/c15t)
|
|
18
18
|
[](https://github.com/c15t/c15t/commits/main)
|
|
@@ -55,7 +55,7 @@ For further information, guides, and examples visit the [reference documentation
|
|
|
55
55
|
|
|
56
56
|
## Support
|
|
57
57
|
|
|
58
|
-
- Join our [Discord community](https://c15t.
|
|
58
|
+
- Join our [Discord community](https://c15t.link/discord)
|
|
59
59
|
- Open an issue on our [GitHub repository](https://github.com/c15t/c15t/issues)
|
|
60
60
|
- Visit [consent.io](https://consent.io) and use the chat widget
|
|
61
61
|
- Contact our support team via email [support@consent.io](mailto:support@consent.io)
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AlertCircle } from "lucide-react";
|
|
3
|
+
import { motion } from "motion/react";
|
|
4
|
+
import { Alert, AlertDescription, AlertTitle } from "./ui/alert.js";
|
|
5
5
|
import "./error-state.css";
|
|
6
6
|
function ErrorState({ namespace }) {
|
|
7
|
-
return /*#__PURE__*/
|
|
7
|
+
return /*#__PURE__*/ jsx(motion.div, {
|
|
8
8
|
className: "c15t-devtool-error-container",
|
|
9
9
|
initial: {
|
|
10
10
|
opacity: 0
|
|
@@ -15,41 +15,41 @@ function ErrorState({ namespace }) {
|
|
|
15
15
|
exit: {
|
|
16
16
|
opacity: 0
|
|
17
17
|
},
|
|
18
|
-
children: /*#__PURE__*/
|
|
18
|
+
children: /*#__PURE__*/ jsxs(Alert, {
|
|
19
19
|
variant: "destructive",
|
|
20
20
|
className: "c15t-devtool-error-alert",
|
|
21
21
|
children: [
|
|
22
|
-
/*#__PURE__*/
|
|
22
|
+
/*#__PURE__*/ jsx(AlertCircle, {
|
|
23
23
|
className: "c15t-devtool-error-icon"
|
|
24
24
|
}),
|
|
25
|
-
/*#__PURE__*/
|
|
25
|
+
/*#__PURE__*/ jsx(AlertTitle, {
|
|
26
26
|
className: "c15t-devtool-error-title",
|
|
27
27
|
children: "SDK Initialization Failed"
|
|
28
28
|
}),
|
|
29
|
-
/*#__PURE__*/
|
|
29
|
+
/*#__PURE__*/ jsxs(AlertDescription, {
|
|
30
30
|
className: "c15t-devtool-error-description",
|
|
31
31
|
children: [
|
|
32
|
-
/*#__PURE__*/
|
|
32
|
+
/*#__PURE__*/ jsx("p", {
|
|
33
33
|
className: "c15t-devtool-error-message",
|
|
34
34
|
children: "The c15t SDK could not be found in the global scope. This usually means either:"
|
|
35
35
|
}),
|
|
36
|
-
/*#__PURE__*/
|
|
36
|
+
/*#__PURE__*/ jsxs("ul", {
|
|
37
37
|
className: "c15t-devtool-error-list",
|
|
38
38
|
children: [
|
|
39
|
-
/*#__PURE__*/
|
|
39
|
+
/*#__PURE__*/ jsx("li", {
|
|
40
40
|
children: "The namespace has been changed from its default value"
|
|
41
41
|
}),
|
|
42
|
-
/*#__PURE__*/
|
|
42
|
+
/*#__PURE__*/ jsx("li", {
|
|
43
43
|
children: "The SDK initialization failed"
|
|
44
44
|
})
|
|
45
45
|
]
|
|
46
46
|
}),
|
|
47
|
-
namespace && /*#__PURE__*/
|
|
47
|
+
namespace && /*#__PURE__*/ jsxs("p", {
|
|
48
48
|
className: "c15t-devtool-error-namespace",
|
|
49
49
|
children: [
|
|
50
50
|
"Current namespace:",
|
|
51
51
|
' ',
|
|
52
|
-
/*#__PURE__*/
|
|
52
|
+
/*#__PURE__*/ jsx("code", {
|
|
53
53
|
className: "c15t-devtool-error-code",
|
|
54
54
|
children: namespace
|
|
55
55
|
})
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { X } from "lucide-react";
|
|
3
|
+
import { Button } from "./ui/button.js";
|
|
4
4
|
import "./header.css";
|
|
5
|
-
import
|
|
5
|
+
import { C15TIcon } from "./ui/logo.js";
|
|
6
6
|
function Header({ onClose }) {
|
|
7
|
-
return /*#__PURE__*/
|
|
7
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
8
8
|
className: "c15t-devtool-header",
|
|
9
9
|
children: [
|
|
10
|
-
/*#__PURE__*/
|
|
10
|
+
/*#__PURE__*/ jsx("div", {
|
|
11
11
|
className: "c15t-devtool-header-title",
|
|
12
|
-
children: /*#__PURE__*/
|
|
12
|
+
children: /*#__PURE__*/ jsx(C15TIcon, {
|
|
13
13
|
className: "c15t-devtool-header-logo"
|
|
14
14
|
})
|
|
15
15
|
}),
|
|
16
|
-
/*#__PURE__*/
|
|
16
|
+
/*#__PURE__*/ jsx("div", {
|
|
17
17
|
className: "c15t-devtool-header-actions",
|
|
18
|
-
children: onClose && /*#__PURE__*/
|
|
18
|
+
children: onClose && /*#__PURE__*/ jsx(Button, {
|
|
19
19
|
variant: "ghost",
|
|
20
20
|
size: "icon",
|
|
21
21
|
onClick: onClose,
|
|
22
22
|
"aria-label": "Close",
|
|
23
|
-
children: /*#__PURE__*/
|
|
23
|
+
children: /*#__PURE__*/ jsx(X, {
|
|
24
24
|
className: "h-4 w-4"
|
|
25
25
|
})
|
|
26
26
|
})
|
|
@@ -25,10 +25,10 @@ var __webpack_require__ = {};
|
|
|
25
25
|
var __webpack_exports__ = {};
|
|
26
26
|
__webpack_require__.r(__webpack_exports__);
|
|
27
27
|
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
|
|
29
|
-
AccordionContent: ()=>AccordionContent,
|
|
28
|
+
AccordionItem: ()=>AccordionItem,
|
|
30
29
|
Accordion: ()=>Accordion,
|
|
31
|
-
|
|
30
|
+
AccordionContent: ()=>AccordionContent,
|
|
31
|
+
AccordionTrigger: ()=>AccordionTrigger
|
|
32
32
|
});
|
|
33
33
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
34
|
const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
|
|
4
|
+
import { ChevronDown } from "lucide-react";
|
|
5
|
+
import { forwardRef } from "react";
|
|
6
6
|
import "./accordion.css";
|
|
7
|
-
const Accordion =
|
|
8
|
-
const AccordionItem = /*#__PURE__*/
|
|
7
|
+
const Accordion = Root;
|
|
8
|
+
const AccordionItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
|
|
9
9
|
ref: ref,
|
|
10
10
|
className: `c15t-devtool-accordion-item ${className || ''}`,
|
|
11
11
|
...props
|
|
12
12
|
}));
|
|
13
13
|
AccordionItem.displayName = 'AccordionItem';
|
|
14
|
-
const AccordionTrigger = /*#__PURE__*/
|
|
14
|
+
const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Header, {
|
|
15
15
|
className: "flex",
|
|
16
|
-
children: /*#__PURE__*/
|
|
16
|
+
children: /*#__PURE__*/ jsxs(Trigger, {
|
|
17
17
|
ref: ref,
|
|
18
18
|
className: `c15t-devtool-accordion-trigger ${className || ''}`,
|
|
19
19
|
...props,
|
|
20
20
|
children: [
|
|
21
21
|
children,
|
|
22
|
-
/*#__PURE__*/
|
|
22
|
+
/*#__PURE__*/ jsx(ChevronDown, {
|
|
23
23
|
className: "c15t-devtool-accordion-chevron h-4 w-4"
|
|
24
24
|
})
|
|
25
25
|
]
|
|
26
26
|
})
|
|
27
27
|
}));
|
|
28
|
-
AccordionTrigger.displayName =
|
|
29
|
-
const AccordionContent = /*#__PURE__*/
|
|
28
|
+
AccordionTrigger.displayName = Trigger.displayName;
|
|
29
|
+
const AccordionContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
|
|
30
30
|
ref: ref,
|
|
31
31
|
className: `c15t-devtool-accordion-content ${className || ''}`,
|
|
32
32
|
...props,
|
|
33
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
34
34
|
className: "c15t-devtool-accordion-content-inner",
|
|
35
35
|
children: children
|
|
36
36
|
})
|
|
37
37
|
}));
|
|
38
|
-
AccordionContent.displayName =
|
|
38
|
+
AccordionContent.displayName = Content.displayName;
|
|
39
39
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -24,9 +24,9 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
|
|
27
|
+
Alert: ()=>Alert,
|
|
28
28
|
AlertDescription: ()=>AlertDescription,
|
|
29
|
-
|
|
29
|
+
AlertTitle: ()=>AlertTitle
|
|
30
30
|
});
|
|
31
31
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
32
|
const external_class_variance_authority_namespaceObject = require("class-variance-authority");
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from "class-variance-authority";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
4
|
import "./alert.css";
|
|
5
|
-
const alertVariants =
|
|
5
|
+
const alertVariants = cva('c15t-devtool-alert', {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
default: 'c15t-devtool-alert-default',
|
|
@@ -13,7 +13,7 @@ const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159
|
|
|
13
13
|
variant: 'default'
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
-
const Alert = /*#__PURE__*/
|
|
16
|
+
const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
17
17
|
ref: ref,
|
|
18
18
|
role: "alert",
|
|
19
19
|
className: `${alertVariants({
|
|
@@ -22,13 +22,13 @@ const Alert = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({
|
|
|
22
22
|
...props
|
|
23
23
|
}));
|
|
24
24
|
Alert.displayName = 'Alert';
|
|
25
|
-
const AlertTitle = /*#__PURE__*/
|
|
25
|
+
const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
|
|
26
26
|
ref: ref,
|
|
27
27
|
className: `c15t-devtool-alert-title ${className || ''}`,
|
|
28
28
|
...props
|
|
29
29
|
}));
|
|
30
30
|
AlertTitle.displayName = 'AlertTitle';
|
|
31
|
-
const AlertDescription = /*#__PURE__*/
|
|
31
|
+
const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
32
32
|
ref: ref,
|
|
33
33
|
className: `c15t-devtool-alert-description ${className || ''}`,
|
|
34
34
|
...props
|
|
@@ -24,8 +24,8 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
Badge: ()=>Badge,
|
|
28
|
+
badgeVariants: ()=>badgeVariants
|
|
29
29
|
});
|
|
30
30
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
31
|
const external_class_variance_authority_namespaceObject = require("class-variance-authority");
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from "class-variance-authority";
|
|
3
|
+
import { cn } from "../../libs/utils.js";
|
|
4
4
|
import "./badge.css";
|
|
5
|
-
const badgeVariants =
|
|
5
|
+
const badgeVariants = cva('c15t-devtool-badge', {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
default: 'c15t-devtool-badge-default',
|
|
@@ -16,8 +16,8 @@ const badgeVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
function Badge({ className, variant, ...props }) {
|
|
19
|
-
return /*#__PURE__*/
|
|
20
|
-
className:
|
|
19
|
+
return /*#__PURE__*/ jsx("div", {
|
|
20
|
+
className: cn(badgeVariants({
|
|
21
21
|
variant
|
|
22
22
|
}), className),
|
|
23
23
|
...props
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
5
|
import "./button.css";
|
|
6
|
-
const buttonVariants =
|
|
6
|
+
const buttonVariants = cva('c15t-devtool-button', {
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
9
9
|
default: 'c15t-devtool-button-default',
|
|
@@ -25,9 +25,9 @@ const buttonVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_15
|
|
|
25
25
|
size: 'default'
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
const Button = /*#__PURE__*/
|
|
29
|
-
const Comp = asChild ?
|
|
30
|
-
return /*#__PURE__*/
|
|
28
|
+
const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
|
|
29
|
+
const Comp = asChild ? Slot : 'button';
|
|
30
|
+
return /*#__PURE__*/ jsx(Comp, {
|
|
31
31
|
className: `${buttonVariants({
|
|
32
32
|
variant,
|
|
33
33
|
size
|
|
@@ -24,12 +24,12 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
|
|
27
|
+
CardFooter: ()=>CardFooter,
|
|
28
28
|
CardContent: ()=>CardContent,
|
|
29
|
+
CardDescription: ()=>CardDescription,
|
|
29
30
|
CardHeader: ()=>CardHeader,
|
|
30
|
-
Card: ()=>Card,
|
|
31
31
|
CardTitle: ()=>CardTitle,
|
|
32
|
-
|
|
32
|
+
Card: ()=>Card
|
|
33
33
|
});
|
|
34
34
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
35
35
|
const external_react_namespaceObject = require("react");
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
3
|
import "./card.css";
|
|
4
|
-
const Card = /*#__PURE__*/
|
|
4
|
+
const Card = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
5
5
|
ref: ref,
|
|
6
6
|
className: `c15t-devtool-card ${className || ''}`,
|
|
7
7
|
...props
|
|
8
8
|
}));
|
|
9
9
|
Card.displayName = 'Card';
|
|
10
|
-
const CardHeader = /*#__PURE__*/
|
|
10
|
+
const CardHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
11
11
|
ref: ref,
|
|
12
12
|
className: `c15t-devtool-card-header ${className || ''}`,
|
|
13
13
|
...props
|
|
14
14
|
}));
|
|
15
15
|
CardHeader.displayName = 'CardHeader';
|
|
16
|
-
const CardTitle = /*#__PURE__*/
|
|
16
|
+
const CardTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h3", {
|
|
17
17
|
ref: ref,
|
|
18
18
|
className: `c15t-devtool-card-title ${className || ''}`,
|
|
19
19
|
...props
|
|
20
20
|
}));
|
|
21
21
|
CardTitle.displayName = 'CardTitle';
|
|
22
|
-
const CardDescription = /*#__PURE__*/
|
|
22
|
+
const CardDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
|
|
23
23
|
ref: ref,
|
|
24
24
|
className: `c15t-devtool-card-description ${className || ''}`,
|
|
25
25
|
...props
|
|
26
26
|
}));
|
|
27
27
|
CardDescription.displayName = "CardDescription";
|
|
28
|
-
const CardContent = /*#__PURE__*/
|
|
28
|
+
const CardContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
29
29
|
ref: ref,
|
|
30
30
|
className: `c15t-devtool-card-content ${className || ''}`,
|
|
31
31
|
...props
|
|
32
32
|
}));
|
|
33
33
|
CardContent.displayName = 'CardContent';
|
|
34
|
-
const CardFooter = /*#__PURE__*/
|
|
34
|
+
const CardFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
|
|
35
35
|
ref: ref,
|
|
36
36
|
className: `c15t-devtool-card-footer ${className || ''}`,
|
|
37
37
|
...props
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { AnimatePresence, motion } from "motion/react";
|
|
4
|
+
import { memo, useCallback, useEffect, useState } from "react";
|
|
5
5
|
import "./expandable-tabs.css";
|
|
6
6
|
const buttonVariants = {
|
|
7
7
|
initial: {
|
|
@@ -35,14 +35,14 @@ const transition = {
|
|
|
35
35
|
bounce: 0,
|
|
36
36
|
duration: 0.6
|
|
37
37
|
};
|
|
38
|
-
const Separator = /*#__PURE__*/
|
|
38
|
+
const Separator = /*#__PURE__*/ memo(()=>/*#__PURE__*/ jsx("div", {
|
|
39
39
|
className: "c15t-devtool-tab-separator",
|
|
40
40
|
"aria-hidden": "true"
|
|
41
41
|
}));
|
|
42
42
|
Separator.displayName = 'Separator';
|
|
43
|
-
const TabButton = /*#__PURE__*/
|
|
43
|
+
const TabButton = /*#__PURE__*/ memo(({ tab, index, isSelected, activeColor, onClick })=>{
|
|
44
44
|
const Icon = tab.icon;
|
|
45
|
-
return /*#__PURE__*/
|
|
45
|
+
return /*#__PURE__*/ jsxs(motion.button, {
|
|
46
46
|
variants: buttonVariants,
|
|
47
47
|
initial: false,
|
|
48
48
|
animate: "animate",
|
|
@@ -51,12 +51,12 @@ const TabButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ t
|
|
|
51
51
|
transition: transition,
|
|
52
52
|
className: `c15t-devtool-tab-button ${isSelected ? `selected ${activeColor}` : ''}`,
|
|
53
53
|
children: [
|
|
54
|
-
/*#__PURE__*/
|
|
54
|
+
/*#__PURE__*/ jsx(Icon, {
|
|
55
55
|
size: 20
|
|
56
56
|
}),
|
|
57
|
-
/*#__PURE__*/
|
|
57
|
+
/*#__PURE__*/ jsx(AnimatePresence, {
|
|
58
58
|
initial: false,
|
|
59
|
-
children: isSelected && /*#__PURE__*/
|
|
59
|
+
children: isSelected && /*#__PURE__*/ jsx(motion.span, {
|
|
60
60
|
variants: spanVariants,
|
|
61
61
|
initial: "initial",
|
|
62
62
|
animate: "animate",
|
|
@@ -71,26 +71,26 @@ const TabButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ t
|
|
|
71
71
|
});
|
|
72
72
|
TabButton.displayName = 'TabButton';
|
|
73
73
|
function ExpandableTabs({ tabs, className, activeColor = 'primary', onChange }) {
|
|
74
|
-
const [selected, setSelected] =
|
|
75
|
-
const handleInitialChange =
|
|
74
|
+
const [selected, setSelected] = useState(0);
|
|
75
|
+
const handleInitialChange = useCallback(()=>{
|
|
76
76
|
onChange?.(0);
|
|
77
77
|
}, [
|
|
78
78
|
onChange
|
|
79
79
|
]);
|
|
80
|
-
|
|
80
|
+
useEffect(()=>{
|
|
81
81
|
handleInitialChange();
|
|
82
82
|
}, [
|
|
83
83
|
handleInitialChange
|
|
84
84
|
]);
|
|
85
|
-
const handleSelect =
|
|
85
|
+
const handleSelect = useCallback((index)=>{
|
|
86
86
|
setSelected(index);
|
|
87
87
|
onChange?.(index);
|
|
88
88
|
}, [
|
|
89
89
|
onChange
|
|
90
90
|
]);
|
|
91
|
-
return /*#__PURE__*/
|
|
91
|
+
return /*#__PURE__*/ jsx("div", {
|
|
92
92
|
className: `c15t-devtool-tabs-container ${className || ''}`,
|
|
93
|
-
children: tabs.map((tab, index)=>'separator' === tab.type ? /*#__PURE__*/
|
|
93
|
+
children: tabs.map((tab, index)=>'separator' === tab.type ? /*#__PURE__*/ jsx(Separator, {}, `separator-${index}`) : /*#__PURE__*/ jsx(TabButton, {
|
|
94
94
|
tab: tab,
|
|
95
95
|
index: index,
|
|
96
96
|
isSelected: selected === index,
|
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import
|
|
2
|
-
const C15TIcon = ({ title = 'Consent Management', titleId = 'Consent Management', ...props })=>/*#__PURE__*/
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
const C15TIcon = ({ title = 'Consent Management', titleId = 'Consent Management', ...props })=>/*#__PURE__*/ jsxs("svg", {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
4
|
viewBox: "0 0 1362 160",
|
|
5
5
|
"aria-labelledby": titleId,
|
|
6
6
|
...props,
|
|
7
7
|
children: [
|
|
8
|
-
/*#__PURE__*/
|
|
8
|
+
/*#__PURE__*/ jsx("title", {
|
|
9
9
|
id: titleId,
|
|
10
10
|
children: title
|
|
11
11
|
}),
|
|
12
|
-
/*#__PURE__*/
|
|
12
|
+
/*#__PURE__*/ jsx("path", {
|
|
13
13
|
d: "M74.1332 51.2928C83.4342 51.2928 90.9742 43.7528 90.9742 34.4518C90.9742 25.1508 83.4342 17.6108 74.1332 17.6108C64.8322 17.6108 57.2922 25.1508 57.2922 34.4518C57.2922 43.7528 64.8322 51.2928 74.1332 51.2928Z",
|
|
14
14
|
stroke: "currentColor",
|
|
15
15
|
strokeWidth: "13.4728",
|
|
16
16
|
strokeLinecap: "round",
|
|
17
17
|
strokeLinejoin: "round"
|
|
18
18
|
}),
|
|
19
|
-
/*#__PURE__*/
|
|
19
|
+
/*#__PURE__*/ jsx("path", {
|
|
20
20
|
d: "M62.0082 46.5772L35.7363 72.8491",
|
|
21
21
|
stroke: "currentColor",
|
|
22
22
|
strokeWidth: "13.4728",
|
|
23
23
|
strokeLinecap: "round",
|
|
24
24
|
strokeLinejoin: "round"
|
|
25
25
|
}),
|
|
26
|
-
/*#__PURE__*/
|
|
26
|
+
/*#__PURE__*/ jsx("path", {
|
|
27
27
|
d: "M61.0776 124.531L34.8057 98.2592",
|
|
28
28
|
stroke: "currentColor",
|
|
29
29
|
strokeWidth: "13.4728",
|
|
30
30
|
strokeLinecap: "round",
|
|
31
31
|
strokeLinejoin: "round"
|
|
32
32
|
}),
|
|
33
|
-
/*#__PURE__*/
|
|
33
|
+
/*#__PURE__*/ jsx("path", {
|
|
34
34
|
d: "M23.6105 101.816C32.9115 101.816 40.4514 94.2756 40.4514 84.9746C40.4514 75.6736 32.9115 68.1337 23.6105 68.1337C14.3095 68.1337 6.76953 75.6736 6.76953 84.9746C6.76953 94.2756 14.3095 101.816 23.6105 101.816Z",
|
|
35
35
|
stroke: "currentColor",
|
|
36
36
|
strokeWidth: "13.4728",
|
|
37
37
|
strokeLinecap: "round",
|
|
38
38
|
strokeLinejoin: "round"
|
|
39
39
|
}),
|
|
40
|
-
/*#__PURE__*/
|
|
40
|
+
/*#__PURE__*/ jsx("path", {
|
|
41
41
|
d: "M40.4517 84.9747H107.815",
|
|
42
42
|
stroke: "currentColor",
|
|
43
43
|
strokeWidth: "13.4728",
|
|
44
44
|
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round"
|
|
46
46
|
}),
|
|
47
|
-
/*#__PURE__*/
|
|
47
|
+
/*#__PURE__*/ jsx("path", {
|
|
48
48
|
d: "M124.656 101.816C133.957 101.816 141.497 94.2756 141.497 84.9746C141.497 75.6736 133.957 68.1337 124.656 68.1337C115.355 68.1337 107.815 75.6736 107.815 84.9746C107.815 94.2756 115.355 101.816 124.656 101.816Z",
|
|
49
49
|
stroke: "currentColor",
|
|
50
50
|
strokeWidth: "13.4728",
|
|
51
51
|
strokeLinecap: "round",
|
|
52
52
|
strokeLinejoin: "round"
|
|
53
53
|
}),
|
|
54
|
-
/*#__PURE__*/
|
|
54
|
+
/*#__PURE__*/ jsx("path", {
|
|
55
55
|
d: "M74.1332 152.338C83.4342 152.338 90.9742 144.798 90.9742 135.497C90.9742 126.196 83.4342 118.656 74.1332 118.656C64.8322 118.656 57.2922 126.196 57.2922 135.497C57.2922 144.798 64.8322 152.338 74.1332 152.338Z",
|
|
56
56
|
stroke: "currentColor",
|
|
57
57
|
strokeWidth: "13.4728",
|
|
58
58
|
strokeLinecap: "round",
|
|
59
59
|
strokeLinejoin: "round"
|
|
60
60
|
}),
|
|
61
|
-
/*#__PURE__*/
|
|
61
|
+
/*#__PURE__*/ jsx("path", {
|
|
62
62
|
d: "M213.869 83.64C213.869 65.16 228.509 51.6 246.749 51.6C255.749 51.6 264.029 54.6 270.989 62.04L262.109 71.28C258.029 67.08 253.229 64.68 246.749 64.68C236.189 64.68 228.149 72.72 228.149 83.64C228.149 94.56 236.189 102.6 246.749 102.6C253.229 102.6 258.029 100.2 262.109 96L270.989 105.24C264.029 112.68 255.749 115.68 246.749 115.68C228.509 115.68 213.869 102.12 213.869 83.64ZM273.288 83.76C273.288 65.64 287.928 51.72 306.288 51.72C324.528 51.72 339.288 65.64 339.288 83.76C339.288 101.88 324.528 115.8 306.288 115.8C287.928 115.8 273.288 101.88 273.288 83.76ZM287.568 83.76C287.568 94.44 295.608 102.72 306.288 102.72C316.848 102.72 325.008 94.44 325.008 83.76C325.008 73.08 316.848 64.8 306.288 64.8C295.608 64.8 287.568 73.08 287.568 83.76ZM346.479 53.52H360.759V62.16C363.519 56.4 370.359 52.32 379.119 52.32C393.639 52.32 402.039 61.68 402.039 76.56V114H387.639V78.6C387.639 70.44 382.959 65.16 374.799 65.16C366.639 65.16 360.759 70.92 360.759 79.2V114H346.479V53.52ZM415.849 95.52C418.369 99.6 424.009 103.08 431.809 103.08C440.089 103.08 442.609 99.6 442.609 96.48C442.609 91.44 435.409 90.24 426.049 86.88C417.169 83.64 411.169 79.08 411.169 69.84C411.169 58.2 421.009 51.72 432.529 51.72C442.609 51.72 449.329 55.56 453.529 60.84L445.489 69.36C442.969 66.36 438.889 64.08 432.289 64.08C427.729 64.08 424.969 66.24 424.969 69.48C424.969 74.04 430.009 74.64 440.209 78.36C451.369 82.32 456.409 87.6 456.409 96.36C456.409 106.8 448.849 115.56 431.569 115.56C418.969 115.56 410.329 110.52 406.609 103.32L415.849 95.52ZM459.747 83.76C459.747 64.32 473.307 51.84 491.427 51.84C509.427 51.84 521.307 65.4 521.307 82.32C521.307 82.32 521.307 84.96 521.067 87.36H474.027C474.507 96.96 481.587 103.2 492.267 103.2C499.587 103.2 504.027 100.8 508.587 96.24L517.227 104.64C509.427 112.92 500.907 115.44 491.787 115.44C472.827 115.44 459.747 103.2 459.747 84.24V83.76ZM506.667 77.28C506.667 70.08 499.827 64.08 491.427 64.08C482.427 64.08 474.987 69.96 474.387 77.28H506.667ZM528.017 53.52H542.297V62.16C545.057 56.4 551.897 52.32 560.657 52.32C575.177 52.32 583.577 61.68 583.577 76.56V114H569.177V78.6C569.177 70.44 564.497 65.16 556.337 65.16C548.177 65.16 542.297 70.92 542.297 79.2V114H528.017V53.52ZM596.906 66.6H589.106V53.52H596.906V30.36H611.306V53.52H624.386V66.6H611.306V114H596.906V66.6ZM657.054 53.52H671.334V62.16C673.854 56.4 679.734 52.32 687.654 52.32C696.054 52.32 701.694 56.16 704.574 62.88C708.294 55.32 715.614 52.32 724.374 52.32C737.694 52.32 745.374 61.68 745.374 76.56V114H730.974V78.6C730.974 70.44 727.134 65.16 720.174 65.16C713.214 65.16 708.174 70.92 708.174 79.2V114H693.894V78.6C693.894 70.44 690.054 65.16 683.094 65.16C676.374 65.16 671.334 70.92 671.334 79.2V114H657.054V53.52ZM751.919 83.76C751.919 65.88 765.119 52.2 782.159 52.2C792.359 52.2 799.439 56.64 801.479 62.28V53.52H815.879V114H801.479V105.24C799.439 110.88 792.359 115.32 782.159 115.32C765.119 115.32 751.919 101.64 751.919 83.76ZM766.199 83.76C766.199 94.32 773.879 102.24 784.079 102.24C794.519 102.24 802.559 94.32 802.559 83.76C802.559 73.2 794.519 65.28 784.079 65.28C773.879 65.28 766.199 73.2 766.199 83.76ZM825.462 53.52H839.742V62.16C842.502 56.4 849.342 52.32 858.102 52.32C872.622 52.32 881.022 61.68 881.022 76.56V114H866.622V78.6C866.622 70.44 861.942 65.16 853.782 65.16C845.622 65.16 839.742 70.92 839.742 79.2V114H825.462V53.52ZM887.631 83.76C887.631 65.88 900.831 52.2 917.871 52.2C928.071 52.2 935.151 56.64 937.191 62.28V53.52H951.591V114H937.191V105.24C935.151 110.88 928.071 115.32 917.871 115.32C900.831 115.32 887.631 101.64 887.631 83.76ZM901.911 83.76C901.911 94.32 909.591 102.24 919.791 102.24C930.231 102.24 938.271 94.32 938.271 83.76C938.271 73.2 930.231 65.28 919.791 65.28C909.591 65.28 901.911 73.2 901.911 83.76ZM958.535 83.52C958.535 65.88 971.735 52.2 988.775 52.2C998.975 52.2 1006.05 56.64 1008.09 62.28V53.52H1022.49V103.92C1022.49 116.64 1021.17 126.72 1012.29 133.68C1006.89 137.88 999.215 140.4 990.935 140.4C979.655 140.4 969.935 137.52 961.655 131.64L968.615 120.96C974.735 125.04 981.215 127.56 989.375 127.56C994.655 127.56 999.455 126.36 1002.69 123.96C1007.73 120.24 1008.45 114 1008.45 108.6V105.6C1005.81 110.4 998.855 114.48 988.775 114.48C971.735 114.48 958.535 101.16 958.535 83.52ZM972.815 83.52C972.815 93.96 980.495 101.76 990.695 101.76C1001.13 101.76 1009.17 93.96 1009.17 83.52C1009.17 73.2 1001.13 65.28 990.695 65.28C980.495 65.28 972.815 73.2 972.815 83.52ZM1029.44 83.76C1029.44 64.32 1043 51.84 1061.12 51.84C1079.12 51.84 1091 65.4 1091 82.32C1091 82.32 1091 84.96 1090.76 87.36H1043.72C1044.2 96.96 1051.28 103.2 1061.96 103.2C1069.28 103.2 1073.72 100.8 1078.28 96.24L1086.92 104.64C1079.12 112.92 1070.6 115.44 1061.48 115.44C1042.52 115.44 1029.44 103.2 1029.44 84.24V83.76ZM1076.36 77.28C1076.36 70.08 1069.52 64.08 1061.12 64.08C1052.12 64.08 1044.68 69.96 1044.08 77.28H1076.36ZM1097.71 53.52H1111.99V62.16C1114.51 56.4 1120.39 52.32 1128.31 52.32C1136.71 52.32 1142.35 56.16 1145.23 62.88C1148.95 55.32 1156.27 52.32 1165.03 52.32C1178.35 52.32 1186.03 61.68 1186.03 76.56V114H1171.63V78.6C1171.63 70.44 1167.79 65.16 1160.83 65.16C1153.87 65.16 1148.83 70.92 1148.83 79.2V114H1134.55V78.6C1134.55 70.44 1130.71 65.16 1123.75 65.16C1117.03 65.16 1111.99 70.92 1111.99 79.2V114H1097.71V53.52ZM1192.57 83.76C1192.57 64.32 1206.13 51.84 1224.25 51.84C1242.25 51.84 1254.13 65.4 1254.13 82.32C1254.13 82.32 1254.13 84.96 1253.89 87.36H1206.85C1207.33 96.96 1214.41 103.2 1225.09 103.2C1232.41 103.2 1236.85 100.8 1241.41 96.24L1250.05 104.64C1242.25 112.92 1233.73 115.44 1224.61 115.44C1205.65 115.44 1192.57 103.2 1192.57 84.24V83.76ZM1239.49 77.28C1239.49 70.08 1232.65 64.08 1224.25 64.08C1215.25 64.08 1207.81 69.96 1207.21 77.28H1239.49ZM1260.84 53.52H1275.12V62.16C1277.88 56.4 1284.72 52.32 1293.48 52.32C1308 52.32 1316.4 61.68 1316.4 76.56V114H1302V78.6C1302 70.44 1297.32 65.16 1289.16 65.16C1281 65.16 1275.12 70.92 1275.12 79.2V114H1260.84V53.52ZM1329.73 66.6H1321.93V53.52H1329.73V30.36H1344.13V53.52H1357.21V66.6H1344.13V114H1329.73V66.6Z",
|
|
63
63
|
fill: "currentColor"
|
|
64
64
|
})
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Corner, Root, ScrollAreaScrollbar, ScrollAreaThumb, Viewport } from "@radix-ui/react-scroll-area";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
5
|
import "./scroll-area.css";
|
|
6
|
-
const ScrollArea = /*#__PURE__*/
|
|
6
|
+
const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
|
|
7
7
|
ref: ref,
|
|
8
8
|
className: `c15t-devtool-scroll-root ${className || ''}`,
|
|
9
9
|
...props,
|
|
10
10
|
children: [
|
|
11
|
-
/*#__PURE__*/
|
|
11
|
+
/*#__PURE__*/ jsx(Viewport, {
|
|
12
12
|
className: "c15t-devtool-scroll-viewport",
|
|
13
13
|
children: children
|
|
14
14
|
}),
|
|
15
|
-
/*#__PURE__*/
|
|
16
|
-
/*#__PURE__*/
|
|
15
|
+
/*#__PURE__*/ jsx(ScrollBar, {}),
|
|
16
|
+
/*#__PURE__*/ jsx(Corner, {})
|
|
17
17
|
]
|
|
18
18
|
}));
|
|
19
|
-
ScrollArea.displayName =
|
|
20
|
-
const ScrollBar = /*#__PURE__*/
|
|
19
|
+
ScrollArea.displayName = Root.displayName;
|
|
20
|
+
const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
|
|
21
21
|
ref: ref,
|
|
22
22
|
orientation: orientation,
|
|
23
23
|
className: `c15t-devtool-scroll-bar ${className || ''}`,
|
|
24
24
|
...props,
|
|
25
|
-
children: /*#__PURE__*/
|
|
25
|
+
children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
|
|
26
26
|
className: "c15t-devtool-scroll-thumb"
|
|
27
27
|
})
|
|
28
28
|
}));
|
|
29
|
-
ScrollBar.displayName =
|
|
29
|
+
ScrollBar.displayName = ScrollAreaScrollbar.displayName;
|
|
30
30
|
export { ScrollArea, ScrollBar };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Root, Thumb } from "@radix-ui/react-switch";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
5
|
import "./switch.css";
|
|
6
|
-
const Switch = /*#__PURE__*/
|
|
6
|
+
const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
|
|
7
7
|
className: `c15t-devtool-switch-root ${className || ''}`,
|
|
8
8
|
...props,
|
|
9
9
|
ref: ref,
|
|
10
|
-
children: /*#__PURE__*/
|
|
10
|
+
children: /*#__PURE__*/ jsx(Thumb, {
|
|
11
11
|
className: "c15t-devtool-switch-thumb"
|
|
12
12
|
})
|
|
13
13
|
}));
|
|
14
|
-
Switch.displayName =
|
|
14
|
+
Switch.displayName = Root.displayName;
|
|
15
15
|
export { Switch };
|
|
@@ -25,10 +25,10 @@ var __webpack_require__ = {};
|
|
|
25
25
|
var __webpack_exports__ = {};
|
|
26
26
|
__webpack_require__.r(__webpack_exports__);
|
|
27
27
|
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
-
TooltipTrigger: ()=>TooltipTrigger,
|
|
29
|
-
TooltipContent: ()=>TooltipContent,
|
|
30
28
|
Tooltip: ()=>Tooltip,
|
|
31
|
-
TooltipProvider: ()=>TooltipProvider
|
|
29
|
+
TooltipProvider: ()=>TooltipProvider,
|
|
30
|
+
TooltipContent: ()=>TooltipContent,
|
|
31
|
+
TooltipTrigger: ()=>TooltipTrigger
|
|
32
32
|
});
|
|
33
33
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
34
|
const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
|
|
4
4
|
import "./tooltip.css";
|
|
5
|
-
import
|
|
6
|
-
const TooltipProvider =
|
|
7
|
-
const Tooltip =
|
|
8
|
-
const TooltipTrigger =
|
|
9
|
-
const TooltipContent = /*#__PURE__*/
|
|
10
|
-
children: /*#__PURE__*/
|
|
5
|
+
import { forwardRef } from "react";
|
|
6
|
+
const TooltipProvider = Provider;
|
|
7
|
+
const Tooltip = Root;
|
|
8
|
+
const TooltipTrigger = Trigger;
|
|
9
|
+
const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
|
|
10
|
+
children: /*#__PURE__*/ jsx(Content, {
|
|
11
11
|
ref: ref,
|
|
12
12
|
sideOffset: sideOffset,
|
|
13
13
|
className: `tooltip-content ${className || ''}`,
|
|
14
14
|
...props
|
|
15
15
|
})
|
|
16
16
|
}));
|
|
17
|
-
TooltipContent.displayName =
|
|
17
|
+
TooltipContent.displayName = Content.displayName;
|
|
18
18
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { AnimatePresence, motion } from "motion/react";
|
|
4
|
+
import { useEffect, useState } from "react";
|
|
5
|
+
import { createPortal } from "react-dom";
|
|
6
6
|
import "./wrapper.css";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
7
|
+
import { cn } from "../libs/utils.js";
|
|
8
|
+
import { Button } from "./ui/button.js";
|
|
9
|
+
import { Card } from "./ui/card.js";
|
|
10
10
|
function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right' }) {
|
|
11
|
-
const [isMounted, setIsMounted] =
|
|
12
|
-
|
|
11
|
+
const [isMounted, setIsMounted] = useState(false);
|
|
12
|
+
useEffect(()=>{
|
|
13
13
|
setIsMounted(true);
|
|
14
14
|
return ()=>setIsMounted(false);
|
|
15
15
|
}, []);
|
|
16
|
-
const DevToolContent = /*#__PURE__*/
|
|
17
|
-
children: isOpen && /*#__PURE__*/
|
|
16
|
+
const DevToolContent = /*#__PURE__*/ jsx(AnimatePresence, {
|
|
17
|
+
children: isOpen && /*#__PURE__*/ jsxs(motion.div, {
|
|
18
18
|
className: "c15t-devtool-wrapper-overlay",
|
|
19
19
|
initial: {
|
|
20
20
|
opacity: 0
|
|
@@ -31,7 +31,7 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
31
31
|
damping: 40
|
|
32
32
|
},
|
|
33
33
|
children: [
|
|
34
|
-
/*#__PURE__*/
|
|
34
|
+
/*#__PURE__*/ jsx(motion.div, {
|
|
35
35
|
className: "c15t-devtool-wrapper-backdrop",
|
|
36
36
|
initial: {
|
|
37
37
|
opacity: 0
|
|
@@ -44,8 +44,8 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
44
44
|
},
|
|
45
45
|
onClick: toggleOpen
|
|
46
46
|
}),
|
|
47
|
-
/*#__PURE__*/
|
|
48
|
-
className:
|
|
47
|
+
/*#__PURE__*/ jsx(motion.div, {
|
|
48
|
+
className: cn('c15t-devtool-wrapper-content', position),
|
|
49
49
|
initial: {
|
|
50
50
|
opacity: 0,
|
|
51
51
|
y: 20
|
|
@@ -58,7 +58,7 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
58
58
|
opacity: 0,
|
|
59
59
|
y: 20
|
|
60
60
|
},
|
|
61
|
-
children: /*#__PURE__*/
|
|
61
|
+
children: /*#__PURE__*/ jsx(Card, {
|
|
62
62
|
className: "c15t-devtool-wrapper-card",
|
|
63
63
|
children: children
|
|
64
64
|
})
|
|
@@ -66,10 +66,10 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
66
66
|
]
|
|
67
67
|
})
|
|
68
68
|
});
|
|
69
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/ jsxs(Fragment, {
|
|
70
70
|
children: [
|
|
71
|
-
/*#__PURE__*/
|
|
72
|
-
children: !isOpen && /*#__PURE__*/
|
|
71
|
+
/*#__PURE__*/ jsx(AnimatePresence, {
|
|
72
|
+
children: !isOpen && /*#__PURE__*/ jsx(motion.div, {
|
|
73
73
|
initial: {
|
|
74
74
|
scale: 0.95,
|
|
75
75
|
opacity: 0
|
|
@@ -88,21 +88,21 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
88
88
|
damping: 40
|
|
89
89
|
},
|
|
90
90
|
className: "c15t-devtool-wrapper-button-container",
|
|
91
|
-
children: /*#__PURE__*/
|
|
91
|
+
children: /*#__PURE__*/ jsx(Button, {
|
|
92
92
|
variant: "outline",
|
|
93
93
|
size: "icon",
|
|
94
94
|
className: "c15t-devtool-wrapper-button",
|
|
95
95
|
onClick: toggleOpen,
|
|
96
|
-
children: /*#__PURE__*/
|
|
96
|
+
children: /*#__PURE__*/ jsxs("svg", {
|
|
97
97
|
viewBox: "0 0 149 149",
|
|
98
98
|
fill: "none",
|
|
99
99
|
xmlns: "http://www.w3.org/2000/svg",
|
|
100
100
|
className: "c15t-devtool-wrapper-button-icon",
|
|
101
101
|
children: [
|
|
102
|
-
/*#__PURE__*/
|
|
102
|
+
/*#__PURE__*/ jsx("title", {
|
|
103
103
|
children: "c15t-devtool-icon"
|
|
104
104
|
}),
|
|
105
|
-
/*#__PURE__*/
|
|
105
|
+
/*#__PURE__*/ jsx("path", {
|
|
106
106
|
fillRule: "evenodd",
|
|
107
107
|
clipRule: "evenodd",
|
|
108
108
|
d: "M74.5436 14.2802C68.963 14.2802 64.4391 18.8042 64.4391 24.3848C64.4391 29.9654 68.963 34.4893 74.5436 34.4893C80.1243 34.4893 84.6482 29.9654 84.6482 24.3848C84.6482 18.8042 80.1243 14.2802 74.5436 14.2802ZM50.9663 24.3848C50.9663 11.3634 61.5222 0.807434 74.5436 0.807434C87.5651 0.807434 98.121 11.3634 98.121 24.3848C98.121 37.4062 87.5651 47.9621 74.5436 47.9621C70.4834 47.9621 66.6628 46.9358 63.3272 45.1283L44.7645 63.6911C45.5299 65.1037 46.1553 66.6033 46.6219 68.1713H102.466C105.364 58.4322 114.386 51.3303 125.067 51.3303C138.088 51.3303 148.644 61.8862 148.644 74.9076C148.644 87.929 138.088 98.4849 125.067 98.4849C114.386 98.4849 105.364 91.3831 102.466 81.644H46.6219C46.0071 83.7098 45.1168 85.657 43.9935 87.4429L62.0084 105.458C65.6396 103.174 69.9373 101.853 74.5436 101.853C87.5651 101.853 98.121 112.409 98.121 125.43C98.121 138.452 87.5651 149.008 74.5436 149.008C61.5222 149.008 50.9663 138.452 50.9663 125.43C50.9663 121.925 51.7315 118.597 53.104 115.607L33.8445 96.3472C30.854 97.7197 27.5268 98.4849 24.0209 98.4849C10.9995 98.4849 0.443604 87.929 0.443604 74.9076C0.443604 61.8862 10.9995 51.3303 24.0209 51.3303C28.0814 51.3303 31.9022 52.3567 35.2379 54.1643L53.8004 35.6018C51.9928 32.2661 50.9663 28.4453 50.9663 24.3848ZM114.962 74.9076L114.962 74.9578C114.989 80.5153 119.503 85.0122 125.067 85.0122C130.647 85.0122 135.171 80.4882 135.171 74.9076C135.171 69.327 130.647 64.803 125.067 64.803C119.503 64.803 114.989 69.2999 114.962 74.8574L114.962 74.9076ZM24.0209 64.803C18.4403 64.803 13.9164 69.327 13.9164 74.9076C13.9164 80.4882 18.4403 85.0122 24.0209 85.0122C29.6015 85.0122 34.1255 80.4882 34.1255 74.9076C34.1255 69.327 29.6015 64.803 24.0209 64.803ZM64.4391 125.43C64.4391 119.85 68.963 115.326 74.5436 115.326C80.1243 115.326 84.6482 119.85 84.6482 125.43C84.6482 131.011 80.1243 135.535 74.5436 135.535C68.963 135.535 64.4391 131.011 64.4391 125.43Z",
|
|
@@ -113,7 +113,7 @@ function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right
|
|
|
113
113
|
})
|
|
114
114
|
})
|
|
115
115
|
}),
|
|
116
|
-
isMounted && /*#__PURE__*/
|
|
116
|
+
isMounted && /*#__PURE__*/ createPortal(DevToolContent, document.body)
|
|
117
117
|
]
|
|
118
118
|
});
|
|
119
119
|
}
|
package/dist/dev-tool.cjs
CHANGED
|
@@ -35,8 +35,8 @@ var __webpack_exports__ = {};
|
|
|
35
35
|
__webpack_require__.r(__webpack_exports__);
|
|
36
36
|
__webpack_require__.d(__webpack_exports__, {
|
|
37
37
|
getStore: ()=>getStore,
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
C15TDevTools: ()=>C15TDevTools,
|
|
39
|
+
default: ()=>dev_tool
|
|
40
40
|
});
|
|
41
41
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
42
42
|
const external_react_namespaceObject = require("react");
|
package/dist/dev-tool.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useCallback, useContext, useEffect, useState } from "react";
|
|
4
|
+
import { ErrorState } from "./components/error-state.js";
|
|
5
|
+
import { Header } from "./components/header.js";
|
|
6
|
+
import wrapper from "./components/wrapper.js";
|
|
7
|
+
import { Router } from "./router/router.js";
|
|
8
8
|
import "./styles/theme.css";
|
|
9
|
-
const PrivacyC15TContext = /*#__PURE__*/
|
|
9
|
+
const PrivacyC15TContext = /*#__PURE__*/ createContext(null);
|
|
10
10
|
const getStore = ()=>{
|
|
11
|
-
const context =
|
|
11
|
+
const context = useContext(PrivacyC15TContext);
|
|
12
12
|
if (null === context) throw new Error('useConsentManagerContext must be used within a ConsentManagerProvider');
|
|
13
|
-
const [localState, setLocalState] =
|
|
14
|
-
|
|
13
|
+
const [localState, setLocalState] = useState(context.state);
|
|
14
|
+
useEffect(()=>{
|
|
15
15
|
if (!context.store) return;
|
|
16
16
|
setLocalState(context.state);
|
|
17
17
|
const unsubscribe = context.store.subscribe((newState)=>{
|
|
@@ -28,11 +28,11 @@ const getStore = ()=>{
|
|
|
28
28
|
};
|
|
29
29
|
const dev_tool = PrivacyC15TContext;
|
|
30
30
|
const C15TDevTools = ({ namespace = 'c15tStore', position = 'bottom-right' })=>{
|
|
31
|
-
const [state, setState] =
|
|
32
|
-
const [store, setStore] =
|
|
33
|
-
const [isOpen, setIsOpen] =
|
|
34
|
-
const toggleOpen =
|
|
35
|
-
|
|
31
|
+
const [state, setState] = useState(null);
|
|
32
|
+
const [store, setStore] = useState(null);
|
|
33
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
34
|
+
const toggleOpen = useCallback(()=>setIsOpen((prev)=>!prev), []);
|
|
35
|
+
useEffect(()=>{
|
|
36
36
|
const storeInstance = 'undefined' != typeof window && window[namespace] || null;
|
|
37
37
|
if (storeInstance) {
|
|
38
38
|
setStore(storeInstance);
|
|
@@ -49,22 +49,22 @@ const C15TDevTools = ({ namespace = 'c15tStore', position = 'bottom-right' })=>{
|
|
|
49
49
|
}, [
|
|
50
50
|
namespace
|
|
51
51
|
]);
|
|
52
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/ jsx(PrivacyC15TContext.Provider, {
|
|
53
53
|
value: {
|
|
54
54
|
state,
|
|
55
55
|
store
|
|
56
56
|
},
|
|
57
|
-
children: /*#__PURE__*/
|
|
57
|
+
children: /*#__PURE__*/ jsxs(wrapper, {
|
|
58
58
|
isOpen: isOpen,
|
|
59
59
|
toggleOpen: toggleOpen,
|
|
60
60
|
position: position,
|
|
61
61
|
children: [
|
|
62
|
-
/*#__PURE__*/
|
|
62
|
+
/*#__PURE__*/ jsx(Header, {
|
|
63
63
|
onClose: ()=>setIsOpen(false)
|
|
64
64
|
}),
|
|
65
|
-
state ? /*#__PURE__*/
|
|
65
|
+
state ? /*#__PURE__*/ jsx(Router, {
|
|
66
66
|
onClose: ()=>setIsOpen(false)
|
|
67
|
-
}) : /*#__PURE__*/
|
|
67
|
+
}) : /*#__PURE__*/ jsx(ErrorState, {
|
|
68
68
|
namespace: namespace
|
|
69
69
|
})
|
|
70
70
|
]
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__C15TDevTools as C15TDevTools };
|
|
1
|
+
import { C15TDevTools } from "./dev-tool.js";
|
|
2
|
+
export { C15TDevTools };
|
package/dist/libs/utils.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
3
|
function cn(...inputs) {
|
|
4
|
-
return
|
|
4
|
+
return twMerge(clsx(inputs));
|
|
5
5
|
}
|
|
6
6
|
export { cn };
|
package/dist/router/router.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { GanttChartSquare, ToggleLeft } from "lucide-react";
|
|
4
|
+
import { motion } from "motion/react";
|
|
5
|
+
import { useCallback, useState } from "react";
|
|
6
|
+
import { Badge } from "../components/ui/badge.js";
|
|
7
|
+
import { ExpandableTabs } from "../components/ui/expandable-tabs.js";
|
|
8
|
+
import { ScrollArea } from "../components/ui/scroll-area.js";
|
|
9
|
+
import { getStore } from "../dev-tool.js";
|
|
10
10
|
const tabs = [
|
|
11
11
|
{
|
|
12
12
|
title: 'Consents',
|
|
13
|
-
icon:
|
|
13
|
+
icon: ToggleLeft
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
title: 'Compliance',
|
|
17
|
-
icon:
|
|
17
|
+
icon: GanttChartSquare
|
|
18
18
|
}
|
|
19
19
|
];
|
|
20
20
|
function Router({ onClose: _onClose }) {
|
|
21
|
-
const privacyConsent =
|
|
22
|
-
const [activeSection, setActiveSection] =
|
|
23
|
-
const handleTabChange =
|
|
21
|
+
const privacyConsent = getStore();
|
|
22
|
+
const [activeSection, setActiveSection] = useState('Consents');
|
|
23
|
+
const handleTabChange = useCallback((index)=>{
|
|
24
24
|
if (null !== index) setActiveSection(tabs[index].title);
|
|
25
25
|
}, []);
|
|
26
26
|
const renderingState = [
|
|
@@ -59,20 +59,20 @@ function Router({ onClose: _onClose }) {
|
|
|
59
59
|
return [];
|
|
60
60
|
}
|
|
61
61
|
})();
|
|
62
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/ jsxs(Fragment, {
|
|
63
63
|
children: [
|
|
64
|
-
/*#__PURE__*/
|
|
64
|
+
/*#__PURE__*/ jsx("div", {
|
|
65
65
|
className: "border-b p-4",
|
|
66
|
-
children: /*#__PURE__*/
|
|
66
|
+
children: /*#__PURE__*/ jsx(ExpandableTabs, {
|
|
67
67
|
tabs: Array.from(tabs),
|
|
68
68
|
activeColor: "text-primary",
|
|
69
69
|
className: "border-muted",
|
|
70
70
|
onChange: handleTabChange
|
|
71
71
|
})
|
|
72
72
|
}),
|
|
73
|
-
/*#__PURE__*/
|
|
73
|
+
/*#__PURE__*/ jsx(ScrollArea, {
|
|
74
74
|
className: "h-[300px]",
|
|
75
|
-
children: /*#__PURE__*/
|
|
75
|
+
children: /*#__PURE__*/ jsx(motion.div, {
|
|
76
76
|
className: "space-y-2 p-4",
|
|
77
77
|
initial: {
|
|
78
78
|
opacity: 0
|
|
@@ -83,7 +83,7 @@ function Router({ onClose: _onClose }) {
|
|
|
83
83
|
exit: {
|
|
84
84
|
opacity: 0
|
|
85
85
|
},
|
|
86
|
-
children: contentItems.map((item, index)=>/*#__PURE__*/
|
|
86
|
+
children: contentItems.map((item, index)=>/*#__PURE__*/ jsxs(motion.div, {
|
|
87
87
|
className: "flex items-center justify-between rounded-lg border bg-card p-3",
|
|
88
88
|
initial: {
|
|
89
89
|
opacity: 0,
|
|
@@ -97,20 +97,20 @@ function Router({ onClose: _onClose }) {
|
|
|
97
97
|
delay: 0.05 * index
|
|
98
98
|
},
|
|
99
99
|
children: [
|
|
100
|
-
/*#__PURE__*/
|
|
100
|
+
/*#__PURE__*/ jsxs("div", {
|
|
101
101
|
className: "flex flex-col",
|
|
102
102
|
children: [
|
|
103
|
-
/*#__PURE__*/
|
|
103
|
+
/*#__PURE__*/ jsx("span", {
|
|
104
104
|
className: "font-medium text-sm",
|
|
105
105
|
children: item.title
|
|
106
106
|
}),
|
|
107
|
-
item.details && /*#__PURE__*/
|
|
107
|
+
item.details && /*#__PURE__*/ jsx("span", {
|
|
108
108
|
className: "text-muted-foreground text-xs",
|
|
109
109
|
children: item.details
|
|
110
110
|
})
|
|
111
111
|
]
|
|
112
112
|
}),
|
|
113
|
-
/*#__PURE__*/
|
|
113
|
+
/*#__PURE__*/ jsx(Badge, {
|
|
114
114
|
variant: 'Enabled' === item.status || 'Active' === item.status || 'active' === item.status || 'Rendered' === item.status ? 'default' : 'destructive',
|
|
115
115
|
children: item.status
|
|
116
116
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c15t/dev-tools",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0-canary-20251112105612",
|
|
4
4
|
"description": "A collection of developer tools and utilities for the c15t ecosystem, currently under active development.",
|
|
5
5
|
"homepage": "https://c15t.com",
|
|
6
6
|
"repository": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"tsc-alias": "^1.8.15",
|
|
34
34
|
"usehooks-ts": "^3.1.1",
|
|
35
35
|
"zustand": "^5.0.3",
|
|
36
|
-
"c15t": "1.
|
|
36
|
+
"c15t": "1.8.0-canary-20251112105612"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"postcss": "^8.5.3",
|