@mmb-digital/ds-lilly 1.0.77 → 1.0.79

package/cjs/ds-lilly.css

@@ -6845,82 +6845,80 @@ body.dark .c-logo__svg {
 .c-productCard__position.c-card--medium {
   padding-bottom: 24px;
 }
-
-.c-productHeader {
-  padding: 0;
-}
-
-.c-productHeader__grid {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  grid-template-rows: auto auto;
-  column-gap: var(--spaceXXXSmall);
-  row-gap: var(--spaceXXXSmall);
-  align-items: stretch;
+.c-productCard__headerArea {
+  width: 100%;
 }
-
-.c-productHeader--withTitleIcon .c-productHeader__grid {
-  grid-template-columns: auto minmax(0, 1fr) auto;
+.c-productCard__headerArea--clickable {
+  cursor: pointer;
 }
-
-.c-productHeader__grid > * {
-  min-width: 0;
+.c-productCard__headerArea--withSharedTitleLink:hover .c-productHeader__titleLink.c-link, .c-productCard__headerArea--withSharedTitleLink:focus-within .c-productHeader__titleLink.c-link {
+  color: var(--colorHoverLink);
+  text-decoration: none;
 }
 
-.c-productHeader__gridIcon {
-  grid-column: 1;
-  grid-row: 1;
-  align-self: end;
-  padding-right: var(--spaceXSmall);
+.c-productHeader {
+  padding: 0;
 }
 
-.c-productHeader__gridTitle {
-  grid-column: 1;
-  grid-row: 1;
+.c-productHeader--headerClickable {
+  cursor: pointer;
 }
 
-.c-productHeader__gridSubtitle {
-  margin: 0;
-  grid-column: 1;
-  grid-row: 2;
+.c-productHeader--headerClickableWithTitleLink:hover .c-productHeader__titleLink.c-link,
+.c-productHeader--headerClickableWithTitleLink:focus-within .c-productHeader__titleLink.c-link {
+  color: var(--colorHoverLink);
+  text-decoration: none;
 }
 
-.c-productHeader__gridAmount {
-  grid-column: 2;
-  grid-row: 1;
-  justify-self: end;
+.c-productHeader__layout {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  column-gap: var(--spaceXXXSmall);
 }
 
-.c-productHeader__gridSecondary {
-  grid-column: 2;
-  grid-row: 2;
-  justify-self: end;
+.c-productHeader__colLeft {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  flex: 1 1 0;
+  min-width: 0;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridTitle {
-  grid-column: 2;
+.c-productHeader__colRight {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  flex: 0 0 auto;
+  align-items: flex-end;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
-  grid-column: 2;
+.c-productHeader--withTitleIcon .c-productHeader__colLeft {
+  flex-direction: row;
+  align-items: flex-start;
+  flex-wrap: nowrap;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridAmount {
-  grid-column: 3;
+.c-productHeader--withTitleIcon .c-productHeader__colLeftInner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spaceXXSmall);
+  min-width: 0;
+  flex: 1 1 0;
 }
 
-.c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
-  grid-column: 3;
+.c-productHeader__colIcon {
+  flex: 0 0 auto;
+  align-self: flex-start;
+  padding-right: var(--spaceXSmall);
 }
 
-.c-productHeader__gridTitle,
-.c-productHeader__gridAmount {
-  align-self: end;
+.c-productHeader__colTitle {
+  min-width: 0;
 }
 
-.c-productHeader__gridSubtitle,
-.c-productHeader__gridSecondary {
-  align-self: start;
+.c-productHeader__colSubtitle {
+  margin: 0;
 }
 
 .c-productHeader__subtitle {
@@ -6992,59 +6990,19 @@ body.dark .c-logo__svg {
 /* MOBILE */
 /* ------------------------------------------------------------------------------------------------------------------------------------------------ */
 @media screen and (max-width: 480px) {
-  .c-productHeader__grid {
-    grid-template-columns: 1fr;
-    grid-template-rows: auto auto auto auto;
-    row-gap: var(--spaceXXXSmall);
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__grid {
-    grid-template-columns: auto minmax(0, 1fr);
-    grid-template-rows: auto auto auto auto;
+  .c-productHeader__layout {
+    flex-direction: column;
     row-gap: var(--spaceXXXSmall);
   }
-  .c-productHeader__gridTitle {
-    grid-column: 1;
-    grid-row: 1;
-    align-self: start;
-  }
-  .c-productHeader__gridSubtitle {
-    grid-column: 1;
-    grid-row: 2;
-    align-self: start;
-  }
-  .c-productHeader__gridAmount {
-    grid-column: 1;
-    grid-row: 3;
-    justify-self: start;
-    align-self: start;
+  .c-productHeader__colLeft {
     width: 100%;
   }
-  .c-productHeader__gridSecondary {
-    grid-column: 1;
-    grid-row: 4;
-    justify-self: start;
-    align-self: start;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridIcon {
-    grid-column: 1;
-    grid-row: 1;
-    align-self: end;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridTitle {
-    grid-column: 2;
-    grid-row: 1;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridSubtitle {
-    grid-column: 2;
-    grid-row: 2;
-  }
-  .c-productHeader--withTitleIcon .c-productHeader__gridAmount {
-    grid-column: 1/-1;
-    grid-row: 3;
+  .c-productHeader--withTitleIcon .c-productHeader__colLeft {
+    width: 100%;
   }
-  .c-productHeader--withTitleIcon .c-productHeader__gridSecondary {
-    grid-column: 1/-1;
-    grid-row: 4;
+  .c-productHeader__colRight {
+    align-items: flex-start;
+    width: 100%;
   }
   .c-productHeader__actions {
     padding-top: var(--spaceSmall);
@@ -10520,7 +10478,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/2b9addbd9d8b43f96558.gif') center center no-repeat;
+    background: #fff url('assets/1f40e1dc500d1c56a79e.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -10530,8 +10488,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/c2fc3c27acae80c61f71.eot');
-    src: url('assets/15c83ccec23f44995d89.eot') format('embedded-opentype'), url('assets/7da875641bec0fa9a9dd.woff') format('woff'), url('assets/4178508cb1f09f304fb5.ttf') format('truetype'), url('assets/e5ad963b4ac8cab03f9c.svg') format('svg');
+    src: url('assets/147f4898a5bacb81f81b.eot');
+    src: url('assets/95ebeabd54cb87a45b1c.eot') format('embedded-opentype'), url('assets/2ab0ddeba09a1cb0022d.woff') format('woff'), url('assets/586997b905382fe5007d.ttf') format('truetype'), url('assets/ebd63907e848d55bdffe.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

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

@@ -1,6 +1,28 @@
 import React, { ReactNode } from 'react';
 import { CardSize } from '../Card';
 import { ProductHeaderPropTypes, ProductHeaderSizeProps } from '../ProductHeader';
+type ProductCardClickBehavior = {
+    /** Makes the whole header area clickable without using the collapse arrow. */
+    isHeaderClickable: true;
+    /** Click handler for the header area. */
+    onClick?: () => void;
+    /** Makes the whole card interactive. */
+    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;
+};
 type ProductCardTableRow = {
     label: ReactNode;
     perex?: string;
@@ -10,22 +32,24 @@ type ProductCardTableRow = {
     firstColumnSecondary?: boolean;
     isBold?: boolean;
 };
-export type ProductCardPropTypes = ProductHeaderPropTypes & {
+export type ProductCardPropTypes = Omit<ProductHeaderPropTypes, 'isHeaderClickable' | 'onHeaderClick'> & ProductCardClickBehavior & {
     /** Children rendered inside the collapsible content area. */
     children?: ReactNode | false;
     /** Defines if card is open or closed on first render. */
     initialState?: boolean;
     /** Determines if the card is collapsible. */
     isCollapsible?: boolean;
-    /** Determines if the card is clickable. */
-    isInteractive?: boolean;
-    /** Click event handler for the card wrapper / header (depending on config). */
-    onClick?: () => void;
     /** Optional custom theme for the Card wrapper. */
     theme?: string;
     /** Optional testId for Card wrapper. */
     cardTestId?: string;
+    /** Changes size of card paddings. */
     size?: CardSize;
+    /**
+     * ProductHeader size variant that sets default sizing for the whole header (title, subtitle, amounts, icon and actions).
+     * You can still override any individual size via `titleSize`, `subtitleSize`, `amountSize`, `secondaryAmountSize`,
+     * `titleIconSize` or `actionsSize`.
+     */
     headerSize?: ProductHeaderSizeProps;
     /** Extra content rendered under ProductHeader (still in Card header). */
     customContent?: ReactNode;
@@ -47,8 +71,9 @@ export type ProductCardPropTypes = ProductHeaderPropTypes & {
     tableIsBold?: boolean;
     /** Additional classes applied to the table wrapper. */
     tableTheme?: string;
+    /** Additional classes applied to divider. */
     dividerTheme?: string;
 };
-export declare const ProductCard: ({ cardTestId, children, customContent, dividerTheme, headerSize, initialState, isCollapsible, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableTheme, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
+export declare const ProductCard: ({ cardTestId, children, customContent, dividerTheme, headerSize, initialState, 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":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAqB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAA2B,QAAQ,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,EAAiB,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEhG,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,sBAAsB,GAAG;IAC1D,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,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,yEAAyE;IACzE,aAAa,CAAC,EAAE,SAAS,CAAA;IAEzB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,sDAAsD;IACtD,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAEjC,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;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,8TAsBrB,oBAAoB,sBAqJtB,CAAA"}
+{"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,KAAK,wBAAwB,GACzB;IACE,8EAA8E;IAC9E,iBAAiB,EAAE,IAAI,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GACD;IACE,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,oEAAoE;IACpE,aAAa,EAAE,IAAI,CAAA;CACpB,GACD;IACE,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAA;CACtB,CAAA;AAEL,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,CAAC,GACpG,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;;;;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;CACtB,CAAA;AAEH,eAAO,MAAM,WAAW,iVAuBrB,oBAAoB,sBA8NtB,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 i,{useState as r,useMemo as a,Fragment as o}from"react";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 l}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{Avatar as n}from"../Avatar/Avatar.js";import{Card as d}from"../Card/Card.js";import{CardCustomTrigger as s}from"../Card/_elements_/CardCustomTrigger.js";import{DataTable as c}from"../DataTable/DataTable.js";import{DataTableItem as m}from"../DataTable/DataTableItem.js";import{Divider as u}from"../Divider/Divider.js";import{ProductHeader as p}from"../ProductHeader/ProductHeader.js";var C=function(C){var b=C.cardTestId,v=C.children,f=C.customContent,g=C.dividerTheme,h=C.headerSize,I=void 0===h?"medium":h,E=C.initialState,_=void 0!==E&&E,j=C.isCollapsible,k=void 0!==j&&j,D=C.isInteractive,N=void 0!==D&&D,S=C.onClick,T=C.size,y=void 0===T?"large":T,w=C.tableContentAlignment,z=void 0===w?"left":w,A=C.tableDisableStackingOnMobile,B=void 0!==A&&A,x=C.tableFirstColumnSecondary,M=void 0===x||x,F=C.tableGaps,O=void 0===F?"small":F,P=C.tableIsBold,R=void 0!==P&&P,G=C.tableRows,H=C.tableTheme,W=C.tableWiderContent,U=void 0!==W&&W,q=C.theme,J=C.withDivider,K=void 0!==J&&J,L=e(C,["cardTestId","children","customContent","dividerTheme","headerSize","initialState","isCollapsible","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),Q=r(_),V=Q[0],X=Q[1],Y=Array.isArray(G)&&G.length>0,Z=i.Children.count(f)>0,$=Y||Z,ee=Boolean(k&&N&&S),te=a((function(){return null!=b?b:L.testId?"productCard-".concat(L.testId):"productCard"}),[b,L.testId]),ie=function(){return X((function(e){return!e}))},re=function(){k&&ie(),S&&S()},ae=function(e){e.stopPropagation(),ie()},oe=function(){return $?i.createElement("div",{className:"c-productCard__headerExtra"},K&&i.createElement(u,{theme:l("c-productCard__divider",g)}),Y?i.createElement("div",{className:l("c-productCard__table",H)},i.createElement(c,{contentAlignment:z,disableStackingOnMobile:B,firstColumnSecondary:M,gaps:O,isBold:R,widerContent:U},G.map((function(e,t){return i.createElement(m,{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,Z&&i.createElement("div",{className:"c-productCard__customContent"},f)):null};return k?i.createElement(d,{hasCustomTrigger:!0,isCollapsible:!0,header:i.createElement(o,null,i.createElement("div",{onClick:function(e){e.stopPropagation(),ee?null==S||S():re()}},i.createElement(p,t({},L,{size:I})),oe()),!V&&i.createElement(s,null,i.createElement("div",{className:"c-productCard__collapsible--trigger",id:L.testId?"productCard-".concat(L.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:ae},i.createElement(n,{iconName:"arrowDown"})))),isInteractive:N,isOpen:V,size:y,testId:te,theme:l("c-productCard__position",{"c-card--interactive--open":V},q),onClick:ee?void 0:re},i.createElement("div",null,v,V&&i.createElement(s,null,i.createElement("div",{className:"c-productCard__collapsible--trigger",id:L.testId?"productCard-".concat(L.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:ae},i.createElement(n,{iconName:"arrowUp"}))))):i.createElement(d,{isInteractive:N,size:y,testId:null!=b?b:L.testId,theme:q,onClick:re},i.createElement(p,t({},L,{size:I})),oe())};export{C as ProductCard};
+import{__rest as e,__assign as t}from'./../../../ext/tslib/tslib.es6.js';import r,{useState as i,useMemo as o,useCallback as a,Fragment as l}from"react";import{useHistory as n}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 f=v.cardTestId,h=v.children,k=v.customContent,_=v.dividerTheme,E=v.headerSize,I=void 0===E?"medium":E,g=v.initialState,j=void 0!==g&&g,T=v.isCollapsible,y=void 0!==T&&T,D=v.isHeaderClickable,w=void 0!==D&&D,N=v.isInteractive,S=void 0!==N&&N,A=v.onClick,x=v.size,B=void 0===x?"large":x,z=v.tableContentAlignment,M=void 0===z?"left":z,F=v.tableDisableStackingOnMobile,H=void 0!==F&&F,O=v.tableFirstColumnSecondary,P=void 0===O||O,L=v.tableGaps,R=void 0===L?"small":L,G=v.tableIsBold,W=void 0!==G&&G,K=v.tableRows,U=v.tableTheme,q=v.tableWiderContent,J=void 0!==q&&q,Q=v.theme,V=v.withDivider,X=void 0!==V&&V,Y=e(v,["cardTestId","children","customContent","dividerTheme","headerSize","initialState","isCollapsible","isHeaderClickable","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableTheme","tableWiderContent","theme","withDivider"]),Z=n(),$=i(j),ee=$[0],te=$[1],re=Array.isArray(K)&&K.length>0,ie=r.Children.count(k)>0,oe=re||ie,ae=Boolean(Y.linkTo||Y.externalLink),le=Boolean(A||ae),ne=w&&le,de=Boolean(y&&S&&A&&!ne),ce=o((function(){return null!=f?f:Y.testId?"productCard-".concat(Y.testId):"productCard"}),[f,Y.testId]),se=function(){return te((function(e){return!e}))},me=Y.externalLink,ue=Y.linkTo,pe=a((function(){me?window.open(me,"_blank","noopener,noreferrer"):"function"!=typeof ue?ue&&Z.push(ue):ue()}),[me,Z,ue]),Ce=a((function(){ne&&(A?A():ae&&pe())}),[pe,ae,ne,A]),be=a((function(e){ne&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ce()))}),[Ce,ne]),ve=function(){y&&se(),A&&A()},fe=function(e){e.stopPropagation(),se()},he=function(){return oe?r.createElement("div",{className:"c-productCard__headerExtra"},X&&r.createElement(C,{theme:d("c-productCard__divider",_)}),re?r.createElement("div",{className:d("c-productCard__table",U)},r.createElement(u,{contentAlignment:M,disableStackingOnMobile:H,firstColumnSecondary:P,gaps:R,isBold:W,widerContent:J},K.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,ie&&r.createElement("div",{className:"c-productCard__customContent"},k)):null},ke=function(){var e=ne?{onClick:Ce,onKeyDown:be,role:"button",tabIndex:0}:{};return r.createElement("div",t({},e,{className:d("c-productCard__headerArea",{"c-productCard__headerArea--clickable":ne,"c-productCard__headerArea--withSharedTitleLink":ne&&ae&&!A})}),r.createElement(b,t({},Y,{size:I})),he())};return y?r.createElement(s,{hasCustomTrigger:!0,isCollapsible:!0,header:r.createElement(l,null,ne?ke():r.createElement("div",{onClick:function(e){e.stopPropagation(),de?null==A||A():ve()}},r.createElement(b,t({},Y,{size:I})),he()),!ee&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:Y.testId?"productCard-".concat(Y.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:fe},r.createElement(c,{iconName:"arrowDown"})))),isInteractive:S,isOpen:ee,size:B,testId:ce,theme:d("c-productCard__position",{"c-card--interactive--open":ee},Q),onClick:ne||de?void 0:ve},r.createElement("div",null,h,ee&&r.createElement(m,null,r.createElement("div",{className:"c-productCard__collapsible--trigger",id:Y.testId?"productCard-".concat(Y.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:fe},r.createElement(c,{iconName:"arrowUp"}))))):r.createElement(s,{isInteractive:S,size:B,testId:null!=f?f:Y.testId,theme:Q,onClick:ne?void 0:ve},ke())};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","cardTestId","children","customContent","dividerTheme","_b","headerSize","_c","initialState","_d","isCollapsible","_e","isInteractive","onClick","_f","size","_g","tableContentAlignment","_h","tableDisableStackingOnMobile","_j","tableFirstColumnSecondary","_k","tableGaps","_l","tableIsBold","tableRows","tableTheme","_m","tableWiderContent","theme","_o","withDivider","productHeaderProps","__rest","_p","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","separateHeaderAndCollapseClick","Boolean","resolvedCardTestId","useMemo","testId","concat","toggleOpen","prev","handleDefaultClick","handleArrowToggleClick","e","stopPropagation","renderExtraHeaderContent","createElement","className","Divider","cx","DataTable","contentAlignment","disableStackingOnMobile","firstColumnSecondary","gaps","isBold","widerContent","map","row","idx","DataTableItem","key","label","perex","content","Card","hasCustomTrigger","header","Fragment","ProductHeader","__assign","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","cardTestId","children","customContent","dividerTheme","_b","headerSize","_c","initialState","_d","isCollapsible","_e","isHeaderClickable","_f","isInteractive","onClick","_g","size","_h","tableContentAlignment","_j","tableDisableStackingOnMobile","_k","tableFirstColumnSecondary","_l","tableGaps","_m","tableIsBold","tableRows","tableTheme","_o","tableWiderContent","theme","_p","withDivider","productHeaderProps","__rest","history","useHistory","_q","useState","isOpen","setIsOpen","hasTable","Array","isArray","length","hasCustomContent","React","Children","count","hasExtraHeaderContent","hasTitleLink","Boolean","linkTo","externalLink","hasHeaderAction","isWholeHeaderClickable","separateHeaderAndCollapseClick","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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"}

package/components/Components/ProductHeader/ProductHeader.d.ts

@@ -5,7 +5,20 @@ import { AvatarSizeType } from '../Avatar';
 import { ButtonSize } from '../Button';
 import { CompactButtonsButtonType } from '../CompactButtons';
 export type ProductHeaderSizeProps = 'small' | 'medium' | 'large' | 'xLarge';
-export interface ProductHeaderPropTypes {
+type ProductHeaderClickableProps = {
+    /** Makes the whole header area clickable. */
+    isHeaderClickable: true;
+    /** Click handler for the header area. */
+    onHeaderClick?: () => void;
+};
+type ProductHeaderDefaultProps = {
+    /** Makes the whole header area clickable. */
+    isHeaderClickable?: false;
+    /** Cannot be used without `isHeaderClickable`. */
+    onHeaderClick?: never;
+};
+type ProductHeaderInteractionProps = ProductHeaderClickableProps | ProductHeaderDefaultProps;
+type ProductHeaderBaseProps = {
     /**
      * ProductHeader size variant that sets default sizing for the whole header (title, subtitle, amounts, icon and actions).
      * You can still override any individual size via `titleSize`, `subtitleSize`, `amountSize`, `secondaryAmountSize`,
@@ -36,9 +49,9 @@ export interface ProductHeaderPropTypes {
     titleIconSize?: AvatarSizeType;
     /** Visually hidden prefix rendered before the title (for screen readers). */
     titleHiddenPrefix?: ReactElement;
-    /** Link that can be used for title (internal navigation). */
-    linkTo?: string;
-    /** External link to open in a new tab on click (title area). */
+    /** Internal link or callback used by the title. */
+    linkTo?: string | (() => void);
+    /** External link used by the title. */
     externalLink?: string;
     /** Secondary text shown under the title in the left column. */
     subtitle?: string;
@@ -48,9 +61,9 @@ export interface ProductHeaderPropTypes {
     subtitleSize?: TextSizeType;
     /** Visually hidden prefix rendered before the subtitle (for screen readers). */
     subtitleHiddenPrefix?: ReactElement;
-    /** Main amount value shown in the top-right cell. If amountis not defined,topRightButtons can be rendered instead. */
+    /** Main amount value shown in the top-right area. If amount is not defined, topRightButtons can be rendered instead. */
     amount?: number;
-    /** Visually hidden prefix rendered before value shown in the top-right cell - usually the main amount (for screen readers). */
+    /** Visually hidden prefix rendered before value shown in the top-right area - usually the main amount (for screen readers). */
     amountHiddenPrefix?: ReactElement;
     /** Main amount size. */
     amountSize?: AmountSizeType;
@@ -72,13 +85,13 @@ export interface ProductHeaderPropTypes {
     amountMaximumFractionDigits?: number;
     /** Minimum fraction digits for main amount. */
     amountMinimumFractionDigits?: number;
-    /** Buttons rendered in the top-right cell (alternative to `amount`). This cell renders either `amount` OR `topRightButtons`, never both. */
+    /** Buttons rendered in the top-right area (alternative to `amount`). This area renders either `amount` OR `topRightButtons`, never both. */
     topRightButtons?: ReactNode | ReactNode[];
-    /** Content rendered in the top-right cell (alternative to `amount` or `topRightButtons`). This cell renders either `amount` OR `topRightButtons` OR `topRightCustomContent`. */
+    /** Content rendered in the top-right area (alternative to `amount` or `topRightButtons`). This area renders either `amount` OR `topRightButtons` OR `topRightCustomContent`. */
     topRightCustomContent?: ReactNode;
-    /** Label rendered in the bottom-right cell. Can be rendered alone or before secondary amount. */
+    /** Label rendered in the bottom-right area. Can be rendered alone or before secondary amount. */
     secondaryLabel?: ReactNode;
-    /** Size of label rendered in the bottom-right cell. Can be rendered alone or before secondary amount. */
+    /** Size of label rendered in the bottom-right area. Can be rendered alone or before secondary amount. */
     secondaryLabelSize?: TextSizeType;
     /** Secondary amount value rendered next to `secondaryLabel`. */
     secondaryAmount?: number;
@@ -102,16 +115,18 @@ export interface ProductHeaderPropTypes {
     secondaryAmountMaximumFractionDigits?: number;
     /** Minimum fraction digits for secondary amount. */
     secondaryAmountMinimumFractionDigits?: number;
-    /** Buttons rendered below the header grid (full width). */
+    /** Buttons rendered below the header (full width). */
     actions?: CompactButtonsButtonType[];
-    /** Size of buttons rendered below the header grid (full width). */
+    /** Size of buttons rendered below the header (full width). */
     actionsSize?: ButtonSize;
-    /** Content rendered below the header grid (full width). Can contain any ReactNode, e.g. buttons, additional information, or custom components. */
+    /** Content rendered below the header (full width). Can contain any ReactNode, e.g. buttons, additional information, or custom components. */
     belowHeaderContent?: ReactNode;
     /** Locale for number formatting (e.g. 'cs-CZ', 'en-US'). Affects both main and secondary amounts. */
     locale?: string;
     /** Test ID for testing purposes. */
     testId?: string;
-}
-export declare const ProductHeader: ({ actions, actionsSize, amount, amountHiddenPrefix, amountHideIcon, amountIsBold, amountIsInline, amountMaximumFractionDigits, amountMinimumFractionDigits, amountSize, amountType, amountUnitAfter, amountUnitBefore, amountUnitTheme, belowHeaderContent, customSubtitle, customTitle, externalLink, linkTo, locale, secondaryAmount, secondaryAmountHideIcon, secondaryAmountIsBold, secondaryAmountIsInline, secondaryAmountMaximumFractionDigits, secondaryAmountMinimumFractionDigits, secondaryAmountSize, secondaryAmountType, secondaryAmountUnitAfter, secondaryAmountUnitBefore, secondaryAmountUnitTheme, secondaryLabel, secondaryLabelSize, size, subtitle, subtitleHiddenPrefix, subtitleSize, testId, title, titleHiddenPrefix, titleIconBackgroundColor, titleIconBackgroundCustom, titleIconColor, titleIconName, titleIconSize, titleIconText, titleSize, titleVisual, titleWithoutMargin, topRightButtons, topRightCustomContent }: ProductHeaderPropTypes) => React.JSX.Element;
+};
+export type ProductHeaderPropTypes = ProductHeaderBaseProps & ProductHeaderInteractionProps;
+export declare const ProductHeader: ({ actions, actionsSize, amount, amountHiddenPrefix, amountHideIcon, amountIsBold, amountIsInline, amountMaximumFractionDigits, amountMinimumFractionDigits, amountSize, amountType, amountUnitAfter, amountUnitBefore, amountUnitTheme, belowHeaderContent, customSubtitle, customTitle, externalLink, isHeaderClickable, linkTo, locale, onHeaderClick, secondaryAmount, secondaryAmountHideIcon, secondaryAmountIsBold, secondaryAmountIsInline, secondaryAmountMaximumFractionDigits, secondaryAmountMinimumFractionDigits, secondaryAmountSize, secondaryAmountType, secondaryAmountUnitAfter, secondaryAmountUnitBefore, secondaryAmountUnitTheme, secondaryLabel, secondaryLabelSize, size, subtitle, subtitleHiddenPrefix, subtitleSize, testId, title, titleHiddenPrefix, titleIconBackgroundColor, titleIconBackgroundCustom, titleIconColor, titleIconName, titleIconSize, titleIconText, titleSize, titleVisual, titleWithoutMargin, topRightButtons, topRightCustomContent }: ProductHeaderPropTypes) => React.JSX.Element;
+export {};
 //# sourceMappingURL=ProductHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductHeader/ProductHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductHeader/ProductHeader.tsx"],"names":[],"mappings":"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"}

package/components/Components/ProductHeader/ProductHeader.js

@@ -1,2 +1,2 @@
-import e,{useCallback as t}from"react";import{useHistory as o}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 i}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import'./../../../ext/tslib/tslib.es6.js';import{Flex as n}from"../../Layout/Flex/Flex.js";import"../Button/Button.js";import{ButtonsGroup as r}from"../Button/ButtonsGroup.js";import"../../../contexts/MobilePanelContext.js";import'./../../../ext/cuid/index.js';import{Amount as a}from"../../Typography/Amount/Amount.js";import{Text as l}from"../../Typography/Text/Text.js";import{Title as s}from"../../Typography/Title/Title.js";import{Avatar as m}from"../Avatar/Avatar.js";import"../ButtonTooltip/ButtonTooltip.js";import"../../../contexts/CardContext.js";import"../../../contexts/FormGroupContext.js";import"../../../contexts/ModalContext.js";import"../../../contexts/Select2Context.js";import"../../../contexts/TabsContext.js";import"react-slick";import"../Collapse/Collapse.js";import{CompactButtons as c}from"../CompactButtons/CompactButtons.js";import"../../../contexts/ContentTableContext.js";import"../ContentTable/ContentTableRow.js";import"../DataTable/DataTable.js";import'./../../../ext/lodash/_baseToString.js';import'./../../../ext/react-text-mask/dist/reactTextMask.js';import"../Dropdown/_elements_/DropdownDivider.js";import"../Dropdown/_elements_/DropdownItem.js";import"../Dropdown/_elements_/DropdownMenu.js";import"../Dropdown/_elements_/DropdownInfoText.js";import"../Dropdown/_elements_/DropdownLoading.js";import{Link as d}from"../Link/Link.js";import"react-dom";import"../SuperModal/SuperModal.context.js";import"../../Form/Autocomplete/Autocomplete.js";import'./../../../ext/react-device-detect/dist/lib.js';import"../../Form/FileUpload/_parts_/MergeImageCards.js";import"../../Form/Select/_elements_/Select2CategorisedOptions.js";import"../../Form/Select/_elements_/Select2Options.js";import"../../Form/Slider/Slider.js";var u=function(u){var p=u.actions,_=u.actionsSize,g=u.amount,y=u.amountHiddenPrefix,x=u.amountHideIcon,S=void 0!==x&&x,j=u.amountIsBold,H=void 0===j||j,z=u.amountIsInline,b=u.amountMaximumFractionDigits,v=void 0===b?2:b,f=u.amountMinimumFractionDigits,h=void 0===f?2:f,I=u.amountSize,C=u.amountType,A=u.amountUnitAfter,E=u.amountUnitBefore,T=u.amountUnitTheme,D=u.belowHeaderContent,L=u.customSubtitle,N=u.customTitle,B=u.externalLink,F=u.linkTo,k=u.locale,w=u.secondaryAmount,M=u.secondaryAmountHideIcon,U=void 0!==M&&M,V=u.secondaryAmountIsBold,P=u.secondaryAmountIsInline,O=u.secondaryAmountMaximumFractionDigits,R=void 0===O?2:O,W=u.secondaryAmountMinimumFractionDigits,G=void 0===W?2:W,q=u.secondaryAmountSize,J=u.secondaryAmountType,K=u.secondaryAmountUnitAfter,Q=u.secondaryAmountUnitBefore,X=u.secondaryAmountUnitTheme,Y=u.secondaryLabel,Z=u.secondaryLabelSize,$=u.size,ee=void 0===$?"medium":$,te=u.subtitle,oe=u.subtitleHiddenPrefix,ie=u.subtitleSize,ne=u.testId,re=u.title,ae=u.titleHiddenPrefix,le=u.titleIconBackgroundColor,se=void 0===le?"bgBrandDefault":le,me=u.titleIconBackgroundCustom,ce=u.titleIconColor,de=u.titleIconName,ue=u.titleIconSize,pe=u.titleIconText,_e=u.titleSize,ge=void 0===_e?"h2":_e,ye=u.titleVisual,xe=u.titleWithoutMargin,Se=void 0===xe||xe,je=u.topRightButtons,He=u.topRightCustomContent,ze=o(),be=t((function(e){"preventDefault"in e&&e.preventDefault(),F&&ze.push(F)}),[ze,F]),ve=function(e){switch(e){case"small":return{amountSize:"small",secondaryAmountSize:"xSmall",titleIconSize:"medium",actionsSize:"small"};case"medium":default:return{titleVisual:"h5",subtitleSize:"small",amountSize:"large",secondaryAmountSize:"small",titleIconSize:"medium",actionsSize:"small",secondaryLabelSize:"small"};case"large":return{titleVisual:"h4",subtitleSize:"small",amountSize:"xLarge",secondaryAmountSize:"small",titleIconSize:"large",secondaryLabelSize:"small"};case"xLarge":return{titleVisual:"h3",amountSize:"xLarge",titleIconSize:"xLarge"}}}(ee),fe=null!=ye?ye:ve.titleVisual,he=null!=ie?ie:ve.subtitleSize,Ie=null!=Z?Z:ve.secondaryLabelSize,Ce=null!=I?I:ve.amountSize,Ae=null!=q?q:ve.secondaryAmountSize,Ee=null!=ue?ue:ve.titleIconSize,Te=null!=_?_:ve.actionsSize,De="small"===ee&&!I,Le="small"===ee&&!q,Ne="xLarge"===ee&&!q,Be=N||re,Fe=!!L||"string"==typeof te,ke=!!de||!!pe,we=e.Children.count(He)>0,Me=e.Children.count(je)>0,Ue=we,Ve=!Ue&&Me,Pe=!Ue&&!Ve&&"number"==typeof g,Oe=Ue||Ve||Pe,Re=!!Y||"number"==typeof w,We=!!(null==p?void 0:p.length),Ge=e.Children.count(D)>0,qe=function(){return F||B?e.createElement(d,{ariaLabel:re,"data-testid":ne?"productHeader-link-".concat(ne):void 0,linkUrl:B||F,target:B?"_blank":void 0,theme:"c-productHeader__titleLink",onClick:B?void 0:be},e.createElement(s,{isWithoutMargin:Se,size:ge,theme:i("c-productHeader__title",{"c-productHeader__title--customVisual":!!ye}),visual:fe},ae&&e.createElement("span",{className:"u-vHide"},ae),Be)):e.createElement(s,{isWithoutMargin:Se,size:ge,theme:i("c-productHeader__title",{"c-productHeader__title--customVisual":!!ye}),visual:fe},ae&&e.createElement("span",{className:"u-vHide"},ae),Be)};return!(ke||Fe||Oe||Re||We||Ge)?e.createElement("div",{className:"c-productHeader c-productHeader--titleOnly","data-testid":ne},qe()):e.createElement("div",{className:i("c-productHeader",{"c-productHeader--withTitleIcon":ke,"c-productHeader--small":"small"===ee,"c-productHeader--xLarge":"xLarge"===ee}),"data-testid":ne},e.createElement("div",{className:"c-productHeader__grid"},ke?e.createElement("div",{className:"c-productHeader__gridIcon"},e.createElement(m,{backgroundColor:se,backgroundCustom:me,color:ce,iconName:de,size:Ee,text:pe})):null,e.createElement("div",{className:"c-productHeader__gridTitle"},qe()),e.createElement("div",{className:"c-productHeader__gridSubtitle"},Fe?L?e.createElement(e.Fragment,null,oe&&e.createElement("span",{className:"u-vHide"},oe),L):e.createElement(l,{size:he,theme:i("c-productHeader__subtitle",{"c-productHeader__subtitle--customSize":!!ie}),type:"secondary"},oe&&e.createElement("span",{className:"u-vHide"},oe),te):null),Oe?e.createElement("div",{className:"c-productHeader__gridAmount"},Ue?He:null,Ve?e.createElement(r,null,je):null,Pe?e.createElement(e.Fragment,null,y&&e.createElement("span",{className:"u-vHide"},y),e.createElement(a,{amount:g,hideIcon:S,isBold:H,isInline:z,locale:k,maximumFractionDigits:v,minimumFractionDigits:h,size:Ce,theme:i("c-productHeader__amount",{"c-productHeader__amount--small":De}),type:C,unitAfter:A,unitBefore:E,unitTheme:T})):null):null,Re?e.createElement("div",{className:"c-productHeader__gridSecondary"},Y?e.createElement(n,{alignItems:"baseline",direction:"row",justifyContent:"end",theme:"c-productHeader__secondary"},e.createElement(l,{component:"span",size:Ie,theme:i("c-productHeader__secondaryLabel",{"c-productHeader__secondaryLabel--customSize":!!Z})},Y),"number"==typeof w?e.createElement(a,{amount:w,hideIcon:U,isBold:V,isInline:P,locale:k,maximumFractionDigits:R,minimumFractionDigits:G,size:Ae,theme:i("c-productHeader__amount",{"c-productHeader__amount--small":Le,"c-productHeader__secondaryAmount--xLarge":Ne}),type:J,unitAfter:K,unitBefore:Q,unitTheme:i(X,{"c-productHeader__secondaryAmount--xLarge":Ne})}):null):null):null),We?e.createElement("div",{className:"c-productHeader__actions"},e.createElement(c,{buttons:p,size:Te})):null,Ge?e.createElement("div",{className:"c-productHeader__below"},D):null)};export{u as ProductHeader};
+import{__assign as e}from'./../../../ext/tslib/tslib.es6.js';import t,{useCallback as o}from"react";import{useHistory as i}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 n}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{Flex as a}from"../../Layout/Flex/Flex.js";import"../Button/Button.js";import{ButtonsGroup as r}from"../Button/ButtonsGroup.js";import"../../../contexts/MobilePanelContext.js";import'./../../../ext/cuid/index.js';import{Amount as l}from"../../Typography/Amount/Amount.js";import{Text as c}from"../../Typography/Text/Text.js";import{Title as s}from"../../Typography/Title/Title.js";import{Avatar as m}from"../Avatar/Avatar.js";import"../ButtonTooltip/ButtonTooltip.js";import"../../../contexts/CardContext.js";import"../../../contexts/FormGroupContext.js";import"../../../contexts/ModalContext.js";import"../../../contexts/Select2Context.js";import"../../../contexts/TabsContext.js";import"react-slick";import"../Collapse/Collapse.js";import{CompactButtons as d}from"../CompactButtons/CompactButtons.js";import"../../../contexts/ContentTableContext.js";import"../ContentTable/ContentTableRow.js";import"../DataTable/DataTable.js";import'./../../../ext/lodash/_baseToString.js';import'./../../../ext/react-text-mask/dist/reactTextMask.js';import"../Dropdown/_elements_/DropdownDivider.js";import"../Dropdown/_elements_/DropdownItem.js";import"../Dropdown/_elements_/DropdownMenu.js";import"../Dropdown/_elements_/DropdownInfoText.js";import"../Dropdown/_elements_/DropdownLoading.js";import{Link as u}from"../Link/Link.js";import"react-dom";import"../SuperModal/SuperModal.context.js";import"../../Form/Autocomplete/Autocomplete.js";import'./../../../ext/react-device-detect/dist/lib.js';import"../../Form/FileUpload/_parts_/MergeImageCards.js";import"../../Form/Select/_elements_/Select2CategorisedOptions.js";import"../../Form/Select/_elements_/Select2Options.js";import"../../Form/Slider/Slider.js";var p=function(p){var _=p.actions,y=p.actionsSize,f=p.amount,g=p.amountHiddenPrefix,H=p.amountHideIcon,b=void 0!==H&&H,v=p.amountIsBold,x=void 0===v||v,j=p.amountIsInline,S=p.amountMaximumFractionDigits,h=void 0===S?2:S,z=p.amountMinimumFractionDigits,C=void 0===z?2:z,E=p.amountSize,I=p.amountType,k=p.amountUnitAfter,T=p.amountUnitBefore,A=p.amountUnitTheme,L=p.belowHeaderContent,D=p.customSubtitle,N=p.customTitle,B=p.externalLink,F=p.isHeaderClickable,w=void 0!==F&&F,M=p.linkTo,U=p.locale,V=p.onHeaderClick,P=p.secondaryAmount,W=p.secondaryAmountHideIcon,R=void 0!==W&&W,O=p.secondaryAmountIsBold,G=p.secondaryAmountIsInline,K=p.secondaryAmountMaximumFractionDigits,q=void 0===K?2:K,J=p.secondaryAmountMinimumFractionDigits,Q=void 0===J?2:J,X=p.secondaryAmountSize,Y=p.secondaryAmountType,Z=p.secondaryAmountUnitAfter,$=p.secondaryAmountUnitBefore,ee=p.secondaryAmountUnitTheme,te=p.secondaryLabel,oe=p.secondaryLabelSize,ie=p.size,ne=void 0===ie?"medium":ie,ae=p.subtitle,re=p.subtitleHiddenPrefix,le=p.subtitleSize,ce=p.testId,se=p.title,me=p.titleHiddenPrefix,de=p.titleIconBackgroundColor,ue=void 0===de?"bgBrandDefault":de,pe=p.titleIconBackgroundCustom,_e=p.titleIconColor,ye=p.titleIconName,fe=p.titleIconSize,ge=p.titleIconText,He=p.titleSize,be=void 0===He?"h2":He,ve=p.titleVisual,xe=p.titleWithoutMargin,je=void 0===xe||xe,Se=p.topRightButtons,he=p.topRightCustomContent,ze=i(),Ce=function(e){switch(e){case"small":return{amountSize:"small",secondaryAmountSize:"xSmall",titleIconSize:"medium",actionsSize:"small"};case"medium":default:return{titleVisual:"h5",subtitleSize:"small",amountSize:"large",secondaryAmountSize:"small",titleIconSize:"medium",actionsSize:"small",secondaryLabelSize:"small"};case"large":return{titleVisual:"h4",subtitleSize:"small",amountSize:"xLarge",secondaryAmountSize:"small",titleIconSize:"large",secondaryLabelSize:"small"};case"xLarge":return{titleVisual:"h3",amountSize:"xLarge",titleIconSize:"xLarge"}}}(ne),Ee=null!=ve?ve:Ce.titleVisual,Ie=null!=le?le:Ce.subtitleSize,ke=null!=oe?oe:Ce.secondaryLabelSize,Te=null!=E?E:Ce.amountSize,Ae=null!=X?X:Ce.secondaryAmountSize,Le=null!=fe?fe:Ce.titleIconSize,De=null!=y?y:Ce.actionsSize,Ne="small"===ne&&!E,Be="small"===ne&&!X,Fe="xLarge"===ne&&!X,we=N||se,Me=!!D||"string"==typeof ae,Ue=!!ye||!!ge,Ve=t.Children.count(he)>0,Pe=t.Children.count(Se)>0,We=Ve,Re=!We&&Pe,Oe=!We&&!Re&&"number"==typeof f,Ge=We||Re||Oe,Ke=!!te||"number"==typeof P,qe=!!(null==_?void 0:_.length),Je=t.Children.count(L)>0,Qe=!(Ue||Me||Ge||Ke||qe||Je),Xe=Boolean(M||B),Ye=Boolean(V||Xe),Ze=w&&Ye,$e=o((function(){"function"!=typeof M?M&&ze.push(M):M()}),[ze,M]),et=o((function(){B&&window.open(B,"_blank","noopener,noreferrer")}),[B]),tt=o((function(){B?et():M&&$e()}),[et,$e,B,M]),ot=o((function(e){"preventDefault"in e&&e.preventDefault(),$e()}),[$e]),it=o((function(){Ze&&(V?V():Xe&&tt())}),[tt,Xe,Ze,V]),nt=o((function(e){Ze&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),it()))}),[it,Ze]),at=function(){return M||B?t.createElement(u,{allowEventPropagation:!1,ariaLabel:se,"data-testid":ce?"productHeader-link-".concat(ce):void 0,linkUrl:B||("string"==typeof M?M:"#"),target:B?"_blank":void 0,theme:"c-productHeader__titleLink",onClick:B?void 0:ot},t.createElement(s,{isWithoutMargin:je,size:be,theme:n("c-productHeader__title",{"c-productHeader__title--customVisual":!!ve}),visual:Ee},me&&t.createElement("span",{className:"u-vHide"},me),we)):t.createElement(s,{isWithoutMargin:je,size:be,theme:n("c-productHeader__title",{"c-productHeader__title--customVisual":!!ve}),visual:Ee},me&&t.createElement("span",{className:"u-vHide"},me),we)},rt=Ze?{onClick:it,onKeyDown:nt,role:"button",tabIndex:0}:{};if(Qe)return t.createElement("div",e({},rt,{className:n("c-productHeader c-productHeader--titleOnly",{"c-productHeader--headerClickable":Ze,"c-productHeader--headerClickableWithTitleLink":Ze&&Xe}),"data-testid":ce}),at());var lt=t.createElement(t.Fragment,null,t.createElement("div",{className:"c-productHeader__colTitle"},at()),Me?t.createElement("div",{className:"c-productHeader__colSubtitle"},D?t.createElement(t.Fragment,null,re&&t.createElement("span",{className:"u-vHide"},re),D):t.createElement(c,{size:Ie,theme:n("c-productHeader__subtitle",{"c-productHeader__subtitle--customSize":!!le}),type:"secondary"},re&&t.createElement("span",{className:"u-vHide"},re),ae)):null);return t.createElement("div",e({},rt,{className:n("c-productHeader",{"c-productHeader--withTitleIcon":Ue,"c-productHeader--small":"small"===ne,"c-productHeader--xLarge":"xLarge"===ne,"c-productHeader--headerClickable":Ze,"c-productHeader--headerClickableWithTitleLink":Ze&&Xe}),"data-testid":ce}),t.createElement("div",{className:"c-productHeader__layout"},Ue?t.createElement("div",{className:"c-productHeader__colLeft"},t.createElement("div",{className:"c-productHeader__colIcon"},t.createElement(m,{backgroundColor:ue,backgroundCustom:pe,color:_e,iconName:ye,size:Le,text:ge})),t.createElement("div",{className:"c-productHeader__colLeftInner"},lt)):t.createElement("div",{className:"c-productHeader__colLeft"},lt),Ge||Ke?t.createElement("div",{className:"c-productHeader__colRight"},Ge?t.createElement("div",null,We?he:null,Re?t.createElement(r,null,Se):null,Oe?t.createElement(t.Fragment,null,g&&t.createElement("span",{className:"u-vHide"},g),t.createElement(l,{amount:f,hideIcon:b,isBold:x,isInline:j,locale:U,maximumFractionDigits:h,minimumFractionDigits:C,size:Te,theme:n("c-productHeader__amount",{"c-productHeader__amount--small":Ne}),type:I,unitAfter:k,unitBefore:T,unitTheme:A})):null):null,Ke?t.createElement("div",null,te?t.createElement(a,{alignItems:"baseline",direction:"row",justifyContent:"end",theme:"c-productHeader__secondary"},t.createElement(c,{component:"span",size:ke,theme:n("c-productHeader__secondaryLabel",{"c-productHeader__secondaryLabel--customSize":!!oe})},te),"number"==typeof P?t.createElement(l,{amount:P,hideIcon:R,isBold:O,isInline:G,locale:U,maximumFractionDigits:q,minimumFractionDigits:Q,size:Ae,theme:n("c-productHeader__amount",{"c-productHeader__amount--small":Be,"c-productHeader__secondaryAmount--xLarge":Fe}),type:Y,unitAfter:Z,unitBefore:$,unitTheme:n(ee,{"c-productHeader__secondaryAmount--xLarge":Fe})}):null):null):null):null),qe?t.createElement("div",{className:"c-productHeader__actions"},t.createElement(d,{buttons:_,size:De})):null,Je?t.createElement("div",{className:"c-productHeader__below"},L):null)};export{p as ProductHeader};
 //# sourceMappingURL=ProductHeader.js.map