@mmb-digital/ds-lilly 1.0.74 → 1.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Components/Button/ButtonsGroup.d.ts +1 -3
- package/cjs/components/Components/Button/ButtonsGroup.d.ts.map +1 -1
- package/cjs/components/Components/Button/ButtonsGroup.js +1 -1
- package/cjs/components/Components/Button/ButtonsGroup.js.map +1 -1
- package/cjs/components/Components/CompactButtons/CompactButtons.d.ts +1 -1
- package/cjs/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
- package/cjs/components/Components/DataTable/DataTable.d.ts +13 -1
- package/cjs/components/Components/DataTable/DataTable.d.ts.map +1 -1
- package/cjs/components/Components/DataTable/DataTable.js +1 -1
- package/cjs/components/Components/DataTable/DataTable.js.map +1 -1
- package/cjs/components/Components/DataTable/DataTableItem.d.ts +6 -2
- package/cjs/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
- package/cjs/components/Components/DataTable/DataTableItem.js +1 -1
- package/cjs/components/Components/DataTable/DataTableItem.js.map +1 -1
- package/cjs/components/Components/ProductCard/ProductCard.d.ts +48 -40
- package/cjs/components/Components/ProductCard/ProductCard.d.ts.map +1 -1
- package/cjs/components/Components/ProductCard/ProductCard.js +1 -1
- package/cjs/components/Components/ProductCard/ProductCard.js.map +1 -1
- package/cjs/components/Components/ProductCard/index.d.ts +0 -1
- package/cjs/components/Components/ProductCard/index.d.ts.map +1 -1
- package/cjs/components/Components/ProductCard/index.js +1 -1
- package/cjs/components/Components/ProductHeader/ProductHeader.d.ts +117 -0
- package/cjs/components/Components/ProductHeader/ProductHeader.d.ts.map +1 -0
- package/cjs/components/Components/ProductHeader/ProductHeader.js +2 -0
- package/cjs/components/Components/ProductHeader/ProductHeader.js.map +1 -0
- package/cjs/components/Components/ProductHeader/index.d.ts +2 -0
- package/cjs/components/Components/ProductHeader/index.d.ts.map +1 -0
- package/cjs/components/Components/ProductHeader/index.js +2 -0
- package/cjs/components/Components/ProductHeader/index.js.map +1 -0
- package/cjs/components/Components/index.d.ts +1 -0
- package/cjs/components/Components/index.d.ts.map +1 -1
- package/cjs/components/Components/index.js +1 -1
- package/cjs/components/Typography/Amount/Amount.d.ts +3 -2
- package/cjs/components/Typography/Amount/Amount.d.ts.map +1 -1
- package/cjs/components/Typography/Amount/Amount.js +1 -1
- package/cjs/components/Typography/Amount/Amount.js.map +1 -1
- package/cjs/ds-lilly.css +255 -49
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/components/Components/Button/ButtonsGroup.d.ts +1 -3
- package/components/Components/Button/ButtonsGroup.d.ts.map +1 -1
- package/components/Components/Button/ButtonsGroup.js +1 -1
- package/components/Components/Button/ButtonsGroup.js.map +1 -1
- package/components/Components/CompactButtons/CompactButtons.d.ts +1 -1
- package/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
- package/components/Components/DataTable/DataTable.d.ts +13 -1
- package/components/Components/DataTable/DataTable.d.ts.map +1 -1
- package/components/Components/DataTable/DataTable.js +1 -1
- package/components/Components/DataTable/DataTable.js.map +1 -1
- package/components/Components/DataTable/DataTableItem.d.ts +6 -2
- package/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
- package/components/Components/DataTable/DataTableItem.js +1 -1
- package/components/Components/DataTable/DataTableItem.js.map +1 -1
- package/components/Components/ProductCard/ProductCard.d.ts +48 -40
- package/components/Components/ProductCard/ProductCard.d.ts.map +1 -1
- package/components/Components/ProductCard/ProductCard.js +1 -1
- package/components/Components/ProductCard/ProductCard.js.map +1 -1
- package/components/Components/ProductCard/index.d.ts +0 -1
- package/components/Components/ProductCard/index.d.ts.map +1 -1
- package/components/Components/ProductCard/index.js +1 -1
- package/components/Components/ProductHeader/ProductHeader.d.ts +117 -0
- package/components/Components/ProductHeader/ProductHeader.d.ts.map +1 -0
- package/components/Components/ProductHeader/ProductHeader.js +2 -0
- package/components/Components/ProductHeader/ProductHeader.js.map +1 -0
- package/components/Components/ProductHeader/index.d.ts +2 -0
- package/components/Components/ProductHeader/index.d.ts.map +1 -0
- package/components/Components/ProductHeader/index.js +2 -0
- package/components/Components/ProductHeader/index.js.map +1 -0
- package/components/Components/index.d.ts +1 -0
- package/components/Components/index.d.ts.map +1 -1
- package/components/Components/index.js +1 -1
- package/components/Typography/Amount/Amount.d.ts +3 -2
- package/components/Typography/Amount/Amount.d.ts.map +1 -1
- package/components/Typography/Amount/Amount.js +1 -1
- package/components/Typography/Amount/Amount.js.map +1 -1
- package/ds-lilly.css +255 -49
- package/index.js +1 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/cjs/components/Components/ProductCard/ProductCardHeader.d.ts +0 -43
- package/cjs/components/Components/ProductCard/ProductCardHeader.d.ts.map +0 -1
- package/cjs/components/Components/ProductCard/ProductCardHeader.js +0 -2
- package/cjs/components/Components/ProductCard/ProductCardHeader.js.map +0 -1
- package/components/Components/ProductCard/ProductCardHeader.d.ts +0 -43
- package/components/Components/ProductCard/ProductCardHeader.d.ts.map +0 -1
- package/components/Components/ProductCard/ProductCardHeader.js +0 -2
- package/components/Components/ProductCard/ProductCardHeader.js.map +0 -1
- /package/assets/{2340a5d8e16ea114aea7.eot → 0cd9537a211b26f733c4.eot} +0 -0
- /package/assets/{95a09435e94cc3f67d00.eot → 2201dc2db94508264182.eot} +0 -0
- /package/assets/{b05a77eed85be6f6bd37.eot → 296bce65619813716fd1.eot} +0 -0
- /package/assets/{6b85aed329cdf56132ef.gif → 2a92647be0c39eaa93dc.gif} +0 -0
- /package/assets/{002dd93adbf54e31345d.svg → 3279f91e91654b1475c0.svg} +0 -0
- /package/assets/{b4d9c8731a6bd53579af.svg → 7a17aafed0fbe13fa9a0.svg} +0 -0
- /package/assets/{d76279a68e13b1544d4d.eot → ae935b3600fcfda2324c.eot} +0 -0
- /package/assets/{b6d35ef7956667326417.woff → d528cce55348d974ee81.woff} +0 -0
- /package/assets/{60cb585ae10c7b004eb5.ttf → d5a8ca07052db23a598f.ttf} +0 -0
- /package/assets/{daeefe511f0030e4b1e6.ttf → f2ccf7c36f29aff63120.ttf} +0 -0
- /package/assets/{a0ec3ddfd0ed67bba80b.gif → f63400970f9f59c6c20f.gif} +0 -0
- /package/assets/{c77a76c244e1301394ef.woff → f92fc6350fc981e32a2c.woff} +0 -0
|
@@ -3,10 +3,16 @@ import { ComponentPropsType } from '../../../utils';
|
|
|
3
3
|
export declare const DataTableContext: React.Context<{
|
|
4
4
|
widerContent: boolean;
|
|
5
5
|
disableStackingOnMobile: boolean;
|
|
6
|
+
contentAlignment: 'left' | 'center' | 'right';
|
|
7
|
+
firstColumnSecondary: boolean;
|
|
8
|
+
isBold: boolean;
|
|
6
9
|
}>;
|
|
7
10
|
export declare const useDataTableContext: () => {
|
|
8
11
|
widerContent: boolean;
|
|
9
12
|
disableStackingOnMobile: boolean;
|
|
13
|
+
contentAlignment: 'left' | 'center' | 'right';
|
|
14
|
+
firstColumnSecondary: boolean;
|
|
15
|
+
isBold: boolean;
|
|
10
16
|
};
|
|
11
17
|
export interface DataTableProps extends ComponentPropsType {
|
|
12
18
|
/** dataTableItem component */
|
|
@@ -17,6 +23,12 @@ export interface DataTableProps extends ComponentPropsType {
|
|
|
17
23
|
disableStackingOnMobile?: boolean;
|
|
18
24
|
/** Alignment of the content cells */
|
|
19
25
|
contentAlignment?: 'left' | 'center' | 'right';
|
|
26
|
+
/** Vertical gaps between DataTableItems */
|
|
27
|
+
gaps?: 'small' | 'medium' | 'large' | 'xLarge';
|
|
28
|
+
/** If true, label (first column) is rendered in secondary color by default for all rows */
|
|
29
|
+
firstColumnSecondary?: boolean;
|
|
30
|
+
/** If true, content (second column) is rendered in bold by default for all rows */
|
|
31
|
+
isBold?: boolean;
|
|
20
32
|
}
|
|
21
|
-
export declare const DataTable: ({ children, contentAlignment, disableStackingOnMobile, testId, theme, widerContent }: DataTableProps) => JSX.Element;
|
|
33
|
+
export declare const DataTable: ({ children, contentAlignment, disableStackingOnMobile, firstColumnSecondary, gaps, isBold, testId, theme, widerContent }: DataTableProps) => JSX.Element;
|
|
22
34
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAEvD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAEvD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;EAOf,CAAA;AAEF,eAAO,MAAM,mBAAmB;kBAbhB,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;CASoD,CAAA;AAErE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C,2FAA2F;IAC3F,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,6HAUnB,cAAc,KAAG,WA8BnB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t,{createContext as e,useContext as i,useMemo as
|
|
1
|
+
import t,{createContext as e,useContext as i,useMemo as a}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';var n=e({widerContent:!1,disableStackingOnMobile:!1,contentAlignment:"left",firstColumnSecondary:!1,isBold:!0}),o=function(){return i(n)},d=function(e){var i=e.children,o=e.contentAlignment,d=void 0===o?"left":o,r=e.disableStackingOnMobile,s=void 0!==r&&r,m=e.firstColumnSecondary,c=void 0!==m&&m,u=e.gaps,g=void 0===u?"medium":u,p=e.isBold,b=void 0===p||p,f=e.testId,v=e.theme,j=e.widerContent,S=void 0!==j&&j,k=a((function(){return{widerContent:S,disableStackingOnMobile:s,contentAlignment:d,firstColumnSecondary:c,isBold:b}}),[S,s,d,c,b]);return t.createElement(n.Provider,{value:k},t.createElement("table",{className:l("c-dataTable",{"c-dataTable--contentRightAligned":"right"===d},{"c-dataTable--gapSmall":"small"===g},{"c-dataTable--gapMedium":"medium"===g},{"c-dataTable--gapLarge":"large"===g},{"c-dataTable--gapXLarge":"xLarge"===g},v),"data-testid":f},t.createElement("tbody",null,i)))};export{d as DataTable,n as DataTableContext,o as useDataTableContext};
|
|
2
2
|
//# sourceMappingURL=DataTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","useDataTableContext","useContext","DataTable","_a","children","_b","
|
|
1
|
+
{"version":3,"file":"DataTable.js","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","contentAlignment","firstColumnSecondary","isBold","useDataTableContext","useContext","DataTable","_a","children","_b","_c","_d","_e","gaps","_f","testId","theme","_g","contextValue","useMemo","React","Provider","value","createElement","className","cx"],"mappings":"2bAIO,IAAMA,EAAmBC,EAM7B,CACDC,cAAc,EACdC,yBAAyB,EACzBC,iBAAkB,OAClBC,sBAAsB,EACtBC,QAAQ,IAGGC,EAAsB,WAAM,OAAAC,EAAWR,EAAiB,EAmBxDS,EAAY,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAAyBF,EAAAN,iBAAzBA,OAAmB,IAAAQ,EAAA,OAAMA,EACzBC,EAA+BH,EAAAP,wBAA/BA,OAA0B,IAAAU,KAC1BC,EAAAJ,EAAAL,qBAAAA,OAAoB,IAAAS,GAAQA,EAC5BC,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,WAAAX,OAAS,IAAAW,GAAIA,EACbC,EAAMR,EAAAQ,OACNC,EAAKT,EAAAS,MACLC,iBAAAlB,OAAe,IAAAkB,GAAKA,EAEdC,EAAeC,GACnB,WAAM,MAAC,CACLpB,aAAYA,EACZC,wBAAuBA,EACvBC,iBAAgBA,EAChBC,qBAAoBA,EACpBC,OAAMA,EALF,GAON,CAACJ,EAAcC,EAAyBC,EAAkBC,EAAsBC,IAGlF,OACEiB,gBAACvB,EAAiBwB,SAAS,CAAAC,MAAOJ,GAChCE,EACEG,cAAA,QAAA,CAAAC,UAAWC,EACT,cACA,CAAE,mCAAyD,UAArBxB,GACtC,CAAE,wBAAkC,UAATY,GAC3B,CAAE,yBAAmC,WAATA,GAC5B,CAAE,wBAAkC,UAATA,GAC3B,CAAE,yBAAmC,WAATA,GAC5BG,GACD,cACYD,GAEbK,EAAAG,cAAA,QAAA,KAAQf,IAIhB"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ComponentPropsType } from '../../../utils';
|
|
3
3
|
export interface DataTableItemProps extends ComponentPropsType {
|
|
4
|
-
/**
|
|
4
|
+
/** Label displayed in the left column of the row. */
|
|
5
5
|
label: ReactNode;
|
|
6
6
|
/** Content displayed in the right column of the row. */
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
/** Optional perex displayed below the label. */
|
|
9
9
|
perex?: string;
|
|
10
|
+
/** Optional override for first column secondary styling. If undefined, inherits from DataTable. */
|
|
11
|
+
firstColumnSecondary?: boolean;
|
|
12
|
+
/** Optional override for content bold styling. If undefined, inherits from DataTable. */
|
|
13
|
+
isBold?: boolean;
|
|
10
14
|
}
|
|
11
|
-
export declare const DataTableItem: ({ children, label, perex, testId, theme }: DataTableItemProps) => JSX.Element;
|
|
15
|
+
export declare const DataTableItem: ({ children, firstColumnSecondary: firstColumnSecondaryProp, isBold: isBoldProp, label, perex, testId, theme }: DataTableItemProps) => JSX.Element;
|
|
12
16
|
//# sourceMappingURL=DataTableItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,
|
|
1
|
+
{"version":3,"file":"DataTableItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,kHAQvB,kBAAkB,KAAG,WAkCvB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t 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 e}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useDataTableContext as a}from"./DataTable.js";var l=function(l){var
|
|
1
|
+
import t 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 e}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useDataTableContext as a}from"./DataTable.js";var l=function(l){var s=l.children,i=l.firstColumnSecondary,o=l.isBold,r=l.label,d=l.perex,m=l.testId,n=l.theme,c=a(),_=c.disableStackingOnMobile,b=c.firstColumnSecondary,p=c.isBold,u=c.widerContent,I=null!=i?i:b,T=null!=o?o:p;return t.createElement("tr",{className:e(n),"data-testid":m},t.createElement("th",{className:e("c-dataTableItem__label",{"c-dataTableItem__label--tighter":u,"c-dataTableItem__label--noStack":_,"c-dataTableItem__label--secondary":I})},r),t.createElement("td",{className:e("c-dataTableItem__content",{"c-dataTableItem__content--wider":u,"c-dataTableItem__content--noStack":_,"c-dataTableItem__content--notBold":!T})},s,d&&t.createElement("div",{className:"c-dataTableItem__perex"},d)))};export{l as DataTableItem};
|
|
2
2
|
//# sourceMappingURL=DataTableItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableItem.js","sources":["../../../../src/components/Components/DataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["DataTableItem","_a","children","label","perex","testId","theme","_b","useDataTableContext","disableStackingOnMobile","widerContent","React","className","cx","createElement"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"DataTableItem.js","sources":["../../../../src/components/Components/DataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["DataTableItem","_a","children","firstColumnSecondaryProp","isBoldProp","label","perex","testId","theme","_b","useDataTableContext","disableStackingOnMobile","firstColumnSecondaryFromContext","firstColumnSecondary","isBoldFromContext","isBold","widerContent","resolvedFirstColumnSecondary","resolvedIsBold","React","className","cx","createElement"],"mappings":"+bAkBO,IAAMA,EAAgB,SAACC,GAC5B,IAAAC,aACsBC,yBACdC,WACRC,EAAKJ,EAAAI,MACLC,EAAKL,EAAAK,MACLC,EAAMN,EAAAM,OACNC,EAAKP,EAAAO,MAECC,EAKFC,IAJFC,EAAuBF,EAAAE,wBACDC,EAA+BH,EAAAI,qBAC7CC,EAAiBL,EAAAM,OACzBC,iBAGIC,EAA+Bd,QAAAA,EAA4BS,EAC3DM,EAAiBd,QAAAA,EAAcU,EAErC,OACEK,sBAAIC,UAAWC,EAAGb,GAAM,cAAeD,GACrCY,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,yBAA0B,CACtC,kCAAmCL,EACnC,kCAAmCL,EACnC,oCAAqCM,KAGtCZ,GAEHc,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,2BAA4B,CACxC,kCAAmCL,EACnC,oCAAqCL,EACrC,qCAAsCO,KAGvChB,EACAI,GAASa,EAAKG,cAAA,MAAA,CAAAF,UAAU,0BAA0Bd,IAI3D"}
|
|
@@ -1,44 +1,52 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { CardSize } from '../Card';
|
|
3
|
+
import { ProductHeaderPropTypes, ProductHeaderSizeProps } from '../ProductHeader';
|
|
4
|
+
type ProductCardTableRow = {
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
perex?: string;
|
|
7
|
+
content: ReactNode;
|
|
8
|
+
testId?: string;
|
|
9
|
+
theme?: string;
|
|
10
|
+
firstColumnSecondary?: boolean;
|
|
11
|
+
isBold?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type ProductCardPropTypes = ProductHeaderPropTypes & {
|
|
14
|
+
/** Children rendered inside the collapsible content area. */
|
|
15
|
+
children?: ReactNode | false;
|
|
13
16
|
/** Defines if card is open or closed on first render. */
|
|
14
17
|
initialState?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
ledgerBalance?: number;
|
|
17
|
-
/** Ledger ballance label (prefix) */
|
|
18
|
-
ledgerBalanceLabel?: ReactElement;
|
|
19
|
-
/** Link for redirect on click */
|
|
20
|
-
linkTo?: string;
|
|
21
|
-
/** Click event handler. */
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
/** Product (account) ID */
|
|
24
|
-
productId?: string;
|
|
25
|
-
/** Product (account) name */
|
|
26
|
-
productName: string;
|
|
27
|
-
/** hidden string before productName */
|
|
28
|
-
productNameHiddenPrefix?: ReactElement;
|
|
29
|
-
/** Product (account) number */
|
|
30
|
-
productNumber: string;
|
|
31
|
-
/** hidden string before productNumber */
|
|
32
|
-
productNumberHiddenPrefix?: ReactElement;
|
|
33
|
-
/** Subheader content to be rendered under productNumber. */
|
|
34
|
-
subheader?: ReactNode;
|
|
35
|
-
/** interest rates configuration for displaying */
|
|
36
|
-
afterButtonsComponent?: ReactNode;
|
|
37
|
-
/** Determines if the card is collapsible. If false, renders only the header */
|
|
18
|
+
/** Determines if the card is collapsible. */
|
|
38
19
|
isCollapsible?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
20
|
+
/** Determines if the card is clickable. */
|
|
21
|
+
isInteractive?: boolean;
|
|
22
|
+
/** Click event handler for the card wrapper / header (depending on config). */
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
/** Optional custom theme for the Card wrapper. */
|
|
25
|
+
theme?: string;
|
|
26
|
+
/** Optional testId for Card wrapper. */
|
|
27
|
+
cardTestId?: string;
|
|
28
|
+
size?: CardSize;
|
|
29
|
+
headerSize?: ProductHeaderSizeProps;
|
|
30
|
+
/** Extra content rendered under ProductHeader (still in Card header). */
|
|
31
|
+
customContent?: ReactNode;
|
|
32
|
+
/** Renders divider between ProductHeader and extra header content. */
|
|
33
|
+
withDivider?: boolean;
|
|
34
|
+
/** Rows rendered in DataTable under ProductHeader. */
|
|
35
|
+
tableRows?: ProductCardTableRow[];
|
|
36
|
+
/** If true, all rows will use 30%/70% column layout */
|
|
37
|
+
tableWiderContent?: boolean;
|
|
38
|
+
/** If true, removes top and bottom padding from all DataTableItems */
|
|
39
|
+
tableDisableStackingOnMobile?: boolean;
|
|
40
|
+
/** Alignment of the content cells */
|
|
41
|
+
tableContentAlignment?: 'left' | 'center' | 'right';
|
|
42
|
+
/** Vertical gaps between DataTableItems */
|
|
43
|
+
tableGaps?: 'small' | 'medium' | 'large' | 'xLarge';
|
|
44
|
+
/** Default for all rows: label (first column) is rendered in secondary color */
|
|
45
|
+
tableFirstColumnSecondary?: boolean;
|
|
46
|
+
/** Default for all rows: content (second column) is rendered in bold */
|
|
47
|
+
tableIsBold?: boolean;
|
|
48
|
+
dividerTheme?: string;
|
|
49
|
+
};
|
|
50
|
+
export declare const ProductCard: ({ cardTestId, children, customContent, dividerTheme, headerSize, initialState, isCollapsible, isInteractive, onClick, size, tableContentAlignment, tableDisableStackingOnMobile, tableFirstColumnSecondary, tableGaps, tableIsBold, tableRows, tableWiderContent, theme, withDivider, ...productHeaderProps }: ProductCardPropTypes) => React.JSX.Element;
|
|
51
|
+
export {};
|
|
44
52
|
//# sourceMappingURL=ProductCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,
|
|
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;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,kTAqBrB,oBAAoB,sBAqJtB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as r,Fragment as
|
|
1
|
+
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,I=C.headerSize,E=void 0===I?"medium":I,h=C.initialState,_=void 0!==h&&h,j=C.isCollapsible,k=void 0!==j&&j,D=C.isInteractive,N=void 0!==D&&D,S=C.onClick,y=C.size,T=void 0===y?"large":y,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.tableWiderContent,W=void 0!==H&&H,U=C.theme,q=C.withDivider,J=void 0!==q&&q,K=e(C,["cardTestId","children","customContent","dividerTheme","headerSize","initialState","isCollapsible","isInteractive","onClick","size","tableContentAlignment","tableDisableStackingOnMobile","tableFirstColumnSecondary","tableGaps","tableIsBold","tableRows","tableWiderContent","theme","withDivider"]),L=r(_),Q=L[0],V=L[1],X=Array.isArray(G)&&G.length>0,Y=i.Children.count(f)>0,Z=X||Y,$=Boolean(k&&N&&S),ee=a((function(){return null!=b?b:K.testId?"productCard-".concat(K.testId):"productCard"}),[b,K.testId]),te=function(){return V((function(e){return!e}))},ie=function(){k&&te(),S&&S()},re=function(e){e.stopPropagation(),te()},ae=function(){return Z?i.createElement("div",{className:"c-productCard__headerExtra"},J&&i.createElement(u,{theme:l("c-productCard__divider",g)}),X?i.createElement("div",{className:"c-productCard__table"},i.createElement(c,{contentAlignment:z,disableStackingOnMobile:B,firstColumnSecondary:M,gaps:O,isBold:R,widerContent:W},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,Y&&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(),$?null==S||S():ie()}},i.createElement(p,t({},K,{size:E})),ae()),!Q&&i.createElement(s,null,i.createElement("div",{className:"c-productCard__collapsible--trigger",id:K.testId?"productCard-".concat(K.testId,"-collapsible-closed"):"productCard-collapsible-closed",onClick:re},i.createElement(n,{iconName:"arrowDown"})))),isInteractive:N,isOpen:Q,size:"large",testId:ee,theme:l({"c-card--interactive--open":Q,"c-productCard__position":k},U),onClick:$?void 0:ie},i.createElement("div",null,v,Q&&i.createElement(s,null,i.createElement("div",{className:"c-productCard__collapsible--trigger",id:K.testId?"productCard-".concat(K.testId,"-collapsible-opened"):"productCard-collapsible-opened",onClick:re},i.createElement(n,{iconName:"arrowUp"}))))):i.createElement(d,{isInteractive:N,size:T,testId:null!=b?b:K.testId,theme:U,onClick:ie},i.createElement(p,t({},K,{size:E})),ae())};export{C as ProductCard};
|
|
2
2
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sources":["../../../../src/components/Components/ProductCard/ProductCard.tsx"],"sourcesContent":[null],"names":["ProductCard","_a","
|
|
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","_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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{ProductCard}from"./ProductCard.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { ColorType, IconNameType, Theme } from '../../../types';
|
|
3
|
+
import { AmountSizeType, AmountType, TextSizeType, TitleSize } from '../../Typography';
|
|
4
|
+
import { AvatarSizeType } from '../Avatar';
|
|
5
|
+
import { ButtonSize } from '../Button';
|
|
6
|
+
import { CompactButtonsButtonType } from '../CompactButtons';
|
|
7
|
+
export type ProductHeaderSizeProps = 'small' | 'medium' | 'large' | 'xLarge';
|
|
8
|
+
export interface ProductHeaderPropTypes {
|
|
9
|
+
/**
|
|
10
|
+
* ProductHeader size variant that sets default sizing for the whole header (title, subtitle, amounts, icon and actions).
|
|
11
|
+
* You can still override any individual size via `titleSize`, `subtitleSize`, `amountSize`, `secondaryAmountSize`,
|
|
12
|
+
* `titleIconSize` or `actionsSize`.
|
|
13
|
+
*/
|
|
14
|
+
size?: ProductHeaderSizeProps;
|
|
15
|
+
/** Main title text shown in the top-left area. */
|
|
16
|
+
title: string;
|
|
17
|
+
/** Custom title content rendered in the top-left area instead of default `title`. */
|
|
18
|
+
customTitle?: ReactNode;
|
|
19
|
+
/** Title size. */
|
|
20
|
+
titleSize?: TitleSize;
|
|
21
|
+
/** Title visual size. Use this for matching title visual with desired design. */
|
|
22
|
+
titleVisual?: TitleSize;
|
|
23
|
+
/** Title without margin. For this component default value is true. */
|
|
24
|
+
titleWithoutMargin?: boolean;
|
|
25
|
+
/** Optional icon rendered to the left of the title. */
|
|
26
|
+
titleIconName?: IconNameType;
|
|
27
|
+
/** Text rendered inside of icon instead of iconName. */
|
|
28
|
+
titleIconText?: ReactNode;
|
|
29
|
+
/** Color of icon rendered to the left of the title. */
|
|
30
|
+
titleIconColor?: ColorType;
|
|
31
|
+
/** Background color of icon rendered to the left of the title. */
|
|
32
|
+
titleIconBackgroundColor?: ColorType;
|
|
33
|
+
/** Custom background color of icon rendered to the left of the title. */
|
|
34
|
+
titleIconBackgroundCustom?: string;
|
|
35
|
+
/** Size of icon rendered to the left of the title. */
|
|
36
|
+
titleIconSize?: AvatarSizeType;
|
|
37
|
+
/** Visually hidden prefix rendered before the title (for screen readers). */
|
|
38
|
+
titleHiddenPrefix?: ReactElement;
|
|
39
|
+
/** Link that can be used for title (internal navigation). */
|
|
40
|
+
linkTo?: string;
|
|
41
|
+
/** External link to open in a new tab on click (title area). */
|
|
42
|
+
externalLink?: string;
|
|
43
|
+
/** Secondary text shown under the title in the left column. */
|
|
44
|
+
subtitle?: string;
|
|
45
|
+
/** Custom subtitle content (any ReactNode component) rendered under the title instead of default subtitle. */
|
|
46
|
+
customSubtitle?: ReactNode;
|
|
47
|
+
/** Subtitle text size. */
|
|
48
|
+
subtitleSize?: TextSizeType;
|
|
49
|
+
/** Visually hidden prefix rendered before the subtitle (for screen readers). */
|
|
50
|
+
subtitleHiddenPrefix?: ReactElement;
|
|
51
|
+
/** Main amount value shown in the top-right cell. If amountis not defined,topRightButtons can be rendered instead. */
|
|
52
|
+
amount?: number;
|
|
53
|
+
/** Visually hidden prefix rendered before value shown in the top-right cell - usually the main amount (for screen readers). */
|
|
54
|
+
amountHiddenPrefix?: ReactElement;
|
|
55
|
+
/** Main amount size. */
|
|
56
|
+
amountSize?: AmountSizeType;
|
|
57
|
+
/** Main amount type. */
|
|
58
|
+
amountType?: AmountType;
|
|
59
|
+
/** Define if main amount is bold or not, default value is true. */
|
|
60
|
+
amountIsBold?: boolean;
|
|
61
|
+
/** Render main amount inline. */
|
|
62
|
+
amountIsInline?: boolean;
|
|
63
|
+
/** Hide icon for positive/negative or other main amount types. */
|
|
64
|
+
amountHideIcon?: boolean;
|
|
65
|
+
/** Unit before main amount value. */
|
|
66
|
+
amountUnitBefore?: string;
|
|
67
|
+
/** Unit after main amount value. */
|
|
68
|
+
amountUnitAfter?: string;
|
|
69
|
+
/** Unit theme for main amount. */
|
|
70
|
+
amountUnitTheme?: Theme;
|
|
71
|
+
/** Maximum fraction digits for main amount. */
|
|
72
|
+
amountMaximumFractionDigits?: number;
|
|
73
|
+
/** Minimum fraction digits for main amount. */
|
|
74
|
+
amountMinimumFractionDigits?: number;
|
|
75
|
+
/** Buttons rendered in the top-right cell (alternative to `amount`). This cell renders either `amount` OR `topRightButtons`, never both. */
|
|
76
|
+
topRightButtons?: ReactNode | ReactNode[];
|
|
77
|
+
/** Content rendered in the top-right cell (alternative to `amount` or `topRightButtons`). This cell renders either `amount` OR `topRightButtons` OR `topRightCustomContent`. */
|
|
78
|
+
topRightCustomContent?: ReactNode;
|
|
79
|
+
/** Label rendered in the bottom-right cell. Can be rendered alone or before secondary amount. */
|
|
80
|
+
secondaryLabel?: ReactNode;
|
|
81
|
+
/** Size of label rendered in the bottom-right cell. Can be rendered alone or before secondary amount. */
|
|
82
|
+
secondaryLabelSize?: TextSizeType;
|
|
83
|
+
/** Secondary amount value rendered next to `secondaryLabel`. */
|
|
84
|
+
secondaryAmount?: number;
|
|
85
|
+
/** Secondary amount size. */
|
|
86
|
+
secondaryAmountSize?: AmountSizeType;
|
|
87
|
+
/** Secondary amount type. */
|
|
88
|
+
secondaryAmountType?: AmountType;
|
|
89
|
+
/** Define if secondary amount is bold or not, default value is true. */
|
|
90
|
+
secondaryAmountIsBold?: boolean;
|
|
91
|
+
/** Render secondary amount inline. */
|
|
92
|
+
secondaryAmountIsInline?: boolean;
|
|
93
|
+
/** Hide icon for types for secondary amount. */
|
|
94
|
+
secondaryAmountHideIcon?: boolean;
|
|
95
|
+
/** Unit before secondary amount value. */
|
|
96
|
+
secondaryAmountUnitBefore?: string;
|
|
97
|
+
/** Unit after secondary amount value. */
|
|
98
|
+
secondaryAmountUnitAfter?: string;
|
|
99
|
+
/** Unit theme for secondary amount. */
|
|
100
|
+
secondaryAmountUnitTheme?: Theme;
|
|
101
|
+
/** Maximum fraction digits for secondary amount. */
|
|
102
|
+
secondaryAmountMaximumFractionDigits?: number;
|
|
103
|
+
/** Minimum fraction digits for secondary amount. */
|
|
104
|
+
secondaryAmountMinimumFractionDigits?: number;
|
|
105
|
+
/** Buttons rendered below the header grid (full width). */
|
|
106
|
+
actions?: CompactButtonsButtonType[];
|
|
107
|
+
/** Size of buttons rendered below the header grid (full width). */
|
|
108
|
+
actionsSize?: ButtonSize;
|
|
109
|
+
/** Content rendered below the header grid (full width). Can contain any ReactNode, e.g. buttons, additional information, or custom components. */
|
|
110
|
+
belowHeaderContent?: ReactNode;
|
|
111
|
+
/** Locale for number formatting (e.g. 'cs-CZ', 'en-US'). Affects both main and secondary amounts. */
|
|
112
|
+
locale?: string;
|
|
113
|
+
/** Test ID for testing purposes. */
|
|
114
|
+
testId?: string;
|
|
115
|
+
}
|
|
116
|
+
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;
|
|
117
|
+
//# sourceMappingURL=ProductHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductHeader/ProductHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=ProductHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductHeader.js","sources":["../../../../src/components/Components/ProductHeader/ProductHeader.tsx"],"sourcesContent":[null],"names":["ProductHeader","_a","actions","actionsSize","amount","amountHiddenPrefix","_b","amountHideIcon","_c","amountIsBold","amountIsInline","_d","amountMaximumFractionDigits","_e","amountMinimumFractionDigits","amountSize","amountType","amountUnitAfter","amountUnitBefore","amountUnitTheme","belowHeaderContent","customSubtitle","customTitle","externalLink","linkTo","locale","secondaryAmount","_f","secondaryAmountHideIcon","secondaryAmountIsBold","secondaryAmountIsInline","_g","secondaryAmountMaximumFractionDigits","_h","secondaryAmountMinimumFractionDigits","secondaryAmountSize","secondaryAmountType","secondaryAmountUnitAfter","secondaryAmountUnitBefore","secondaryAmountUnitTheme","secondaryLabel","secondaryLabelSize","_j","size","subtitle","subtitleHiddenPrefix","subtitleSize","testId","title","titleHiddenPrefix","_k","titleIconBackgroundColor","titleIconBackgroundCustom","titleIconColor","titleIconName","titleIconSize","titleIconText","_l","titleSize","titleVisual","_m","titleWithoutMargin","topRightButtons","topRightCustomContent","history","useHistory","onInternalTitleClick","useCallback","e","preventDefault","push","defaultSizes","getDefaultSizesByHeaderSize","resolvedTitleVisual","resolvedSubtitleSize","resolvedSecondaryLabelSize","resolvedAmountSize","resolvedSecondaryAmountSize","resolvedTitleIconSize","resolvedActionsSize","shouldUseSmallAmountTheme","shouldUseSmallSecondaryAmountTheme","shouldUseXLargeSecondaryAmountTheme","titleContent","hasSubtitle","hasIcon","hasTopRightCustomContent","React","Children","count","hasTopRightButtons","showTopRightCustomContent","showTopRightButtons","showAmount","hasTopRight","hasBottomRight","hasActions","length","hasBelowHeaderContent","renderTitle","createElement","Link","ariaLabel","concat","undefined","linkUrl","target","theme","onClick","Title","isWithoutMargin","cx","visual","className","Avatar","backgroundColor","backgroundCustom","color","iconName","text","Fragment","Text","type","ButtonsGroup","Amount","hideIcon","isBold","isInline","maximumFractionDigits","minimumFractionDigits","unitAfter","unitBefore","unitTheme","Flex","alignItems","direction","justifyContent","component","CompactButtons","buttons"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/ProductHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{ActionBar}from"./ActionBar/ActionBar.js";export{Alert}from"./Alert/Alert.js";export{Avatar}from"./Avatar/Avatar.js";export{Badge}from"./Badge/Badge.js";export{Button}from"./Button/Button.js";export{ButtonsGroup}from"./Button/ButtonsGroup.js";export{ButtonTooltip}from"./ButtonTooltip/ButtonTooltip.js";export{Card}from"./Card/Card.js";export{CardCustomTrigger}from"./Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./Carousel/Carousel.js";export{Collapse}from"./Collapse/Collapse.js";export{CompactButtons}from"./CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./ContentTable/ContentTable.js";export{ContentTableRow}from"./ContentTable/ContentTableRow.js";export{DataTable,DataTableContext,useDataTableContext}from"./DataTable/DataTable.js";export{DataTableItem}from"./DataTable/DataTableItem.js";export{DataTableDivider}from"./DataTable/DataTableDivider.js";export{Divider}from"./Divider/Divider.js";export{Dropdown}from"./Dropdown/Dropdown.js";export{DropdownDivider}from"./Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./Dropdown/_elements_/DropdownMenu.js";export{DropdownInfoText}from"./Dropdown/_elements_/DropdownInfoText.js";export{DropdownLoading}from"./Dropdown/_elements_/DropdownLoading.js";export{IconList}from"./IconList/IconList.js";export{IconListItem}from"./IconList/IconListItem.js";export{Image}from"./Image/Image.js";export{Link}from"./Link/Link.js";export{List}from"./List/List.js";export{ListItem}from"./List/ListItem.js";export{Loader}from"./Loader/Loader.js";export{ModalContent}from"./Modal/_elements_/ModalContent.js";export{ModalDialog}from"./Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./Modal/_elements_/ModalHeader.js";export{Modal}from"./Modal/Modal.js";export{useModal}from"./Modal/_elements_/Modal.hook.js";export{MonetaBankLogo}from"./MonetaBankLogo/MonetaBankLogo.js";export{NotificationCard}from"./NotificationCard/NotificationCard.js";export{NotificationCardHeader}from"./NotificationCard/NotificationCardHeader.js";export{Pills}from"./Pills/Pills.js";export{
|
|
1
|
+
export{ActionBar}from"./ActionBar/ActionBar.js";export{Alert}from"./Alert/Alert.js";export{Avatar}from"./Avatar/Avatar.js";export{Badge}from"./Badge/Badge.js";export{Button}from"./Button/Button.js";export{ButtonsGroup}from"./Button/ButtonsGroup.js";export{ButtonTooltip}from"./ButtonTooltip/ButtonTooltip.js";export{Card}from"./Card/Card.js";export{CardCustomTrigger}from"./Card/_elements_/CardCustomTrigger.js";export{Carousel}from"./Carousel/Carousel.js";export{Collapse}from"./Collapse/Collapse.js";export{CompactButtons}from"./CompactButtons/CompactButtons.js";export{ContentTable,getTextAlignClass}from"./ContentTable/ContentTable.js";export{ContentTableRow}from"./ContentTable/ContentTableRow.js";export{DataTable,DataTableContext,useDataTableContext}from"./DataTable/DataTable.js";export{DataTableItem}from"./DataTable/DataTableItem.js";export{DataTableDivider}from"./DataTable/DataTableDivider.js";export{Divider}from"./Divider/Divider.js";export{Dropdown}from"./Dropdown/Dropdown.js";export{DropdownDivider}from"./Dropdown/_elements_/DropdownDivider.js";export{DropdownItem}from"./Dropdown/_elements_/DropdownItem.js";export{DropdownMenu}from"./Dropdown/_elements_/DropdownMenu.js";export{DropdownInfoText}from"./Dropdown/_elements_/DropdownInfoText.js";export{DropdownLoading}from"./Dropdown/_elements_/DropdownLoading.js";export{IconList}from"./IconList/IconList.js";export{IconListItem}from"./IconList/IconListItem.js";export{Image}from"./Image/Image.js";export{Link}from"./Link/Link.js";export{List}from"./List/List.js";export{ListItem}from"./List/ListItem.js";export{Loader}from"./Loader/Loader.js";export{ModalContent}from"./Modal/_elements_/ModalContent.js";export{ModalDialog}from"./Modal/_elements_/ModalDialog.js";export{ModalFooter}from"./Modal/_elements_/ModalFooter.js";export{ModalHeader}from"./Modal/_elements_/ModalHeader.js";export{Modal}from"./Modal/Modal.js";export{useModal}from"./Modal/_elements_/Modal.hook.js";export{MonetaBankLogo}from"./MonetaBankLogo/MonetaBankLogo.js";export{NotificationCard}from"./NotificationCard/NotificationCard.js";export{NotificationCardHeader}from"./NotificationCard/NotificationCardHeader.js";export{Pills}from"./Pills/Pills.js";export{ProductCard}from"./ProductCard/ProductCard.js";export{ProductHeader}from"./ProductHeader/ProductHeader.js";export{default as SuperModal}from"./SuperModal/_elements_/SuperModal.js";export{default as SuperModalContent}from"./SuperModal/_elements_/SuperModalContent.js";export{default as SuperModalHeader}from"./SuperModal/_elements_/SuperModalHeader.js";export{default as SuperModalProvider}from"./SuperModal/_elements_/SuperModalProvider.js";export{SUPER_MODAL_PREFIX,useSuperModal}from"./SuperModal/SuperModal.hook.js";export{SuperModalContext}from"./SuperModal/SuperModal.context.js";export{Tag}from"./Tag/Tag.js";export{Tile}from"./Tile/Tile.js";export{ToastContainer}from"./Toast/Toast.js";export{useToast}from"./Toast/Toast.hook.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{UserAuth}from"./UserAuth/UserAuth.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Theme } from '../../../types';
|
|
2
2
|
import { ComponentPropsType } from '../../../utils';
|
|
3
|
-
export type AmountSizeType = 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
|
|
3
|
+
export type AmountSizeType = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
|
|
4
|
+
export type AmountType = 'secondary' | 'positive' | 'negative' | 'crossed' | 'inverse';
|
|
4
5
|
export interface AmountPropsType extends ComponentPropsType {
|
|
5
6
|
/** Amount of money. */
|
|
6
7
|
amount: number;
|
|
@@ -27,7 +28,7 @@ export interface AmountPropsType extends ComponentPropsType {
|
|
|
27
28
|
/** Size of component. */
|
|
28
29
|
size?: AmountSizeType;
|
|
29
30
|
/** Color type of amount. */
|
|
30
|
-
type?:
|
|
31
|
+
type?: AmountType;
|
|
31
32
|
}
|
|
32
33
|
export declare const Amount: ({ amount, hideIcon, isBold, isInline, locale, maximumFractionDigits, minimumFractionDigits, size, testId, theme, type, unitAfter, unitBefore, unitTheme, ...rest }: AmountPropsType) => JSX.Element;
|
|
33
34
|
//# sourceMappingURL=Amount.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Amount/Amount.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AASvD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Amount/Amount.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AASvD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC3F,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAWtF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yBAAyB;IACzB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sOAAsO;IACtO,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gJAAgJ;IAChJ,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wGAAwG;IACxG,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,uKAgBhB,eAAe,KAAG,WAmCpB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../../../ext/tslib/tslib.es6.js';import o,{Fragment as i}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 n}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import"../../Components/Button/Button.js";import{Avatar as s}from"../../Components/Avatar/Avatar.js";import"../../Components/ButtonTooltip/ButtonTooltip.js";import'./../../../ext/cuid/index.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"../../Components/Collapse/Collapse.js";import'./../../../ext/lodash/_baseToString.js';import'./../../../ext/react-text-mask/dist/reactTextMask.js';import"../../Components/Dropdown/_elements_/DropdownDivider.js";import"../../Components/Dropdown/_elements_/DropdownItem.js";import"../../Components/Dropdown/_elements_/DropdownMenu.js";import"../../Components/Dropdown/_elements_/DropdownInfoText.js";import"../../Components/Dropdown/_elements_/DropdownLoading.js";import"../../../contexts/ContentTableContext.js";import"../../Components/ContentTable/ContentTableRow.js";import"../../Components/DataTable/DataTable.js";import"../../Components/Link/Link.js";import"react-dom";import"react-router-dom";import"../../../contexts/MobilePanelContext.js";import"../../Components/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 m,r;!function(t){t.NEGATIVE="negative",t.POSITIVE="positive",t.CROSSED="crossed"}(m||(m={})),function(t){t.small="small",t.medium="small",t.large="large",t.xLarge="xLarge",t.xxLarge="xxLarge"}(r||(r={}));var a=function(a){var l,p=a.amount,d=a.hideIcon,c=void 0!==d&&d,u=a.isBold,j=a.isInline,x=a.locale,C=a.maximumFractionDigits,_=void 0===C?2:C,D=a.minimumFractionDigits,g=a.size,F=void 0===g?"medium":g,E=a.testId,I=a.theme,T=a.type,v=a.unitAfter,N=void 0===v?"CZK":v,S=a.unitBefore,b=a.unitTheme,f=t(a,["amount","hideIcon","isBold","isInline","locale","maximumFractionDigits","minimumFractionDigits","size","testId","theme","type","unitAfter","unitBefore","unitTheme"]),w=n("t-amount",((l={})["t-amount--".concat(F)]=F,l["t-amount--".concat(T)]=T,l["t-amount--bold"]=u,l),I),A=j?"span":"div";return o.createElement(A,e({className:w,"data-testid":E},f),T===m.NEGATIVE&&o.createElement(i,null,!c&&o.createElement(s,{iconName:"caretDownFill",size:r[F]}),o.createElement("span",{className:"u-vHide"},"-")),T===m.POSITIVE&&o.createElement(i,null,!c&&o.createElement(s,{iconName:"caretUpFill",size:r[F]}),o.createElement("span",{className:"u-vHide"},"+")),S&&o.createElement("span",{className:n("t-amount__unit",b)},S," "),new Intl.NumberFormat(x,{maximumFractionDigits:_,minimumFractionDigits:D}).format(p),!S&&o.createElement("span",{className:n("t-amount__unit",b)}," ",N))};export{a as Amount};
|
|
1
|
+
import{__rest as t,__assign as e}from'./../../../ext/tslib/tslib.es6.js';import o,{Fragment as i}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 n}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import"../../Components/Button/Button.js";import{Avatar as s}from"../../Components/Avatar/Avatar.js";import"../../Components/ButtonTooltip/ButtonTooltip.js";import'./../../../ext/cuid/index.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"../../Components/Collapse/Collapse.js";import'./../../../ext/lodash/_baseToString.js';import'./../../../ext/react-text-mask/dist/reactTextMask.js';import"../../Components/Dropdown/_elements_/DropdownDivider.js";import"../../Components/Dropdown/_elements_/DropdownItem.js";import"../../Components/Dropdown/_elements_/DropdownMenu.js";import"../../Components/Dropdown/_elements_/DropdownInfoText.js";import"../../Components/Dropdown/_elements_/DropdownLoading.js";import"../../../contexts/ContentTableContext.js";import"../../Components/ContentTable/ContentTableRow.js";import"../../Components/DataTable/DataTable.js";import"../../Components/Link/Link.js";import"react-dom";import"react-router-dom";import"../../../contexts/MobilePanelContext.js";import"../../Components/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 m,r;!function(t){t.NEGATIVE="negative",t.POSITIVE="positive",t.CROSSED="crossed"}(m||(m={})),function(t){t.xSmall="small",t.small="small",t.medium="small",t.large="large",t.xLarge="xLarge",t.xxLarge="xxLarge"}(r||(r={}));var a=function(a){var l,p=a.amount,d=a.hideIcon,c=void 0!==d&&d,u=a.isBold,j=a.isInline,x=a.locale,C=a.maximumFractionDigits,_=void 0===C?2:C,D=a.minimumFractionDigits,g=a.size,F=void 0===g?"medium":g,E=a.testId,I=a.theme,T=a.type,v=a.unitAfter,N=void 0===v?"CZK":v,S=a.unitBefore,b=a.unitTheme,f=t(a,["amount","hideIcon","isBold","isInline","locale","maximumFractionDigits","minimumFractionDigits","size","testId","theme","type","unitAfter","unitBefore","unitTheme"]),w=n("t-amount",((l={})["t-amount--".concat(F)]=F,l["t-amount--".concat(T)]=T,l["t-amount--bold"]=u,l),I),A=j?"span":"div";return o.createElement(A,e({className:w,"data-testid":E},f),T===m.NEGATIVE&&o.createElement(i,null,!c&&o.createElement(s,{iconName:"caretDownFill",size:r[F]}),o.createElement("span",{className:"u-vHide"},"-")),T===m.POSITIVE&&o.createElement(i,null,!c&&o.createElement(s,{iconName:"caretUpFill",size:r[F]}),o.createElement("span",{className:"u-vHide"},"+")),S&&o.createElement("span",{className:n("t-amount__unit",b)},S," "),new Intl.NumberFormat(x,{maximumFractionDigits:_,minimumFractionDigits:D}).format(p),!S&&o.createElement("span",{className:n("t-amount__unit",b)}," ",N))};export{a as Amount};
|
|
2
2
|
//# sourceMappingURL=Amount.js.map
|