periplo-ui 3.52.0 → 3.52.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.
|
@@ -23,34 +23,7 @@ const AccordionTrigger = React.forwardRef(({ className, children, ...props }, re
|
|
|
23
23
|
}
|
|
24
24
|
) }));
|
|
25
25
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
26
|
-
const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
27
|
-
const innerRef = React.useRef(null);
|
|
28
|
-
const [isOpen, setIsOpen] = React.useState(void 0);
|
|
29
|
-
React.useEffect(() => {
|
|
30
|
-
const node = innerRef.current;
|
|
31
|
-
if (!node) return;
|
|
32
|
-
const sync = () => setIsOpen(node.dataset.state === "open");
|
|
33
|
-
sync();
|
|
34
|
-
const observer = new MutationObserver(sync);
|
|
35
|
-
observer.observe(node, { attributes: true, attributeFilter: ["data-state"] });
|
|
36
|
-
return () => observer.disconnect();
|
|
37
|
-
}, []);
|
|
38
|
-
return /* @__PURE__ */ jsx(
|
|
39
|
-
AccordionPrimitive.Content,
|
|
40
|
-
{
|
|
41
|
-
forceMount: true,
|
|
42
|
-
...props,
|
|
43
|
-
ref: (node) => {
|
|
44
|
-
innerRef.current = node;
|
|
45
|
-
if (typeof ref === "function") ref(node);
|
|
46
|
-
else if (ref) ref.current = node;
|
|
47
|
-
},
|
|
48
|
-
className: "group text-sm",
|
|
49
|
-
"aria-hidden": isOpen === false ? true : void 0,
|
|
50
|
-
children: /* @__PURE__ */ jsx("div", { className: "grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-6", className), children }) }) })
|
|
51
|
-
}
|
|
52
|
-
);
|
|
53
|
-
});
|
|
26
|
+
const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, { forceMount: true, ...props, ref, className: "group text-sm", children: /* @__PURE__ */ jsx("div", { className: "grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]", children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-6", className), children }) }) }) }));
|
|
54
27
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
55
28
|
|
|
56
29
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { CaretDown } from '@phosphor-icons/react/dist/ssr/CaretDown'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180',\n className,\n )}\n {...props}\n >\n {children}\n <CaretDown className=\"text-foreground h-6 w-6 shrink-0 transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) =>
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { CaretDown } from '@phosphor-icons/react/dist/ssr/CaretDown'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline md:py-6 [&[data-state=open]>svg]:rotate-180',\n className,\n )}\n {...props}\n >\n {children}\n <CaretDown className=\"text-foreground h-6 w-6 shrink-0 transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ComponentRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content forceMount {...props} ref={ref} className=\"group text-sm\">\n <div className=\"grid transition-[grid-template-rows] duration-200 ease-out group-data-[state=closed]:grid-rows-[0fr] group-data-[state=open]:grid-rows-[1fr]\">\n <div className=\"overflow-hidden\">\n <div className={cn('pt-0 pb-6', className)}>{children}</div>\n </div>\n </div>\n </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,YAAY,kBAAA,CAAmB;AAErC,MAAM,aAAA,GAAgB,MAAM,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA,CAAC,mBAAmB,IAAA,EAAnB,EAAwB,KAAU,SAAA,EAAW,EAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACrF;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBACpC,GAAA,CAAC,kBAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,sIAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,oEAAA,EAAqE;AAAA;AAAA;AAC5F,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;AAE1D,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,EAAM,EAAG,GAAA,yBACnC,kBAAA,CAAmB,OAAA,EAAnB,EAA2B,UAAA,EAAU,IAAA,EAAE,GAAG,KAAA,EAAO,GAAA,EAAU,SAAA,EAAU,eAAA,EACpE,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gJACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,SAAS,CAAA,EAAI,UAAS,CAAA,EACxD,CAAA,EACF,GACF,CACD;AAED,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;;;;"}
|