@trafilea/afrodita-components 7.21.0 → 7.22.0
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{__assign as o}from"tslib";import{jsxs as n,jsx as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as n,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled";import{Disclosure as i}from"@headlessui/react";import{useRef as r}from"react";import"../../types/enums.js";import{useTheme as c}from"../../core/theme/Theme.js";import{AccordionStyles as l,AccordionSummaryStyles as d,AccordionDetailsStyles as a,StyledOpenIconContainer as v,StyledPanelWrapper as s,StyledCloseIconContainer as u}from"./styles.js";var m=0,h=t.div(l.baseStyles,(function(o){return[l[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=t.button(d.baseStyles,(function(o){var n;return[d[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,o.controlIconPos)]}),(function(o){return[d.alignment(o.centerHeader,o.controlIconPos)]}),(function(o){return[d.title(o.titlecolor)]})),f=t.div(a.baseStyles,(function(o){return[a[o.variant](o.theme)]})),b=function(t){var l,d=t.header,a=t.headerOnOpen,b=t.content,I=t.defaultOpen,g=t.forceOpenHandler,C=void 0!==g&&g,y=t.forceOpenValue,B=void 0!==y&&y,k=t.titleColor,P=t.variant,H=t.disabled,O=void 0!==H&&H,j=t.innerHTML,x=void 0!==j&&j,N=t.backgroundCover,S=void 0===N?{value:!1,iconBgColor:"inherit"}:N,T=t.controlIconPos,w=void 0===T?"right":T,L=t.centerHeader,M=void 0!==L&&L,_=t.openIcon,V=t.closeIcon,q=t.onClick,z=t.testId,A=t.ssr,D=void 0!==A&&A,E=t.id,F=c(),G=r(null);null!==(l=G.current)&&void 0!==l||(G.current="afrodita-accordion-".concat(++m));var J=null!=E?E:G.current,K="".concat(J,"-button"),Q="".concat(J,"-panel"),R=function(o,n){return{height:o.component.accordion.variant[n].icon.height,width:o.component.accordion.variant[n].icon.width,fill:o.component.accordion.variant[n].icon.color}}(F,P),U="bottom"===w,W=function(n){var t={variant:P,theme:F,id:Q,role:n?"region":void 0,"aria-labelledby":K,"aria-hidden":!n};return e(f,o({},t,x?{dangerouslySetInnerHTML:{__html:b}}:{children:x?null:"function"==typeof b?e(b,{},void 0):b}),void 0)};if(C){var X=O||!B?_:V,Y=B&&!O,Z=Y||D,$=function(){O||null==q||q()};return n(h,o({"data-testid":z,theme:F,variant:P,disabled:O,controlIconPos:w},{children:[n(p,o({theme:F,variant:P,disabled:O,titlecolor:k,controlIconPos:w,centerHeader:M,"aria-controls":Q,"aria-expanded":Y,id:K,onClick:$,type:"button"},{children:[Y&&a?a:d,!U&&e(X,o({title:B?"close icon":"open icon"},R),void 0),U&&!Y&&!(null==S?void 0:S.value)&&e(v,o({className:"openIconBottom",backgroundCover:null==S?void 0:S.iconBgColor},{children:e(X,o({title:"open icon"},R),void 0)}),void 0)]}),void 0),Z&&e(s,o({hidden:!Y},{children:W(Y)}),void 0),U&&Y&&e(u,o({as:"button",type:"button",className:"closeIconBottom",onClick:$},{children:e(X,o({title:"close icon"},R),void 0)}),void 0)]}),void 0)}return e(i,o({as:"div",defaultOpen:I},{children:function(t){var r=t.open,c=O||!r?_:V,l=r&&!O,m=l||D,f=r?"close icon":"open icon";return n(h,o({"data-testid":z,theme:F,variant:P,disabled:O,controlIconPos:w},{children:[n(i.Button,o({as:p,theme:F,variant:P,disabled:O,titlecolor:k,controlIconPos:w,centerHeader:M,"aria-controls":Q,"aria-expanded":l,id:K,onClick:function(){return null==q?void 0:q()}},{children:[l&&a?a:d,!U&&e(c,o({title:f},R),void 0),U&&!l&&!(null==S?void 0:S.value)&&e(v,o({className:"openIconBottom",backgroundCover:null==S?void 0:S.iconBgColor},{children:e(c,o({title:"open icon"},R),void 0)}),void 0)]}),void 0),m&&e(s,o({hidden:!l},{children:W(l)}),void 0),U&&l&&e(i.Button,o({as:u,className:"closeIconBottom",onClick:function(){return null==q?void 0:q()}},{children:e(c,o({title:"close icon"},R),void 0)}),void 0)]}),void 0)}}),void 0)};export{b as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as n,__makeTemplateObject as o}from"tslib";import{css as r}from"@emotion/react";import t from"@emotion/styled";var e={baseStyles:r({background:"transparent",width:"auto"}),simple:function(o,t
|
|
1
|
+
import{__assign as n,__makeTemplateObject as o}from"tslib";import{css as r}from"@emotion/react";import t from"@emotion/styled";var e={baseStyles:r({background:"transparent",width:"auto"}),simple:function(o,t){return r(n(n({},o.component.accordion.variant.simple.container),{borderColor:t?o.colors.border.disabled:o.component.accordion.variant.simple.container.borderColor}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.container),{padding:"bottom"===e?"unset":o.component.accordion.variant.box.container.padding,borderRadius:"bottom"===e?"1.25rem":o.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===e?"hidden":"unset",borderColor:t?o.colors.border.disabled:o.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:r({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),alignment:function(n,o){return r(n&&"right"===o?{justifyContent:"center",columnGap:"0.5rem"}:{})},simple:function(o,t,e){return r(n(n({},o.component.accordion.variant.simple.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.simple.summary.color,fontFamily:o.fonts.config[0].family}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.box.summary.color,fontFamily:o.fonts.config[0].family}))},title:function(n){return r({color:n||""})}},a={baseStyles:r({width:"100%",background:"transparent",border:"none"}),simple:function(o){return r(n({},o.component.accordion.variant.simple.details))},box:function(o){return r(n({},o.component.accordion.variant.box.details))}};t.button(c||(c=o(["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"],["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"])));var c,d,l,s,m=t.div(d||(d=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"])),(function(n){return n.backgroundCover||"inherit"})),p=t.div(l||(l=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"]))),u=t.div(s||(s=o(["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"],["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"])));export{a as AccordionDetailsStyles,e as AccordionStyles,i as AccordionSummaryStyles,p as StyledCloseIconContainer,m as StyledOpenIconContainer,u as StyledPanelWrapper};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -80,6 +80,8 @@ interface AccordionProps {
|
|
|
80
80
|
innerHTML?: boolean;
|
|
81
81
|
/** Position of the control icon */
|
|
82
82
|
controlIconPos?: 'right' | 'bottom';
|
|
83
|
+
/** Center header content and control icon (only applies when controlIconPos="right") */
|
|
84
|
+
centerHeader?: boolean;
|
|
83
85
|
/** Background cover configuration */
|
|
84
86
|
backgroundCover?: {
|
|
85
87
|
value: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("@headlessui/react"),t=require("react");require("../../types/enums.js");var r=require("../../core/theme/Theme.js"),a=require("./styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(o),l=0,d=c.default.div(a.AccordionStyles.baseStyles,(function(e){return[a.AccordionStyles[e.variant](e.theme,e.disabled,e.controlIconPos)]})),u=c.default.button(a.AccordionSummaryStyles.baseStyles,(function(e){var n;return[a.AccordionSummaryStyles[e.variant](e.theme,null!==(n=e.disabled)&&void 0!==n&&n,e.controlIconPos)]}),(function(e){return[a.AccordionSummaryStyles.alignment(e.centerHeader,e.controlIconPos)]}),(function(e){return[a.AccordionSummaryStyles.title(e.titlecolor)]})),v=c.default.div(a.AccordionDetailsStyles.baseStyles,(function(e){return[a.AccordionDetailsStyles[e.variant](e.theme)]}));module.exports=function(o){var s,c=o.header,_=o.headerOnOpen,h=o.content,m=o.defaultOpen,f=o.forceOpenHandler,g=void 0!==f&&f,p=o.forceOpenValue,y=void 0!==p&&p,j=o.titleColor,x=o.variant,b=o.disabled,S=void 0!==b&&b,I=o.innerHTML,C=void 0!==I&&I,P=o.backgroundCover,B=void 0===P?{value:!1,iconBgColor:"inherit"}:P,k=o.controlIconPos,q=void 0===k?"right":k,A=o.centerHeader,O=void 0!==A&&A,H=o.openIcon,D=o.closeIcon,N=o.onClick,T=o.testId,w=o.ssr,L=void 0!==w&&w,M=o.id,W=r.useTheme(),R=t.useRef(null);null!==(s=R.current)&&void 0!==s||(R.current="afrodita-accordion-".concat(++l));var V=null!=M?M:R.current,z="".concat(V,"-button"),E="".concat(V,"-panel"),F=function(e,n){return{height:e.component.accordion.variant[n].icon.height,width:e.component.accordion.variant[n].icon.width,fill:e.component.accordion.variant[n].icon.color}}(W,x),G="bottom"===q,J=function(o){var i={variant:x,theme:W,id:E,role:o?"region":void 0,"aria-labelledby":z,"aria-hidden":!o};return C?n.jsx(v,e.__assign({},i,{dangerouslySetInnerHTML:{__html:h}}),void 0):n.jsx(v,e.__assign({},i,{children:function(){if(C)return null;if("function"==typeof h){var e=h;return n.jsx(e,{},void 0)}return h}()}),void 0)};if(g){var K=S||!y?H:D,Q=y&&!S,U=Q||L,X=y?"close icon":"open icon",Y=function(){S||null==N||N()};return n.jsxs(d,e.__assign({"data-testid":T,theme:W,variant:x,disabled:S,controlIconPos:q},{children:[n.jsxs(u,e.__assign({theme:W,variant:x,disabled:S,titlecolor:j,controlIconPos:q,centerHeader:O,"aria-controls":E,"aria-expanded":Q,id:z,onClick:Y,type:"button"},{children:[Q&&_?_:c,!G&&n.jsx(K,e.__assign({title:X},F),void 0),G&&!Q&&!(null==B?void 0:B.value)&&n.jsx(a.StyledOpenIconContainer,e.__assign({className:"openIconBottom",backgroundCover:null==B?void 0:B.iconBgColor},{children:n.jsx(K,e.__assign({title:"open icon"},F),void 0)}),void 0)]}),void 0),U&&n.jsx(a.StyledPanelWrapper,e.__assign({hidden:!Q},{children:J(Q)}),void 0),G&&Q&&n.jsx(a.StyledCloseIconContainer,e.__assign({as:"button",type:"button",className:"closeIconBottom",onClick:Y},{children:n.jsx(K,e.__assign({title:"close icon"},F),void 0)}),void 0)]}),void 0)}return n.jsx(i.Disclosure,e.__assign({as:"div",defaultOpen:m},{children:function(o){var t=o.open,r=S||!t?H:D,s=t&&!S,l=s||L,v=t?"close icon":"open icon";return n.jsxs(d,e.__assign({"data-testid":T,theme:W,variant:x,disabled:S,controlIconPos:q},{children:[n.jsxs(i.Disclosure.Button,e.__assign({as:u,theme:W,variant:x,disabled:S,titlecolor:j,controlIconPos:q,centerHeader:O,"aria-controls":E,"aria-expanded":s,id:z,onClick:function(){return null==N?void 0:N()}},{children:[s&&_?_:c,!G&&n.jsx(r,e.__assign({title:v},F),void 0),G&&!s&&!(null==B?void 0:B.value)&&n.jsx(a.StyledOpenIconContainer,e.__assign({className:"openIconBottom",backgroundCover:null==B?void 0:B.iconBgColor},{children:n.jsx(r,e.__assign({title:"open icon"},F),void 0)}),void 0)]}),void 0),l&&n.jsx(a.StyledPanelWrapper,e.__assign({hidden:!s},{children:J(s)}),void 0),G&&s&&n.jsx(i.Disclosure.Button,e.__assign({as:a.StyledCloseIconContainer,className:"closeIconBottom",onClick:function(){return null==N?void 0:N()}},{children:n.jsx(r,e.__assign({title:"close icon"},F),void 0)}),void 0)]}),void 0)}}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r={baseStyles:o.css({background:"transparent",width:"auto"}),simple:function(e,t
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r={baseStyles:o.css({background:"transparent",width:"auto"}),simple:function(e,t){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.container),{borderColor:t?e.colors.border.disabled:e.component.accordion.variant.simple.container.borderColor}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.container),{padding:"bottom"===r?"unset":e.component.accordion.variant.box.container.padding,borderRadius:"bottom"===r?"1.25rem":e.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===r?"hidden":"unset",borderColor:t?e.colors.border.disabled:e.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:o.css({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),alignment:function(n,e){return n&&"right"===e?o.css({justifyContent:"center",columnGap:"0.5rem"}):o.css({})},simple:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.simple.summary.color,fontFamily:e.fonts.config[0].family}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.box.summary.color,fontFamily:e.fonts.config[0].family}))},title:function(n){return o.css({color:n||""})}},a={baseStyles:o.css({width:"100%",background:"transparent",border:"none"}),simple:function(e){return o.css(n.__assign({},e.component.accordion.variant.simple.details))},box:function(e){return o.css(n.__assign({},e.component.accordion.variant.box.details))}};t.default.button(c||(c=n.__makeTemplateObject(["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"],["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"])));var c,s,d,l,u=t.default.div(s||(s=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"])),(function(n){return n.backgroundCover||"inherit"})),p=t.default.div(d||(d=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"]))),m=t.default.div(l||(l=n.__makeTemplateObject(["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"],["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"])));exports.AccordionDetailsStyles=a,exports.AccordionStyles=r,exports.AccordionSummaryStyles=i,exports.StyledCloseIconContainer=p,exports.StyledOpenIconContainer=u,exports.StyledPanelWrapper=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/package.json
CHANGED