@mmb-digital/ds-lilly 1.0.139 → 1.0.141

package/cjs/components/Components/ProductCard/ProductCard.d.ts

@@ -2,27 +2,22 @@ import React, { ReactNode } from 'react';
 import { CardSize } from '../Card';
 import { ProductHeaderPropTypes, ProductHeaderSizeProps } from '../ProductHeader';
 export type ProductCardBackground = 'default' | 'transparent';
+export type ProductCardInteractiveArrowPosition = 'top' | 'center' | 'bottom';
 type ProductCardClickBehavior = {
     /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable: true;
-    /** Click handler for the header area. */
+    isHeaderClickable?: boolean;
+    /** Click handler for the header area or the whole card. */
     onClick?: () => void;
-    /** Makes the whole card interactive. */
+    /** Enables interactive card styles and arrow. */
     isInteractive?: boolean;
-} | {
-    /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable?: false;
-    /** Click handler for the interactive card. */
-    onClick?: () => void;
-    /** Makes the whole card interactive with hover and click styles. */
-    isInteractive: true;
-} | {
-    /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable?: false;
-    /** Cannot be used without `isInteractive` or `isHeaderClickable`. */
-    onClick?: never;
-    /** Makes the whole card interactive with hover and click styles. */
-    isInteractive?: false;
+    /**
+     * Vertical position of the arrow displayed for an interactive ProductCard.
+     * - `top` aligns the arrow with the ProductHeader.
+     * - `center` aligns the arrow with the whole ProductCard.
+     * - `bottom` aligns the arrow with table/custom content.
+     * Default is `center`.
+     */
+    interactiveArrowPosition?: ProductCardInteractiveArrowPosition;
 };
 type ProductCardTableRow = {
     label: ReactNode;
@@ -79,6 +74,6 @@ export type ProductCardPropTypes = Omit<ProductHeaderPropTypes, 'isHeaderClickab
     /** Additional classes applied to header. */
     headerTheme?: string;
 };
