@scbt-ecom/ui 0.128.2 → 0.128.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r,jsxs as c}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
import{jsx as r,jsxs as c}from"react/jsx-runtime";import{forwardRef as l,useState as g}from"react";import{contentAnimation as k}from"./model/helpers.js";import{AccordionHeader as u}from"./ui/AccordionHeader.js";import{cn as n}from"../../utils/cn.js";import{AnimatePresence as v}from"../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as w}from"../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const A=l(({children:i,label:d,classes:o,defaultOpen:e=!1,icon:m},p)=>{const[t,f]=g(e),h=()=>f(x=>!x);return r("div",{className:n("flex flex-col gap-5",o==null?void 0:o.root),children:c("div",{className:n("w-full disabled:text-color-dark",o==null?void 0:o.wrapper),children:[r(u,{icon:m,classes:o==null?void 0:o.header,isOpen:t,onClick:h,children:d}),r(v,{mode:"sync",initial:!1,children:t&&r(w.div,{ref:p,...k,className:n("desk-body-regular-l w-full overflow-hidden bg-color-transparent text-color-dark",o==null?void 0:o.content),children:r("div",{className:n("p-4 desktop:p-6",o==null?void 0:o.contentInner),children:i})})})]})})});A.displayName="Accordion";export{A as Accordion};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../../../lib/shared/ui/accordion/Accordion.tsx"],"sourcesContent":["'use client'\n\nimport type * as React from 'react'\nimport { forwardRef, type ReactElement, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { contentAnimation } from './model/helpers'\nimport { AccordionHeader, type AccordionHeaderClasses } from './ui/AccordionHeader'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionClasses = {\n root?: string\n wrapper?: string\n content?: string\n contentInner?: string\n header?: AccordionHeaderClasses\n}\n\nexport interface AccordionProps {\n children: React.ReactNode\n label: string | ReactElement\n defaultOpen?: boolean\n icon?: React.ReactElement\n classes?: AccordionClasses\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, label, classes, defaultOpen = false, icon }, ref) => {\n const [isOpen, setIsOpen] = useState(defaultOpen)\n const toggleOpen = () => setIsOpen((prev) => !prev)\n\n return (\n <div className={cn('flex flex-col gap-5', classes?.root)}>\n <div className={cn('w-full disabled:text-color-dark', classes?.wrapper)}>\n <AccordionHeader icon={icon} classes={classes?.header} isOpen={isOpen} onClick={toggleOpen}>\n {label}\n </AccordionHeader>\n <AnimatePresence mode='sync' initial={false}>\n {isOpen && (\n <motion.div\n ref={ref}\n {...contentAnimation}\n className={cn(\n 'desk-body-regular-l
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../../../lib/shared/ui/accordion/Accordion.tsx"],"sourcesContent":["'use client'\n\nimport type * as React from 'react'\nimport { forwardRef, type ReactElement, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { contentAnimation } from './model/helpers'\nimport { AccordionHeader, type AccordionHeaderClasses } from './ui/AccordionHeader'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionClasses = {\n root?: string\n wrapper?: string\n content?: string\n contentInner?: string\n header?: AccordionHeaderClasses\n}\n\nexport interface AccordionProps {\n children: React.ReactNode\n label: string | ReactElement\n defaultOpen?: boolean\n icon?: React.ReactElement\n classes?: AccordionClasses\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, label, classes, defaultOpen = false, icon }, ref) => {\n const [isOpen, setIsOpen] = useState(defaultOpen)\n const toggleOpen = () => setIsOpen((prev) => !prev)\n\n return (\n <div className={cn('flex flex-col gap-5', classes?.root)}>\n <div className={cn('w-full disabled:text-color-dark', classes?.wrapper)}>\n <AccordionHeader icon={icon} classes={classes?.header} isOpen={isOpen} onClick={toggleOpen}>\n {label}\n </AccordionHeader>\n <AnimatePresence mode='sync' initial={false}>\n {isOpen && (\n <motion.div\n ref={ref}\n {...contentAnimation}\n className={cn(\n 'desk-body-regular-l w-full overflow-hidden bg-color-transparent text-color-dark',\n classes?.content\n )}\n >\n <div className={cn('p-4 desktop:p-6', classes?.contentInner)}>{children}</div>\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n </div>\n )\n }\n)\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","children","label","classes","defaultOpen","icon","ref","isOpen","setIsOpen","useState","toggleOpen","prev","jsx","cn","jsxs","AccordionHeader","AnimatePresence","motion","contentAnimation"],"mappings":"ydAyBO,MAAMA,EAAYC,EACvB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,GAAO,KAAAC,CAAA,EAAQC,IAAQ,CAChE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAASL,CAAW,EAC1CM,EAAa,IAAMF,EAAWG,GAAS,CAACA,CAAI,EAElD,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBV,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAAW,EAAC,OAAI,UAAWD,EAAG,kCAAmCV,GAAA,YAAAA,EAAS,OAAO,EACpE,SAAA,CAAAS,EAACG,EAAA,CAAgB,KAAAV,EAAY,QAASF,GAAA,YAAAA,EAAS,OAAQ,OAAAI,EAAgB,QAASG,EAC7E,SAAAR,CAAA,CACH,IACCc,EAAA,CAAgB,KAAK,OAAO,QAAS,GACnC,SAAAT,GACCK,EAACK,EAAO,IAAP,CACC,IAAAX,EACC,GAAGY,EACJ,UAAWL,EACT,kFACAV,GAAA,YAAAA,EAAS,OAAA,EAGX,SAAAS,EAAC,OAAI,UAAWC,EAAG,kBAAmBV,GAAA,YAAAA,EAAS,YAAY,EAAI,SAAAF,CAAA,CAAS,CAAA,CAAA,CAC1E,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CACF,EAEAF,EAAU,YAAc"}
|