@uninspired/cookie-banner 0.0.7 → 0.0.8

package/dist/components/Banner/Banner.js

@@ -1,26 +1,29 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useMemo, useState } from "react";
 import { cls, clx } from "../../utils/classes";
 import { Button } from "../Button";
 import { Text } from "../Text";
 import classes from "./Banner.module.css";
-import { BannerItem } from "../BannerItem";
-import { Root as AccordionRoot } from "@radix-ui/react-accordion";
+import {} from "../BannerItem";
+// import { BannerItem, type BannerItemOptions } from "../BannerItem";
+// import { Root as AccordionRoot } from "@radix-ui/react-accordion";
 import { ChevronUp } from "lucide-react";
 import { SelectionProvider, useSelection, } from "../../contexts/SelectionContext";
 import { Root as DialogRoot, Content as DialogContent, Title as DialogTitle, Description as DialogDescription, Close as DialogClose, } from "@radix-ui/react-dialog";
-import { Root as CollapsibleRoot, Trigger as CollapsibleTrigger, Content as CollapsibleContent, } from "@radix-ui/react-collapsible";
+import { Root as CollapsibleRoot, Trigger as CollapsibleTrigger,
+// Content as CollapsibleContent,
+ } from "@radix-ui/react-collapsible";
 import "../../styles/variables.css";
-const BannerContent = ({ noTarget = true, heading = "We use cookies.", subheading = "Please define your selection below.", selectLabel = "Select", hideLabel = "Hide", saveLabel = "Save selection", declineLabel = "Decline all", defaultSettingsOpen = true, privacyPolicy, items, }) => {
+const BannerContent = ({ noTarget = true, heading = "We use cookies.", subheading = "Please define your selection below.", selectLabel = "Select", hideLabel = "Hide", saveLabel = "Save selection", declineLabel = "Decline all", defaultSettingsOpen = true, privacyPolicy,
+// items,
+ }) => {
     const { onSave, onDeclineAll, selectionTaken } = useSelection();
-    const [openItem, setOpenItem] = useState(undefined);
+    // const [openItem, setOpenItem] = useState<string | undefined>(undefined);
     const [settingsOpen, setSettingsOpen] = useState(defaultSettingsOpen);
     return (_jsx(DialogRoot, { open: !selectionTaken, children: _jsx(DialogContent, { className: cls(classes.root, noTarget ? classes.noTarget : ""), children: _jsxs(CollapsibleRoot, { open: settingsOpen, onOpenChange: setSettingsOpen, className: classes.collapsible, children: [_jsxs("div", { className: classes.header, children: [_jsxs("div", { className: classes.heading, children: [_jsx(DialogTitle, { asChild: true, children: _jsx(Text, { weight: "bold", children: heading }) }), _jsx(DialogDescription, { asChild: true, children: _jsx(Text, { size: "caption", color: "muted", children: subheading }) })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", children: [settingsOpen ? hideLabel : selectLabel, "\u00A0", _jsx(ChevronUp, { size: 12, className: clx({
                                                 [classes.chevron]: true,
                                                 [classes.open]: settingsOpen,
-                                            }) })] }) })] }), _jsx(CollapsibleContent, { className: clx({
-                            [classes.settings]: true,
-                        }), children: _jsx(AccordionRoot, { type: "single", collapsible: true, value: openItem, onValueChange: setOpenItem, children: _jsx(_Fragment, { children: items.map((item) => (_jsx(BannerItem, { ...item, openItem: openItem }, item.value))) }) }) }), _jsxs("div", { className: classes.footer, children: [_jsx("div", { className: classes.legal, children: privacyPolicy && (_jsx(Text, { size: "caption", children: _jsx("a", { href: privacyPolicy.url, target: "_blank", children: privacyPolicy.label }) })) }), _jsxs("div", { className: classes.actions, children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "neutral", onClick: () => onDeclineAll(), children: declineLabel }) }), _jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "brand", onClick: () => onSave(), children: saveLabel }) })] })] })] }) }) }));
+                                            }) })] }) })] }), _jsxs("div", { className: classes.footer, children: [_jsx("div", { className: classes.legal, children: privacyPolicy && (_jsx(Text, { size: "caption", children: _jsx("a", { href: privacyPolicy.url, target: "_blank", children: privacyPolicy.label }) })) }), _jsxs("div", { className: classes.actions, children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "neutral", onClick: () => onDeclineAll(), children: declineLabel }) }), _jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "brand", onClick: () => onSave(), children: saveLabel }) })] })] })] }) }) }));
 };
 export const Banner = ({ localStorageKey = "cb-selection", items, ...rest }) => {
     const selectionItems = useMemo(() => items