@trafilea/afrodita-components 7.15.0 → 7.16.0

package/build/es/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{AccordionStyles as a,AccordionSummaryStyles as d,AccordionDetailsStyles as l,StyledOpenIconContainer as v,StyledContent as s,StyledCloseIconContainer as h}from"./styles.js";var m=r(c)(a.baseStyles,(function(o){return[a[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=r(c.Button)(d.baseStyles,(function(o){return[d[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[d.title(o.titlecolor)]})),u=r(c.Panel)(l.baseStyles,(function(o){return[l[o.variant](o.theme)]})),f=function(r){var c=r.header,a=r.headerOnOpen,d=r.content,l=r.defaultOpen,f=r.forceOpenHandler,g=void 0!==f&&f,b=r.forceOpenValue,I=void 0!==b&&b,y=r.titleColor,C=r.variant,k=r.disabled,P=void 0!==k&&k,w=r.innerHTML,O=void 0!==w&&w,B=r.backgroundCover,S=void 0===B?{value:!1,iconBgColor:"inherit"}:B,H=r.controlIconPos,_=void 0===H?"right":H,L=r.openIcon,M=r.closeIcon,T=r.onClick,j=r.testId,x=r.ssr,N=void 0!==x&&x,V=e();return n(m,o({"data-testid":j,theme:V,as:"div",defaultOpen:l,variant:C,disabled:P,onClick:T,controlIconPos:_},{children:function(e){var r=e.open,l=g?I:r,m=P?L:l?M:L,f=l&&!P,b=f||N;return i(t,{children:[i(p,o({theme:V,variant:C,disabled:P,titlecolor:y,controlIconPos:_},{children:[f&&a?a:c,"right"===_&&n(m,{title:l?"close icon":"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0),"bottom"===_&&!(null==S?void 0:S.value)&&!f&&n(v,o({className:"openIconBottom",backgroundCover:S.iconBgColor},{children:n(m,{title:"open icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0),"bottom"===_&&b&&i(t,{children:[n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0),f&&n(h,o({className:"closeIconBottom"},{children:n(m,{title:"close icon",height:V.component.accordion.variant[C].icon.height,width:V.component.accordion.variant[C].icon.width,fill:V.component.accordion.variant[C].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===_&&b&&n(s,o({onClick:function(o){return o.stopPropagation()},style:{display:f?"block":"none"}},{children:O?n("div",{dangerouslySetInnerHTML:{__html:d}},void 0):n(u,o({static:!0,variant:C,theme:V},{children:d}),void 0)}),void 0)]},void 0)}}),void 0)};export{f as default};
+import{__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{useRef as a}from"react";import{AccordionStyles as l,AccordionSummaryStyles as d,AccordionDetailsStyles as v,StyledOpenIconContainer as s,StyledContent as h,StyledCloseIconContainer as m}from"./styles.js";var u=0,p=r(c)(l.baseStyles,(function(o){return[l[o.variant](o.theme,o.disabled,o.controlIconPos)]})),f=r(c.Button)(d.baseStyles,(function(o){var n,i;return[d[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(i=o.controlIconPos)&&void 0!==i?i:"right")]}),(function(o){return[d.title(o.titlecolor)]})),b=r(c.Panel)(v.baseStyles,(function(o){return[v[o.variant](o.theme)]})),g=function(r){var c,l=r.header,d=r.headerOnOpen,v=r.content,g=r.defaultOpen,y=r.forceOpenHandler,I=void 0!==y&&y,C=r.forceOpenValue,k=void 0!==C&&C,P=r.titleColor,w=r.variant,O=r.disabled,B=void 0!==O&&O,S=r.innerHTML,H=void 0!==S&&S,j=r.backgroundCover,x=void 0===j?{value:!1,iconBgColor:"inherit"}:j,L=r.controlIconPos,M=void 0===L?"right":L,N=r.openIcon,T=r.closeIcon,_=r.onClick,V=r.testId,q=r.ssr,z=void 0!==q&&q,A=r.id,D=e(),E=a(null);null!==(c=E.current)&&void 0!==c||(E.current="afrodita-accordion-".concat(++u));var F=null!=A?A:E.current,G="".concat(F,"-button"),J="".concat(F,"-panel");return n(p,o({"data-testid":V,theme:D,as:"div",defaultOpen:g,variant:w,disabled:B,onClick:_,controlIconPos:M},{children:function(e){var r=e.open,c=I?k:r,a=B?N:c?T:N,u=c&&!B,p=u||z,g=u?"region":void 0,y=function(){return n(b,H?{static:!0,variant:w,theme:D,id:J,role:g,"aria-labelledby":G,dangerouslySetInnerHTML:{__html:v}}:o({static:!0,variant:w,theme:D,id:J,role:g,"aria-labelledby":G},{children:v}),void 0)};return i(t,{children:[i(f,o({theme:D,variant:w,disabled:B,titlecolor:P,controlIconPos:M,"aria-controls":J,id:G},{children:[u&&d?d:l,"right"===M&&n(a,{title:c?"close icon":"open icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0),"bottom"===M&&!(null==x?void 0:x.value)&&!u&&n(s,o({className:"openIconBottom",backgroundCover:x.iconBgColor},{children:n(a,{title:"open icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0)}),void 0),"bottom"===M&&p&&i(t,{children:[n(h,o({onClick:function(o){return o.stopPropagation()},style:{display:u?"block":"none"}},{children:y()}),void 0),u&&n(m,o({className:"closeIconBottom"},{children:n(a,{title:"close icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===M&&p&&n(h,o({onClick:function(o){return o.stopPropagation()},style:{display:u?"block":"none"}},{children:y()}),void 0)]},void 0)}}),void 0)};export{g as default};
 //# sourceMappingURL=Accordion.js.map

package/build/index.d.ts

@@ -1422,8 +1422,9 @@ interface AccordionProps {
     onClick?: (index: number) => void;
     testId?: string;
     ssr?: boolean;
+    id?: string;
 }
-declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, innerHTML, backgroundCover, controlIconPos, openIcon, closeIcon, onClick, testId, ssr, }: AccordionProps) => JSX.Element;
+declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, innerHTML, backgroundCover, controlIconPos, openIcon, closeIcon, onClick, testId, ssr, id, }: AccordionProps) => JSX.Element;
 
 interface AccordionOptionsProps {
     titleColor: string;

package/build/lib/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("./styles.js");function c(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=c(i),s=a.default(t.Disclosure)(r.AccordionStyles.baseStyles,(function(o){return[r.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),l=a.default(t.Disclosure.Button)(r.AccordionSummaryStyles.baseStyles,(function(o){return[r.AccordionSummaryStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]}),(function(o){return[r.AccordionSummaryStyles.title(o.titlecolor)]})),d=a.default(t.Disclosure.Panel)(r.AccordionDetailsStyles.baseStyles,(function(o){return[r.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t=i.header,c=i.headerOnOpen,a=i.content,u=i.defaultOpen,v=i.forceOpenHandler,h=void 0!==v&&v,m=i.forceOpenValue,p=void 0!==m&&m,g=i.titleColor,y=i.variant,f=i.disabled,_=void 0!==f&&f,S=i.innerHTML,j=void 0!==S&&S,x=i.backgroundCover,b=void 0===x?{value:!1,iconBgColor:"inherit"}:x,C=i.controlIconPos,I=void 0===C?"right":C,k=i.openIcon,P=i.closeIcon,A=i.onClick,O=i.testId,q=i.ssr,w=void 0!==q&&q,B=e.useTheme();return n.jsx(s,o.__assign({"data-testid":O,theme:B,as:"div",defaultOpen:u,variant:y,disabled:_,onClick:A,controlIconPos:I},{children:function(e){var i=e.open,s=h?p:i,u=_?k:s?P:k,v=s&&!_,m=v||w;return n.jsxs(n.Fragment,{children:[n.jsxs(l,o.__assign({theme:B,variant:y,disabled:_,titlecolor:g,controlIconPos:I},{children:[v&&c?c:t,"right"===I&&n.jsx(u,{title:s?"close icon":"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0),"bottom"===I&&!(null==b?void 0:b.value)&&!v&&n.jsx(r.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:b.iconBgColor},{children:n.jsx(u,{title:"open icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0),"bottom"===I&&m&&n.jsxs(n.Fragment,{children:[n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0),v&&n.jsx(r.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(u,{title:"close icon",height:B.component.accordion.variant[y].icon.height,width:B.component.accordion.variant[y].icon.width,fill:B.component.accordion.variant[y].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===I&&m&&n.jsx(r.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:v?"block":"none"}},{children:j?n.jsx("div",{dangerouslySetInnerHTML:{__html:a}},void 0):n.jsx(d,o.__assign({static:!0,variant:y,theme:B},{children:a}),void 0)}),void 0)]},void 0)}}),void 0)};
+"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("react"),c=require("./styles.js");function a(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var l=a(i),d=0,s=l.default(t.Disclosure)(c.AccordionStyles.baseStyles,(function(o){return[c.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),u=l.default(t.Disclosure.Button)(c.AccordionSummaryStyles.baseStyles,(function(o){var n,e;return[c.AccordionSummaryStyles[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(e=o.controlIconPos)&&void 0!==e?e:"right")]}),(function(o){return[c.AccordionSummaryStyles.title(o.titlecolor)]})),v=l.default(t.Disclosure.Panel)(c.AccordionDetailsStyles.baseStyles,(function(o){return[c.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t,a=i.header,l=i.headerOnOpen,h=i.content,m=i.defaultOpen,p=i.forceOpenHandler,g=void 0!==p&&p,y=i.forceOpenValue,f=void 0!==y&&y,b=i.titleColor,S=i.variant,j=i.disabled,_=void 0!==j&&j,x=i.innerHTML,C=void 0!==x&&x,I=i.backgroundCover,k=void 0===I?{value:!1,iconBgColor:"inherit"}:I,P=i.controlIconPos,q=void 0===P?"right":P,A=i.openIcon,O=i.closeIcon,w=i.onClick,B=i.testId,D=i.ssr,H=void 0!==D&&D,T=i.id,F=e.useTheme(),L=r.useRef(null);null!==(t=L.current)&&void 0!==t||(L.current="afrodita-accordion-".concat(++d));var M=null!=T?T:L.current,N="".concat(M,"-button"),R="".concat(M,"-panel");return n.jsx(s,o.__assign({"data-testid":B,theme:F,as:"div",defaultOpen:m,variant:S,disabled:_,onClick:w,controlIconPos:q},{children:function(e){var i=e.open,t=g?f:i,r=_?A:t?O:A,d=t&&!_,s=d||H,m=d?"region":void 0,p=function(){return C?n.jsx(v,{static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N,dangerouslySetInnerHTML:{__html:h}},void 0):n.jsx(v,o.__assign({static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N},{children:h}),void 0)};return n.jsxs(n.Fragment,{children:[n.jsxs(u,o.__assign({theme:F,variant:S,disabled:_,titlecolor:b,controlIconPos:q,"aria-controls":R,id:N},{children:[d&&l?l:a,"right"===q&&n.jsx(r,{title:t?"close icon":"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0),"bottom"===q&&!(null==k?void 0:k.value)&&!d&&n.jsx(c.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:k.iconBgColor},{children:n.jsx(r,{title:"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0),"bottom"===q&&s&&n.jsxs(n.Fragment,{children:[n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0),d&&n.jsx(c.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(r,{title:"close icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===q&&s&&n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0)]},void 0)}}),void 0)};
 //# sourceMappingURL=Accordion.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.15.0",
+  "version": "7.16.0",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",