-export declare const ProductCard: ({ background, cardTestId, children, customContent, dividerTheme, headerSize, headerTheme, initialState, isCollapsible, isHeaderClickable, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableTheme, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
+export declare const ProductCard: ({ background, cardTestId, children, customContent, dividerTheme, headerSize, headerTheme, initialState, interactiveArrowPosition, isCollapsible, isHeaderClickable, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableTheme, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ProductCard.d.ts.map

package/cjs/components/Components/ProductCard/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAkC,MAAM,OAAO,CAAA;AAKlF,OAAO,EAA2B,QAAQ,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,EAAiB,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEhG,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,aAAa,CAAA;AAE7D,MAAM,MAAM,mCAAmC,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE7E,KAAK,wBAAwB,GAAG;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,mCAAmC,CAAA;CAC/D,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,GAAG,eAAe,GAAG,MAAM,CAAC,GAC7G,wBAAwB,GAAG;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,yEAAyE;IACzE,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACjC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,qCAAqC;IACrC,qBAAqB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,gFAAgF;IAChF,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAEH,eAAO,MAAM,WAAW,oYA0BrB,oBAAoB,sBA0QtB,CAAA"}

package/cjs/components/Components/ProductCard/ProductCard.js

@@ -1,2 +1,2 @@
-"use strict";var e=require('./../../../ext/tslib/tslib.es6.js'),t=require("react"),r=require("react-router-dom");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var a=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var i=require("../Avatar/Avatar.js"),n=require("../Card/Card.js"),l=require("../Card/_elements_/CardCustomTrigger.js"),o=require("../DataTable/DataTable.js"),d=require("../DataTable/DataTableItem.js"),s=require("../Divider/Divider.js"),c=require("../ProductHeader/ProductHeader.js");exports.ProductCard=function(u){var m=u.background,C=void 0===m?"default":m,b=u.cardTestId,p=u.children,v=u.customContent,_=u.dividerTheme,g=u.headerSize,h=void 0===g?"medium":g,k=u.headerTheme,I=u.initialState,E=void 0!==I&&I,f=u.isCollapsible,T=void 0!==f&&f,q=u.isHeaderClickable,D=void 0!==q&&q,j=u.isInteractive,y=void 0!==j&&j,S=u.onClick,w=u.size,x=void 0===w?"large":w,A=u.tableContentAlignment,N=void 0===A?"left":A,B=u.tableDisableStackingOnMobile,z=void 0!==B&&B,H=u.tableFirstColumnSecondary,P=void 0===H||H,M=u.tableGaps,F=void 0===M?"small":M,O=u.tableIsBold,L=void 0!==O&&O,R=u.tableRows,G=u.tableTheme,W=u.tableWiderContent,K=void 0!==W&&W,U=u.theme,J=u.withDivider,Q=void 0!==J&&J,V=e.__rest(u,["background","cardTestId","children","customContent","dividerTheme","headerSize","headerTheme","initialState","isCollapsible","isHeaderClickable","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),X=r.useHistory(),Y=t.useState(E),Z=Y[0],$=Y[1],ee=Array.isArray(R)&&R.length>0,te=t.Children.count(v)>0,re=ee||te,ae=Boolean(V.linkTo||V.externalLink),ie=Boolean(S||ae),ne=D&&ie,le=Boolean(T&&y&&S&&!ne),oe="transparent"===C?{backgroundColor:"transparent",borderColor:"noBorder",shadowSize:"no"}:{},de=t.useMemo((function(){return null!=b?b:V.testId?"productCard-".concat(V.testId):"productCard"}),[b,V.testId]),se=function(){return $((function(e){return!e}))},ce=V.externalLink,ue=V.linkTo,me=t.useCallback((function(){ce?window.open(ce,"_blank","noopener,noreferrer"):"function"!=typeof ue?ue&&X.push(ue):ue()}),[ce,X,ue]),Ce=t.useCallback((function(){ne&&(S?S():ae&&me())}),[me,ae,ne,S]),be=t.useCallback((function(e){ne&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ce()))}),[Ce,ne]),pe=function(){T&&se(),S&&S()},ve=function(e){e.stopPropagation(),se()},_e=function(){return re?t.createElement("div",{className:"c-productCard__headerExtra"},Q&&t.createElement(s.Divider,{theme:a.cx("c-productCard__divider",_)}),ee?t.createElement("div",{className:a.cx("c-productCard__table",G)},t.createElement(o.DataTable,{contentAlignment:N,disableStackingOnMobile:z,firstColumnSecondary:P,gaps:F,isBold:L,widerContent:K},R.map((function(e,r){return t.createElement(d.DataTableItem,{key:"productCard-tableRow-".concat(r),firstColumnSecondary:e.firstColumnSecondary,isBold:e.isBold,label:e.label,perex:e.perex,testId:e.testId,theme:e.theme},e.content)})))):null,te&&t.createElement("div",{className:"c-productCard__customContent"},v)):null},ge=function(){var r=ne?{onClick:Ce,onKeyDown:be,role:"button",tabIndex:0}:{};return t.createElement("div",e.__assign({},r,{className:a.cx("c-productCard__headerArea",{"c-productCard__headerArea--clickable":ne,"c-productCard__headerArea--withSharedTitleLink":ne&&ae&&!S})}),t.createElement(c.ProductHeader,e.__assign({theme:k},V,{size:h})),_e())};return T?t.createElement(n.Card,e.__assign({},oe,{hasCustomTrigger:!0,isCollapsible:!0,header:t.createElement(t.Fragment,null,ne?ge():t.createElement("div",{onClick:function(e){e.stopPropagation(),le?null==S||S():pe()}},t.createElement(c.ProductHeader,e.__assign({},V,{size:h,theme:k})),_e()),!Z&&t.createElement(l.CardCustomTrigger,null,t.createElement("div",{className:"c-productCard__collapsible--trigger",id:V.testId?"productCard-".concat(V.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:ve},t.createElement(i.Avatar,{iconName:"arrowDown"})))),isInteractive:y,isOpen:Z,size:x,testId:de,theme:a.cx("c-productCard__position",{"c-card--interactive--open":Z},U),onClick:ne||le?void 0:pe}),t.createElement("div",null,p,Z&&t.createElement(l.CardCustomTrigger,null,t.createElement("div",{className:"c-productCard__collapsible--trigger",id:V.testId?"productCard-".concat(V.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:ve},t.createElement(i.Avatar,{iconName:"arrowUp"}))))):t.createElement(n.Card,e.__assign({},oe,{isInteractive:y,size:x,testId:null!=b?b:V.testId,theme:U,onClick:ne?void 0:pe}),ge())};
+"use strict";var e=require('./../../../ext/tslib/tslib.es6.js'),t=require("react"),r=require("react-router-dom");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var a=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var i=require("../Avatar/Avatar.js"),o=require("../Card/Card.js"),n=require("../Card/_elements_/CardCustomTrigger.js"),l=require("../DataTable/DataTable.js"),d=require("../DataTable/DataTableItem.js"),c=require("../Divider/Divider.js"),s=require("../ProductHeader/ProductHeader.js");exports.ProductCard=function(u){var m=u.background,C=void 0===m?"default":m,p=u.cardTestId,b=u.children,v=u.customContent,_=u.dividerTheme,h=u.headerSize,g=void 0===h?"medium":h,k=u.headerTheme,E=u.initialState,w=void 0!==E&&E,I=u.interactiveArrowPosition,f=void 0===I?"center":I,A=u.isCollapsible,T=void 0!==A&&A,x=u.isHeaderClickable,q=void 0!==x&&x,D=u.isInteractive,N=void 0!==D&&D,j=u.onClick,y=u.size,S=void 0===y?"large":y,z=u.tableContentAlignment,B=void 0===z?"left":z,P=u.tableDisableStackingOnMobile,H=void 0!==P&&P,M=u.tableFirstColumnSecondary,F=void 0===M||M,O=u.tableGaps,R=void 0===O?"small":O,W=u.tableIsBold,L=void 0!==W&&W,G=u.tableRows,K=u.tableTheme,U=u.tableWiderContent,J=void 0!==U&&U,Q=u.theme,V=u.withDivider,X=void 0!==V&&V,Y=e.__rest(u,["background","cardTestId","children","customContent","dividerTheme","headerSize","headerTheme","initialState","interactiveArrowPosition","isCollapsible","isHeaderClickable","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),Z=r.useHistory(),$=t.useState(w),ee=$[0],te=$[1],re=Array.isArray(G)&&G.length>0,ae=t.Children.count(v)>0,ie=re||ae,oe=!T&&N,ne=Boolean(Y.linkTo||Y.externalLink),le=Boolean(j||ne),de=q&&le,ce=Boolean(T&&N&&j&&!de),se="transparent"===C?{backgroundColor:"transparent",borderColor:"noBorder",shadowSize:"no"}:{},ue=t.useMemo((function(){return null!=p?p:Y.testId?"productCard-".concat(Y.testId):"productCard"}),[p,Y.testId]),me=function(){return te((function(e){return!e}))},Ce=Y.externalLink,pe=Y.linkTo,be=t.useCallback((function(){Ce?window.open(Ce,"_blank","noopener,noreferrer"):"function"!=typeof pe?pe&&Z.push(pe):pe()}),[Ce,Z,pe]),ve=t.useCallback((function(){de&&(j?j():ne&&be())}),[be,ne,de,j]),_e=t.useCallback((function(e){de&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ve()))}),[ve,de]),he=function(){T&&me(),j&&j()},ge=function(e){e.stopPropagation(),me()},ke=function(){return ie?t.createElement("div",{className:"c-productCard__headerExtra"},X&&t.createElement(c.Divider,{theme:a.cx("c-productCard__divider",_)}),t.createElement("div",{className:"c-productCard__headerExtraContent"},re?t.createElement("div",{className:a.cx("c-productCard__table",K)},t.createElement(l.DataTable,{contentAlignment:B,disableStackingOnMobile:H,firstColumnSecondary:F,gaps:R,isBold:L,widerContent:J},G.map((function(e,r){return t.createElement(d.DataTableItem,{key:"productCard-tableRow-".concat(r),firstColumnSecondary:e.firstColumnSecondary,isBold:e.isBold,label:e.label,perex:e.perex,testId:e.testId,theme:e.theme},e.content)})))):null,ae&&t.createElement("div",{className:"c-productCard__customContent"},v))):null},Ee=function(){return t.createElement("div",{"aria-hidden":"true",className:"c-productCard__interactiveArrow"},t.createElement(i.Avatar,{iconName:"arrowRight",size:"small"}))},we=function(){var r,i=de?{onClick:ve,onKeyDown:_e,role:"button",tabIndex:0}:{};return t.createElement("div",e.__assign({},i,{className:a.cx("c-productCard__headerArea",(r={"c-productCard__headerArea--clickable":de,"c-productCard__headerArea--withSharedTitleLink":de&&ne&&!j,"c-productCard__headerArea--withInteractiveArrow":oe,"c-productCard__headerArea--withExtraContent":oe&&ie},r["c-productCard__headerArea--arrow-".concat(f)]=oe,r))}),t.createElement(s.ProductHeader,e.__assign({theme:k},Y,{size:g})),ie?t.createElement("div",{className:a.cx("c-productCard__headerExtraWrapper",{"c-productCard__headerExtraWrapper--withInteractiveArrow":oe&&"bottom"===f,"c-productCard__headerExtraWrapper--withTable":oe&&"bottom"===f&&re})},ke(),oe&&"bottom"===f&&Ee()):null,oe&&(!ie||"bottom"!==f)&&Ee())};return T?t.createElement(o.Card,e.__assign({},se,{hasCustomTrigger:!0,isCollapsible:!0,header:t.createElement(t.Fragment,null,de?we():t.createElement("div",{onClick:function(e){e.stopPropagation(),ce?null==j||j():he()}},t.createElement(s.ProductHeader,e.__assign({},Y,{size:g,theme:k})),ke()),!ee&&t.createElement(n.CardCustomTrigger,null,t.createElement("div",{className:"c-productCard__collapsible--trigger",id:Y.testId?"productCard-".concat(Y.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:ge},t.createElement(i.Avatar,{iconName:"arrowDown"})))),isInteractive:N,isOpen:ee,size:S,testId:ue,theme:a.cx("c-productCard__position",{"c-card--interactive--open":ee},Q),onClick:de||ce?void 0:he}),t.createElement("div",null,b,ee&&t.createElement(n.CardCustomTrigger,null,t.createElement("div",{className:"c-productCard__collapsible--trigger",id:Y.testId?"productCard-".concat(Y.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:ge},t.createElement(i.Avatar,{iconName:"arrowUp"}))))):t.createElement(o.Card,e.__assign({},se,{withoutOpener:!0,isInteractive:N,size:S,testId:null!=p?p:Y.testId,theme:Q,withoutRole:!j||de,onClick:!de&&j?he:void 0}),we())};
 //# sourceMappingURL=ProductCard.js.map

package/cjs/components/Components/ProductCard/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sources":["../../../../../../src/components/Components/ProductCard/ProductCard.tsx"],"sourcesContent":[null],"names":["_a","_b","background","cardTestId","children","customContent","dividerTheme","_c","headerSize","headerTheme","_d","initialState","_e","isCollapsible","_f","isHeaderClickable","_g","isInteractive","onClick","_h","size","_j","tableContentAlignment","_k","tableDisableStackingOnMobile","_l","tableFirstColumnSecondary","_m","tableGaps","_o","tableIsBold","tableRows","tableTheme","_p","tableWiderContent","theme","_q","withDivider","productHeaderProps","__rest","history","useHistory","_r","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","hasTitleLink","Boolean","linkTo","externalLink","hasHeaderAction","isWholeHeaderClickable","separateHeaderAndCollapseClick","transparentCardProps","backgroundColor","borderColor","shadowSize","resolvedCardTestId","useMemo","testId","concat","toggleOpen","prev","executeHeaderNavigation","useCallback","window","open","push","handleWholeHeaderClick","handleWholeHeaderKeyDown","e","key","preventDefault","handleDefaultClick","handleArrowToggleClick","stopPropagation","renderExtraHeaderContent","createElement","className","Divider","cx","DataTable","contentAlignment","disableStackingOnMobile","firstColumnSecondary","gaps","isBold","widerContent","map","row","idx","DataTableItem","label","perex","content","renderHeaderArea","interactiveProps","onKeyDown","role","tabIndex","ProductHeader","__assign","Card","hasCustomTrigger","header","Fragment","CardCustomTrigger","id","Avatar","iconName","undefined"],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sources":["../../../../../../src/components/Components/ProductCard/ProductCard.tsx"],"sourcesContent":[null],"names":["_a","_b","background","cardTestId","children","customContent","dividerTheme","_c","headerSize","headerTheme","_d","initialState","_e","interactiveArrowPosition","_f","isCollapsible","_g","isHeaderClickable","_h","isInteractive","onClick","_j","size","_k","tableContentAlignment","_l","tableDisableStackingOnMobile","_m","tableFirstColumnSecondary","_o","tableGaps","_p","tableIsBold","tableRows","tableTheme","_q","tableWiderContent","theme","_r","withDivider","productHeaderProps","__rest","history","useHistory","_s","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","hasCustomInteractiveArrow","hasTitleLink","Boolean","linkTo","externalLink","hasHeaderAction","isWholeHeaderClickable","separateHeaderAndCollapseClick","transparentCardProps","backgroundColor","borderColor","shadowSize","resolvedCardTestId","useMemo","testId","concat","toggleOpen","prev","executeHeaderNavigation","useCallback","window","open","push","handleWholeHeaderClick","handleWholeHeaderKeyDown","e","key","preventDefault","handleDefaultClick","handleArrowToggleClick","stopPropagation","renderExtraHeaderContent","createElement","className","Divider","cx","DataTable","contentAlignment","disableStackingOnMobile","firstColumnSecondary","gaps","isBold","widerContent","map","row","idx","DataTableItem","label","perex","content","renderInteractiveArrow","Avatar","iconName","renderHeaderArea","interactiveProps","onKeyDown","role","tabIndex","ProductHeader","__assign","Card","hasCustomTrigger","header","Fragment","CardCustomTrigger","id","undefined","withoutOpener","withoutRole"],"mappings":"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"}

package/cjs/ds-lilly.css

@@ -7460,6 +7460,9 @@ body.dark .c-logo__svg {
 .c-productCard__headerExtra {
   width: 100%;
 }
+.c-productCard__headerExtraContent {
+  width: 100%;
+}
 .c-productCard__position {
   position: relative;
   padding-bottom: 56px;
@@ -7473,6 +7476,113 @@ body.dark .c-logo__svg {
 .c-productCard__headerArea {
   width: 100%;
 }
+.c-productCard__headerArea--withInteractiveArrow {
+  column-gap: var(--spaceMedium);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.c-productCard__interactiveArrow {
+  align-self: center;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1/-1;
+  grid-row: 2;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productCard__interactiveArrow {
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1;
+  grid-row: 2;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productCard__interactiveArrow {
+  grid-column: 2;
+  grid-row: 1/3;
+}
+.c-productCard__headerArea--arrow-bottom.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1/-1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-bottom.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1/-1;
+  grid-row: 2;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow::before {
+  content: "";
+  grid-column: 1/-1;
+  grid-row: 2;
+  height: var(--spaceSmall);
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow > .c-productCard__headerExtra {
+  display: contents;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__divider {
+  grid-column: 1/-1;
+  grid-row: 1;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__headerExtraContent {
+  grid-column: 1;
+  grid-row: 3;
+  min-width: 0;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__headerExtraContent > :first-child {
+  margin-top: 0;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow > .c-productCard__interactiveArrow {
+  align-self: center;
+  grid-column: 2;
+  grid-row: 3;
+  margin-left: var(--spaceMedium);
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow.c-productCard__headerExtraWrapper--withTable::before {
+  height: var(--spaceXXSmall);
+}
+.c-productCard__headerArea--arrow-top:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-top:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: start;
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-center:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-center:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: center;
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-bottom:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-bottom:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: end;
+  grid-column: 2;
+  grid-row: 1;
+}
 .c-productCard__headerArea--clickable {
   cursor: pointer;
 }
@@ -9462,6 +9572,7 @@ body.dark .c-logo__svg {
 }
 
 .m-menu__item {
+  list-style: none;
   margin: 0;
   padding: 0;
   margin-left: var(--spaceLarge);
@@ -11659,7 +11770,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/455adccf2d9424167955.gif') center center no-repeat;
+    background: #fff url('assets/3a0aba08d94595e2e053.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -11669,8 +11780,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/969a688d2e03e6fee02c.eot');
-    src: url('assets/1d9aa1dad8b935ba5a3b.eot') format('embedded-opentype'), url('assets/3a0a15a0e7d0f8568aa4.woff') format('woff'), url('assets/e11209fdb06bcea2fbb9.ttf') format('truetype'), url('assets/e42c9a3d09a59ff6ade3.svg') format('svg');
+    src: url('assets/e63d6d7f972354f6da97.eot');
+    src: url('assets/2cf962a7cf106b6a528b.eot') format('embedded-opentype'), url('assets/7168dd884c2fb8a07195.woff') format('woff'), url('assets/ce4429ea8a045cb5df19.ttf') format('truetype'), url('assets/3c0a7e9df9421a093155.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/cjs/ext/raf/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});for(var e=require("../../_virtual/_commonjsHelpers.js"),n=require("../../_virtual/index6.js"),t=require("../performance-now/lib/performance-now.js").performanceNowExports,r="undefined"==typeof window?e.commonjsGlobal:window,o=["moz","webkit"],l="AnimationFrame",a=r["request"+l],c=r["cancel"+l]||r["cancelRequest"+l],i=0;!a&&i<o.length;i++)a=r[o[i]+"Request"+l],c=r[o[i]+"Cancel"+l]||r[o[i]+"CancelRequest"+l];if(!a||!c){var u=0,s=0,f=[],m=1e3/60;a=function(e){if(0===f.length){var n=t(),r=Math.max(0,m-(n-u));u=r+n,setTimeout((function(){var e=f.slice(0);f.length=0;for(var n=0;n<e.length;n++)if(!e[n].cancelled)try{e[n].callback(u)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(r))}return f.push({handle:++s,callback:e,cancelled:!1}),s},c=function(e){for(var n=0;n<f.length;n++)f[n].handle===e&&(f[n].cancelled=!0)}}n.__module.exports=function(e){return a.call(r,e)},n.__module.exports.cancel=function(){c.apply(r,arguments)},n.__module.exports.polyfill=function(e){e||(e=r),e.requestAnimationFrame=a,e.cancelAnimationFrame=c};var d=n.__module.exports,p=e.getDefaultExportFromCjs(d);exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});for(var e=require("../../_virtual/_commonjsHelpers.js"),n=require("../../_virtual/index5.js"),t=require("../performance-now/lib/performance-now.js").performanceNowExports,r="undefined"==typeof window?e.commonjsGlobal:window,o=["moz","webkit"],l="AnimationFrame",a=r["request"+l],c=r["cancel"+l]||r["cancelRequest"+l],i=0;!a&&i<o.length;i++)a=r[o[i]+"Request"+l],c=r[o[i]+"Cancel"+l]||r[o[i]+"CancelRequest"+l];if(!a||!c){var u=0,s=0,f=[],m=1e3/60;a=function(e){if(0===f.length){var n=t(),r=Math.max(0,m-(n-u));u=r+n,setTimeout((function(){var e=f.slice(0);f.length=0;for(var n=0;n<e.length;n++)if(!e[n].cancelled)try{e[n].callback(u)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(r))}return f.push({handle:++s,callback:e,cancelled:!1}),s},c=function(e){for(var n=0;n<f.length;n++)f[n].handle===e&&(f[n].cancelled=!0)}}n.__module.exports=function(e){return a.call(r,e)},n.__module.exports.cancel=function(){c.apply(r,arguments)},n.__module.exports.polyfill=function(e){e||(e=r),e.requestAnimationFrame=a,e.cancelAnimationFrame=c};var d=n.__module.exports,p=e.getDefaultExportFromCjs(d);exports.default=p;
 //# sourceMappingURL=index.js.map

package/cjs/ext/react-is/index.js

@@ -1,2 +1,2 @@
-"use strict";var e,r=require("../../_virtual/index5.js"),i=require("./cjs/react-is.production.min.js"),s=require("./cjs/react-is.development.js");exports.__require=function(){return e||(e=1,"production"===process.env.NODE_ENV?r.__module.exports=i.__require():r.__module.exports=s.__require()),r.__module.exports};
+"use strict";var e,r=require("../../_virtual/index6.js"),i=require("./cjs/react-is.production.min.js"),s=require("./cjs/react-is.development.js");exports.__require=function(){return e||(e=1,"production"===process.env.NODE_ENV?r.__module.exports=i.__require():r.__module.exports=s.__require()),r.__module.exports};
 //# sourceMappingURL=index.js.map

package/components/Components/ProductCard/ProductCard.d.ts

@@ -2,27 +2,22 @@ import React, { ReactNode } from 'react';
 import { CardSize } from '../Card';
 import { ProductHeaderPropTypes, ProductHeaderSizeProps } from '../ProductHeader';
 export type ProductCardBackground = 'default' | 'transparent';
+export type ProductCardInteractiveArrowPosition = 'top' | 'center' | 'bottom';
 type ProductCardClickBehavior = {
     /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable: true;
-    /** Click handler for the header area. */
+    isHeaderClickable?: boolean;
+    /** Click handler for the header area or the whole card. */
     onClick?: () => void;
-    /** Makes the whole card interactive. */
+    /** Enables interactive card styles and arrow. */
     isInteractive?: boolean;
-} | {
-    /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable?: false;
-    /** Click handler for the interactive card. */
-    onClick?: () => void;
-    /** Makes the whole card interactive with hover and click styles. */
-    isInteractive: true;
-} | {
-    /** Makes the whole header area clickable without using the collapse arrow. */
-    isHeaderClickable?: false;
-    /** Cannot be used without `isInteractive` or `isHeaderClickable`. */
-    onClick?: never;
-    /** Makes the whole card interactive with hover and click styles. */
-    isInteractive?: false;
+    /**
+     * Vertical position of the arrow displayed for an interactive ProductCard.
+     * - `top` aligns the arrow with the ProductHeader.
+     * - `center` aligns the arrow with the whole ProductCard.
+     * - `bottom` aligns the arrow with table/custom content.
+     * Default is `center`.
+     */
+    interactiveArrowPosition?: ProductCardInteractiveArrowPosition;
 };
 type ProductCardTableRow = {
     label: ReactNode;
@@ -79,6 +74,6 @@ export type ProductCardPropTypes = Omit<ProductHeaderPropTypes, 'isHeaderClickab
     /** Additional classes applied to header. */
     headerTheme?: string;
 };
-export declare const ProductCard: ({ background, cardTestId, children, customContent, dividerTheme, headerSize, headerTheme, initialState, isCollapsible, isHeaderClickable, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableTheme, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
+export declare const ProductCard: ({ background, cardTestId, children, customContent, dividerTheme, headerSize, headerTheme, initialState, interactiveArrowPosition, isCollapsible, isHeaderClickable, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableTheme, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ProductCard.d.ts.map

package/components/Components/ProductCard/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAkC,MAAM,OAAO,CAAA;AAKlF,OAAO,EAA2B,QAAQ,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,EAAiB,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEhG,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,aAAa,CAAA;AAE7D,MAAM,MAAM,mCAAmC,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE7E,KAAK,wBAAwB,GAAG;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,mCAAmC,CAAA;CAC/D,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,GAAG,eAAe,GAAG,MAAM,CAAC,GAC7G,wBAAwB,GAAG;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,yEAAyE;IACzE,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACjC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,qCAAqC;IACrC,qBAAqB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,gFAAgF;IAChF,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAEH,eAAO,MAAM,WAAW,oYA0BrB,oBAAoB,sBA0QtB,CAAA"}

package/components/Components/ProductCard/ProductCard.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../../../ext/tslib/tslib.es6.js';import r,{useState as o,useMemo as a,useCallback as i,Fragment as n}from"react";import{useHistory as l}from"react-router-dom";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as d}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{Avatar as c}from"../Avatar/Avatar.js";import{Card as s}from"../Card/Card.js";import{CardCustomTrigger as m}from"../Card/_elements_/CardCustomTrigger.js";import{DataTable as u}from"../DataTable/DataTable.js";import{DataTableItem as p}from"../DataTable/DataTableItem.js";import{Divider as C}from"../Divider/Divider.js";import{ProductHeader as b}from"../ProductHeader/ProductHeader.js";var v=function(v){var h=v.background,f=void 0===h?"default":h,k=v.cardTestId,_=v.children,g=v.customContent,E=v.dividerTheme,I=v.headerSize,T=void 0===I?"medium":I,j=v.headerTheme,w=v.initialState,y=void 0!==w&&w,D=v.isCollapsible,S=void 0!==D&&D,N=v.isHeaderClickable,A=void 0!==N&&N,B=v.isInteractive,x=void 0!==B&&B,z=v.onClick,M=v.size,F=void 0===M?"large":M,H=v.tableContentAlignment,O=void 0===H?"left":H,P=v.tableDisableStackingOnMobile,L=void 0!==P&&P,R=v.tableFirstColumnSecondary,G=void 0===R||R,W=v.tableGaps,K=void 0===W?"small":W,U=v.tableIsBold,q=void 0!==U&&U,J=v.tableRows,Q=v.tableTheme,V=v.tableWiderContent,X=void 0!==V&&V,Y=v.theme,Z=v.withDivider,$=void 0!==Z&&Z,ee=e(v,["background","cardTestId","children","customContent","dividerTheme","headerSize","headerTheme","initialState","isCollapsible","isHeaderClickable","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),te=l(),re=o(y),oe=re[0],ae=re[1],ie=Array.isArray(J)&&J.length>0,ne=r.Children.count(g)>0,le=ie||ne,de=Boolean(ee.linkTo||ee.externalLink),ce=Boolean(z||de),se=A&&ce,me=Boolean(S&&x&&z&&!se),ue="transparent"===f?{backgroundColor:"transparent",borderColor:"noBorder",shadowSize:"no"}:{},pe=a((function(){return null!=k?k:ee.testId?"productCard-".concat(ee.testId):"productCard"}),[k,ee.testId]),Ce=function(){return ae((function(e){return!e}))},be=ee.externalLink,ve=ee.linkTo,he=i((function(){be?window.open(be,"_blank","noopener,noreferrer"):"function"!=typeof ve?ve&&te.push(ve):ve()}),[be,te,ve]),fe=i((function(){se&&(z?z():de&&he())}),[he,de,se,z]),ke=i((function(e){se&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),fe()))}),[fe,se]),_e=function(){S&&Ce(),z&&z()},ge=function(e){e.stopPropagation(),Ce()},Ee=function(){return le?r.createElement("div",{className:"c-productCard__headerExtra"},$&&r.createElement(C,{theme:d("c-productCard__divider",E)}),ie?r.createElement("div",{className:d("c-productCard__table",Q)},r.createElement(u,{contentAlignment:O,disableStackingOnMobile:L,firstColumnSecondary:G,gaps:K,isBold:q,widerContent:X},J.map((function(e,t){return r.createElement(p,{key:"productCard-tableRow-".concat(t),firstColumnSecondary:e.firstColumnSecondary,isBold:e.isBold,label:e.label,perex:e.perex,testId:e.testId,theme:e.theme},e.content)})))):null,ne&&r.createElement("div",{className:"c-productCard__customContent"},g)):null},Ie=function(){var e=se?{onClick:fe,onKeyDown:ke,role:"button",tabIndex:0}:{};return r.createElement("div",t({},e,{className:d("c-productCard__headerArea",{"c-productCard__headerArea--clickable":se,"c-productCard__headerArea--withSharedTitleLink":se&&de&&!z})}),r.createElement(b,t({theme:j},ee,{size:T})),Ee())};return S?r.createElement(s,t({},ue,{hasCustomTrigger:!0,isCollapsible:!0,header:r.createElement(n,null,se?Ie():r.createElement("div",{onClick:function(e){e.stopPropagation(),me?null==z||z():_e()}},r.createElement(b,t({},ee,{size:T,theme:j})),Ee()),!oe&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:ee.testId?"productCard-".concat(ee.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:ge},r.createElement(c,{iconName:"arrowDown"})))),isInteractive:x,isOpen:oe,size:F,testId:pe,theme:d("c-productCard__position",{"c-card--interactive--open":oe},Y),onClick:se||me?void 0:_e}),r.createElement("div",null,_,oe&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:ee.testId?"productCard-".concat(ee.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:ge},r.createElement(c,{iconName:"arrowUp"}))))):r.createElement(s,t({},ue,{isInteractive:x,size:F,testId:null!=k?k:ee.testId,theme:Y,onClick:se?void 0:_e}),Ie())};export{v as ProductCard};
+import{__rest as e,__assign as t}from'./../../../ext/tslib/tslib.es6.js';import r,{useState as a,useMemo as o,useCallback as i,Fragment as n}from"react";import{useHistory as l}from"react-router-dom";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as d}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{Avatar as c}from"../Avatar/Avatar.js";import{Card as s}from"../Card/Card.js";import{CardCustomTrigger as m}from"../Card/_elements_/CardCustomTrigger.js";import{DataTable as u}from"../DataTable/DataTable.js";import{DataTableItem as p}from"../DataTable/DataTableItem.js";import{Divider as C}from"../Divider/Divider.js";import{ProductHeader as b}from"../ProductHeader/ProductHeader.js";var v=function(v){var h=v.background,_=void 0===h?"default":h,f=v.cardTestId,E=v.children,k=v.customContent,w=v.dividerTheme,g=v.headerSize,I=void 0===g?"medium":g,A=v.headerTheme,T=v.initialState,N=void 0!==T&&T,j=v.interactiveArrowPosition,x=void 0===j?"center":j,y=v.isCollapsible,D=void 0!==y&&y,S=v.isHeaderClickable,z=void 0!==S&&S,B=v.isInteractive,P=void 0!==B&&B,M=v.onClick,O=v.size,R=void 0===O?"large":O,W=v.tableContentAlignment,F=void 0===W?"left":W,H=v.tableDisableStackingOnMobile,L=void 0!==H&&H,G=v.tableFirstColumnSecondary,K=void 0===G||G,U=v.tableGaps,q=void 0===U?"small":U,J=v.tableIsBold,Q=void 0!==J&&J,V=v.tableRows,X=v.tableTheme,Y=v.tableWiderContent,Z=void 0!==Y&&Y,$=v.theme,ee=v.withDivider,te=void 0!==ee&&ee,re=e(v,["background","cardTestId","children","customContent","dividerTheme","headerSize","headerTheme","initialState","interactiveArrowPosition","isCollapsible","isHeaderClickable","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),ae=l(),oe=a(N),ie=oe[0],ne=oe[1],le=Array.isArray(V)&&V.length>0,de=r.Children.count(k)>0,ce=le||de,se=!D&&P,me=Boolean(re.linkTo||re.externalLink),ue=Boolean(M||me),pe=z&&ue,Ce=Boolean(D&&P&&M&&!pe),be="transparent"===_?{backgroundColor:"transparent",borderColor:"noBorder",shadowSize:"no"}:{},ve=o((function(){return null!=f?f:re.testId?"productCard-".concat(re.testId):"productCard"}),[f,re.testId]),he=function(){return ne((function(e){return!e}))},_e=re.externalLink,fe=re.linkTo,Ee=i((function(){_e?window.open(_e,"_blank","noopener,noreferrer"):"function"!=typeof fe?fe&&ae.push(fe):fe()}),[_e,ae,fe]),ke=i((function(){pe&&(M?M():me&&Ee())}),[Ee,me,pe,M]),we=i((function(e){pe&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ke()))}),[ke,pe]),ge=function(){D&&he(),M&&M()},Ie=function(e){e.stopPropagation(),he()},Ae=function(){return ce?r.createElement("div",{className:"c-productCard__headerExtra"},te&&r.createElement(C,{theme:d("c-productCard__divider",w)}),r.createElement("div",{className:"c-productCard__headerExtraContent"},le?r.createElement("div",{className:d("c-productCard__table",X)},r.createElement(u,{contentAlignment:F,disableStackingOnMobile:L,firstColumnSecondary:K,gaps:q,isBold:Q,widerContent:Z},V.map((function(e,t){return r.createElement(p,{key:"productCard-tableRow-".concat(t),firstColumnSecondary:e.firstColumnSecondary,isBold:e.isBold,label:e.label,perex:e.perex,testId:e.testId,theme:e.theme},e.content)})))):null,de&&r.createElement("div",{className:"c-productCard__customContent"},k))):null},Te=function(){return r.createElement("div",{"aria-hidden":"true",className:"c-productCard__interactiveArrow"},r.createElement(c,{iconName:"arrowRight",size:"small"}))},Ne=function(){var e,a=pe?{onClick:ke,onKeyDown:we,role:"button",tabIndex:0}:{};return r.createElement("div",t({},a,{className:d("c-productCard__headerArea",(e={"c-productCard__headerArea--clickable":pe,"c-productCard__headerArea--withSharedTitleLink":pe&&me&&!M,"c-productCard__headerArea--withInteractiveArrow":se,"c-productCard__headerArea--withExtraContent":se&&ce},e["c-productCard__headerArea--arrow-".concat(x)]=se,e))}),r.createElement(b,t({theme:A},re,{size:I})),ce?r.createElement("div",{className:d("c-productCard__headerExtraWrapper",{"c-productCard__headerExtraWrapper--withInteractiveArrow":se&&"bottom"===x,"c-productCard__headerExtraWrapper--withTable":se&&"bottom"===x&&le})},Ae(),se&&"bottom"===x&&Te()):null,se&&(!ce||"bottom"!==x)&&Te())};return D?r.createElement(s,t({},be,{hasCustomTrigger:!0,isCollapsible:!0,header:r.createElement(n,null,pe?Ne():r.createElement("div",{onClick:function(e){e.stopPropagation(),Ce?null==M||M():ge()}},r.createElement(b,t({},re,{size:I,theme:A})),Ae()),!ie&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:re.testId?"productCard-".concat(re.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:Ie},r.createElement(c,{iconName:"arrowDown"})))),isInteractive:P,isOpen:ie,size:R,testId:ve,theme:d("c-productCard__position",{"c-card--interactive--open":ie},$),onClick:pe||Ce?void 0:ge}),r.createElement("div",null,E,ie&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:re.testId?"productCard-".concat(re.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:Ie},r.createElement(c,{iconName:"arrowUp"}))))):r.createElement(s,t({},be,{withoutOpener:!0,isInteractive:P,size:R,testId:null!=f?f:re.testId,theme:$,withoutRole:!M||pe,onClick:!pe&&M?ge:void 0}),Ne())};export{v as ProductCard};
 //# sourceMappingURL=ProductCard.js.map

package/components/Components/ProductCard/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"sourcesContent":[null],"names":["ProductCard","_a","_b","background","cardTestId","children","customContent","dividerTheme","_c","headerSize","headerTheme","_d","initialState","_e","isCollapsible","_f","isHeaderClickable","_g","isInteractive","onClick","_h","size","_j","tableContentAlignment","_k","tableDisableStackingOnMobile","_l","tableFirstColumnSecondary","_m","tableGaps","_o","tableIsBold","tableRows","tableTheme","_p","tableWiderContent","theme","_q","withDivider","productHeaderProps","__rest","history","useHistory","_r","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","hasTitleLink","Boolean","linkTo","externalLink","hasHeaderAction","isWholeHeaderClickable","separateHeaderAndCollapseClick","transparentCardProps","backgroundColor","borderColor","shadowSize","resolvedCardTestId","useMemo","testId","concat","toggleOpen","prev","executeHeaderNavigation","useCallback","window","open","push","handleWholeHeaderClick","handleWholeHeaderKeyDown","e","key","preventDefault","handleDefaultClick","handleArrowToggleClick","stopPropagation","renderExtraHeaderContent","createElement","className","Divider","cx","DataTable","contentAlignment","disableStackingOnMobile","firstColumnSecondary","gaps","isBold","widerContent","map","row","idx","DataTableItem","label","perex","content","renderHeaderArea","interactiveProps","onKeyDown","role","tabIndex","ProductHeader","__assign","Card","hasCustomTrigger","header","Fragment","CardCustomTrigger","id","Avatar","iconName","undefined"],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"sourcesContent":[null],"names":["ProductCard","_a","_b","background","cardTestId","children","customContent","dividerTheme","_c","headerSize","headerTheme","_d","initialState","_e","interactiveArrowPosition","_f","isCollapsible","_g","isHeaderClickable","_h","isInteractive","onClick","_j","size","_k","tableContentAlignment","_l","tableDisableStackingOnMobile","_m","tableFirstColumnSecondary","_o","tableGaps","_p","tableIsBold","tableRows","tableTheme","_q","tableWiderContent","theme","_r","withDivider","productHeaderProps","__rest","history","useHistory","_s","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","hasCustomInteractiveArrow","hasTitleLink","Boolean","linkTo","externalLink","hasHeaderAction","isWholeHeaderClickable","separateHeaderAndCollapseClick","transparentCardProps","backgroundColor","borderColor","shadowSize","resolvedCardTestId","useMemo","testId","concat","toggleOpen","prev","executeHeaderNavigation","useCallback","window","open","push","handleWholeHeaderClick","handleWholeHeaderKeyDown","e","key","preventDefault","handleDefaultClick","handleArrowToggleClick","stopPropagation","renderExtraHeaderContent","createElement","className","Divider","cx","DataTable","contentAlignment","disableStackingOnMobile","firstColumnSecondary","gaps","isBold","widerContent","map","row","idx","DataTableItem","label","perex","content","renderInteractiveArrow","Avatar","iconName","renderHeaderArea","interactiveProps","onKeyDown","role","tabIndex","ProductHeader","__assign","Card","hasCustomTrigger","header","Fragment","CardCustomTrigger","id","undefined","withoutOpener","withoutRole"],"mappings":"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"}

package/ds-lilly.css

@@ -7460,6 +7460,9 @@ body.dark .c-logo__svg {
 .c-productCard__headerExtra {
   width: 100%;
 }
+.c-productCard__headerExtraContent {
+  width: 100%;
+}
 .c-productCard__position {
   position: relative;
   padding-bottom: 56px;
@@ -7473,6 +7476,113 @@ body.dark .c-logo__svg {
 .c-productCard__headerArea {
   width: 100%;
 }
+.c-productCard__headerArea--withInteractiveArrow {
+  column-gap: var(--spaceMedium);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.c-productCard__interactiveArrow {
+  align-self: center;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1/-1;
+  grid-row: 2;
+}
+.c-productCard__headerArea--arrow-top.c-productCard__headerArea--withExtraContent > .c-productCard__interactiveArrow {
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1;
+  grid-row: 2;
+}
+.c-productCard__headerArea--arrow-center.c-productCard__headerArea--withExtraContent > .c-productCard__interactiveArrow {
+  grid-column: 2;
+  grid-row: 1/3;
+}
+.c-productCard__headerArea--arrow-bottom.c-productCard__headerArea--withExtraContent > .c-productHeader {
+  grid-column: 1/-1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-bottom.c-productCard__headerArea--withExtraContent > .c-productCard__headerExtraWrapper {
+  grid-column: 1/-1;
+  grid-row: 2;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow::before {
+  content: "";
+  grid-column: 1/-1;
+  grid-row: 2;
+  height: var(--spaceSmall);
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow > .c-productCard__headerExtra {
+  display: contents;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__divider {
+  grid-column: 1/-1;
+  grid-row: 1;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__headerExtraContent {
+  grid-column: 1;
+  grid-row: 3;
+  min-width: 0;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow .c-productCard__headerExtraContent > :first-child {
+  margin-top: 0;
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow > .c-productCard__interactiveArrow {
+  align-self: center;
+  grid-column: 2;
+  grid-row: 3;
+  margin-left: var(--spaceMedium);
+}
+.c-productCard__headerExtraWrapper--withInteractiveArrow.c-productCard__headerExtraWrapper--withTable::before {
+  height: var(--spaceXXSmall);
+}
+.c-productCard__headerArea--arrow-top:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-top:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: start;
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-center:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-center:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: center;
+  grid-column: 2;
+  grid-row: 1;
+}
+.c-productCard__headerArea--arrow-bottom:not(.c-productCard__headerArea--withExtraContent) > .c-productHeader {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+}
+.c-productCard__headerArea--arrow-bottom:not(.c-productCard__headerArea--withExtraContent) > .c-productCard__interactiveArrow {
+  align-self: end;
+  grid-column: 2;
+  grid-row: 1;
+}
 .c-productCard__headerArea--clickable {
   cursor: pointer;
 }
@@ -9462,6 +9572,7 @@ body.dark .c-logo__svg {
 }
 
 .m-menu__item {
+  list-style: none;
   margin: 0;
   padding: 0;
   margin-left: var(--spaceLarge);
@@ -11659,7 +11770,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/f26c491a533f30b5322c.gif') center center no-repeat;
+    background: #fff url('assets/91e859b1b0aa10be4a8c.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -11669,8 +11780,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/33fd3db6853649e55ef5.eot');
-    src: url('assets/2566526ae3d00dd583f0.eot') format('embedded-opentype'), url('assets/0bf5749d1908f7f7cc4e.woff') format('woff'), url('assets/6e2b4c08ba3b678b1dfb.ttf') format('truetype'), url('assets/caed3640cce94b22ad83.svg') format('svg');
+    src: url('assets/5552d1898cbb932a2d1e.eot');
+    src: url('assets/9a5c35b9a5f9e71c886c.eot') format('embedded-opentype'), url('assets/12fb60603f784467c90b.woff') format('woff'), url('assets/26cb00a61a7d1f041b3a.ttf') format('truetype'), url('assets/311ef171642d41911fcc.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/ext/raf/index.js

@@ -1,2 +1,2 @@
-import{getDefaultExportFromCjs as e,commonjsGlobal as n}from"../../_virtual/_commonjsHelpers.js";import{__module as t}from"../../_virtual/index5.js";import{p as a}from"../performance-now/lib/performance-now.js";for(var o=a,r="undefined"==typeof window?n:window,l=["moz","webkit"],c="AnimationFrame",i=r["request"+c],u=r["cancel"+c]||r["cancelRequest"+c],f=0;!i&&f<l.length;f++)i=r[l[f]+"Request"+c],u=r[l[f]+"Cancel"+c]||r[l[f]+"CancelRequest"+c];if(!i||!u){var m=0,s=0,p=[],d=1e3/60;i=function(e){if(0===p.length){var n=o(),t=Math.max(0,d-(n-m));m=t+n,setTimeout((function(){var e=p.slice(0);p.length=0;for(var n=0;n<e.length;n++)if(!e[n].cancelled)try{e[n].callback(m)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(t))}return p.push({handle:++s,callback:e,cancelled:!1}),s},u=function(e){for(var n=0;n<p.length;n++)p[n].handle===e&&(p[n].cancelled=!0)}}t.exports=function(e){return i.call(r,e)},t.exports.cancel=function(){u.apply(r,arguments)},t.exports.polyfill=function(e){e||(e=r),e.requestAnimationFrame=i,e.cancelAnimationFrame=u};var h=e(t.exports);export{h as default};
+import{getDefaultExportFromCjs as e,commonjsGlobal as n}from"../../_virtual/_commonjsHelpers.js";import{__module as t}from"../../_virtual/index6.js";import{p as a}from"../performance-now/lib/performance-now.js";for(var o=a,r="undefined"==typeof window?n:window,l=["moz","webkit"],c="AnimationFrame",i=r["request"+c],u=r["cancel"+c]||r["cancelRequest"+c],f=0;!i&&f<l.length;f++)i=r[l[f]+"Request"+c],u=r[l[f]+"Cancel"+c]||r[l[f]+"CancelRequest"+c];if(!i||!u){var m=0,s=0,p=[],d=1e3/60;i=function(e){if(0===p.length){var n=o(),t=Math.max(0,d-(n-m));m=t+n,setTimeout((function(){var e=p.slice(0);p.length=0;for(var n=0;n<e.length;n++)if(!e[n].cancelled)try{e[n].callback(m)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(t))}return p.push({handle:++s,callback:e,cancelled:!1}),s},u=function(e){for(var n=0;n<p.length;n++)p[n].handle===e&&(p[n].cancelled=!0)}}t.exports=function(e){return i.call(r,e)},t.exports.cancel=function(){u.apply(r,arguments)},t.exports.polyfill=function(e){e||(e=r),e.requestAnimationFrame=i,e.cancelAnimationFrame=u};var h=e(t.exports);export{h as default};
 //# sourceMappingURL=index.js.map

package/ext/react-is/index.js

@@ -1,2 +1,2 @@
-import{__module as r}from"../../_virtual/index6.js";import{__require as e}from"./cjs/react-is.production.min.js";import{__require as o}from"./cjs/react-is.development.js";var s;function t(){return s||(s=1,"production"===process.env.NODE_ENV?r.exports=e():r.exports=o()),r.exports}export{t as __require};
+import{__module as r}from"../../_virtual/index5.js";import{__require as e}from"./cjs/react-is.production.min.js";import{__require as o}from"./cjs/react-is.development.js";var s;function t(){return s||(s=1,"production"===process.env.NODE_ENV?r.exports=e():r.exports=o()),r.exports}export{t as __require};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -3,7 +3,7 @@
   "module": "./index.js",
   "typings": "./index.d.ts",
   "name": "@mmb-digital/ds-lilly",
-  "version": "1.0.139",
+  "version": "1.0.141",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": [