phx-react 1.3.1804 → 1.3.1805
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/dist/cjs/components/Box/Box.d.ts +2 -1
- package/dist/cjs/components/Box/Box.js +2 -1
- package/dist/cjs/components/Box/Box.js.map +1 -1
- package/dist/cjs/components/Preview-noti/mobile-preview/mobile-preview.js +4 -17
- package/dist/cjs/components/Preview-noti/mobile-preview/mobile-preview.js.map +1 -1
- package/dist/esm/components/Box/Box.d.ts +2 -1
- package/dist/esm/components/Box/Box.js +2 -1
- package/dist/esm/components/Box/Box.js.map +1 -1
- package/dist/esm/components/Preview-noti/mobile-preview/mobile-preview.js +4 -17
- package/dist/esm/components/Preview-noti/mobile-preview/mobile-preview.js.map +1 -1
- package/package.json +1 -1
|
@@ -41,5 +41,6 @@ export interface PHXBoxProps {
|
|
|
41
41
|
borderColor?: BorderColor;
|
|
42
42
|
cursor?: 'pointer' | 'default';
|
|
43
43
|
widthFitContent?: boolean;
|
|
44
|
+
width?: number;
|
|
44
45
|
}
|
|
45
|
-
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth, borderStyle, borderWidth, maxWidth, as, borderTop, borderBottom, borderLeft, borderRight, borderColor, cursor, widthFitContent, }: PHXBoxProps) => React.JSX.Element;
|
|
46
|
+
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth, borderStyle, borderWidth, maxWidth, as, borderTop, borderBottom, borderLeft, borderRight, borderColor, cursor, widthFitContent, width, }: PHXBoxProps) => React.JSX.Element;
|
|
@@ -24,7 +24,7 @@ exports.lineStylesMap = {
|
|
|
24
24
|
solid: 'solid',
|
|
25
25
|
dotted: 'dotted',
|
|
26
26
|
};
|
|
27
|
-
const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth = false, borderStyle, borderWidth, maxWidth, as = 'div', borderTop, borderBottom, borderLeft, borderRight, borderColor = 'default', cursor = 'default', widthFitContent = false, }) => {
|
|
27
|
+
const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth = false, borderStyle, borderWidth, maxWidth, as = 'div', borderTop, borderBottom, borderLeft, borderRight, borderColor = 'default', cursor = 'default', widthFitContent = false, width, }) => {
|
|
28
28
|
const borderColorMap = {
|
|
29
29
|
default: 'border-gray-400',
|
|
30
30
|
};
|
|
@@ -60,6 +60,7 @@ const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth = fa
|
|
|
60
60
|
];
|
|
61
61
|
const styles = {
|
|
62
62
|
maxWidth: maxWidth ? `${maxWidth}px` : undefined,
|
|
63
|
+
width: width ? `${width}px` : undefined,
|
|
63
64
|
};
|
|
64
65
|
const Element = as;
|
|
65
66
|
return (react_1.default.createElement(Element, { className: classes.filter(Boolean).join(' '), style: styles }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,mDAA0D;AAE7C,QAAA,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;AACY,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG;CACZ,CAAA;AACY,QAAA,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAA;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AAEzB,mDAA0D;AAE7C,QAAA,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;AACY,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG;CACZ,CAAA;AACY,QAAA,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAA;AAsCM,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,GAAG,SAAS,EACvB,MAAM,GAAG,SAAS,EAClB,eAAe,GAAG,KAAK,EACvB,KAAK,GACO,EAAE,EAAE;IAChB,MAAM,cAAc,GAAgC;QAClD,OAAO,EAAE,iBAAiB;KAC3B,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,YAAY,IAAI,UAAU,IAAI,WAAW,CAAC,CAAA;IACrF,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,kBAAkB,CAAC,CAAA;IAC/D,MAAM,iBAAiB,GAAG,iBAAiB,IAAI,CAAC,CAAC,WAAW,CAAA;IAE5D,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,WAAW,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACpG,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACpF,MAAM,gBAAgB,GAAG,IAAA,4BAAkB,EAAC,QAAQ,EAAE,mBAAmB,EAAE,qBAAa,CAAC,CAAA;IAEzF,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,kBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,kBAAkB;QAClB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,kBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,kBAAU,CAAC;QACxC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC9B,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACzB,IAAA,4BAAkB,EAAC,QAAQ,EAAE,mBAAmB,EAAE,sBAAc,CAAC;QACjE,gBAAgB;QAChB,IAAA,4BAAkB,EAAC,UAAU,EAAE,SAAS,EAAE,sBAAc,CAAC;QACzD,IAAA,4BAAkB,EAAC,UAAU,EAAE,YAAY,EAAE,sBAAc,CAAC;QAC5D,IAAA,4BAAkB,EAAC,UAAU,EAAE,UAAU,EAAE,sBAAc,CAAC;QAC1D,IAAA,4BAAkB,EAAC,UAAU,EAAE,WAAW,EAAE,sBAAc,CAAC;QAC3D,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;QACpD,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;KAC7C,CAAA;IAED,MAAM,MAAM,GAAwB;QAClC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,CAAC,CAAC,CAAC,SAAS;QAChD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS;KACxC,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,CAAA;IAClB,OAAO,CACL,8BAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,IACjE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AA1EY,QAAA,MAAM,UA0ElB"}
|
|
@@ -62,19 +62,6 @@ const MobilePreview = ({ content, description, isEvent = false, title, type = 'e
|
|
|
62
62
|
}
|
|
63
63
|
return `${baseClass} ${positionClass} h-[72%] mx-1`;
|
|
64
64
|
};
|
|
65
|
-
/**
|
|
66
|
-
* handle height of iframe
|
|
67
|
-
* @returns
|
|
68
|
-
*/
|
|
69
|
-
const getHeightIframe = () => {
|
|
70
|
-
if (isApp && isEvent) {
|
|
71
|
-
return 'medium';
|
|
72
|
-
}
|
|
73
|
-
if (isApp) {
|
|
74
|
-
return 'small';
|
|
75
|
-
}
|
|
76
|
-
return 'medium';
|
|
77
|
-
};
|
|
78
65
|
return (react_1.default.createElement("div", { className: 'flex flex-col gap-6 px-4 md:px-8 lg:flex-row lg:gap-12 lg:px-12' },
|
|
79
66
|
react_1.default.createElement("div", { className: 'relative w-full lg:w-1/2' },
|
|
80
67
|
react_1.default.createElement(image_1.default, { alt: 'ImagePhone', className: 'h-auto w-full rounded-xl', height: 100, quality: 100, src: screens_1.PHXScreens.MobileScreen, width: 100 }),
|
|
@@ -89,10 +76,10 @@ const MobilePreview = ({ content, description, isEvent = false, title, type = 'e
|
|
|
89
76
|
react_1.default.createElement("div", { className: 'relative w-full lg:w-1/2' },
|
|
90
77
|
react_1.default.createElement(image_1.default, { alt: 'ImagePhoneDetail', className: 'h-auto w-full rounded-xl', height: 100, quality: 100, src: getImageDetailUrl(), width: 100 }),
|
|
91
78
|
react_1.default.createElement("div", { className: getDetailWrapperClass() },
|
|
92
|
-
react_1.default.createElement(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
react_1.default.createElement(Iframe_1.PHXIframe, { height:
|
|
79
|
+
isApp && !isEvent && (react_1.default.createElement(Box_1.PHXBox, { pb: 'snappy' },
|
|
80
|
+
react_1.default.createElement(TextV2_1.PHXTextV2, { color: 'primary', size: 'micro', weight: 'semibold' }, "Chi ti\u1EBFt th\u00F4ng b\u00E1o"))),
|
|
81
|
+
react_1.default.createElement("div", { className: 'min-h-0 flex-1' },
|
|
82
|
+
react_1.default.createElement(Iframe_1.PHXIframe, { height: 'full', isMobile: true, srcDoc: getScaledPreviewContent(title, content) }))))));
|
|
96
83
|
};
|
|
97
84
|
exports.MobilePreview = MobilePreview;
|
|
98
85
|
//# sourceMappingURL=mobile-preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-preview.js","sourceRoot":"","sources":["../../../../../src/components/Preview-noti/mobile-preview/mobile-preview.tsx"],"names":[],"mappings":";;;;AAAA,+DAA8B;AAC9B,0DAAyB;AACzB,iDAAgD;AAChD,qDAAoD;AACpD,mCAAkC;AAClC,yCAAwC;AACxC,yCAAwC;AAExC,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAc,EAAE,IAAa,EAAU,EAAE;IACxE,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IACD,OAAO;;QAED,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE;aAC3B,IAAI,IAAI,EAAE;;GAEpB,CAAA;AACH,CAAC,CAAA;AAUM,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,IAAI,GAAG,OAAO,GACM,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAA;IAC/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,gBAAQ,CAAC,aAAa,CAAA;YAC/B,KAAK,OAAO;gBACV,OAAO,gBAAQ,CAAC,SAAS,CAAA;YAC3B;gBACE,OAAO,gBAAQ,CAAC,aAAa,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAU,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAU,CAAC,UAAU,CAAA;YACpE,KAAK,OAAO;gBACV,OAAO,oBAAU,CAAC,WAAW,CAAA;YAC/B;gBACE,OAAO,oBAAU,CAAC,WAAW,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,wCAAwC,CAAA;QAE1D,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,aAAa,GAAG,qCAAqC,CAAA;YAC3D,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,SAAS,IAAI,aAAa,+BAA+B,CAAA;YACrE,CAAC;YACD,OAAO,GAAG,SAAS,IAAI,aAAa,+CAA+C,CAAA;QACrF,CAAC;QAED,MAAM,aAAa,GAAG,yDAAyD,CAAA;QAE/E,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;QACrD,CAAC;QACD,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;IACrD,CAAC,CAAA;IACD
|
|
1
|
+
{"version":3,"file":"mobile-preview.js","sourceRoot":"","sources":["../../../../../src/components/Preview-noti/mobile-preview/mobile-preview.tsx"],"names":[],"mappings":";;;;AAAA,+DAA8B;AAC9B,0DAAyB;AACzB,iDAAgD;AAChD,qDAAoD;AACpD,mCAAkC;AAClC,yCAAwC;AACxC,yCAAwC;AAExC,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAc,EAAE,IAAa,EAAU,EAAE;IACxE,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IACD,OAAO;;QAED,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE;aAC3B,IAAI,IAAI,EAAE;;GAEpB,CAAA;AACH,CAAC,CAAA;AAUM,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,IAAI,GAAG,OAAO,GACM,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAA;IAC/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,gBAAQ,CAAC,aAAa,CAAA;YAC/B,KAAK,OAAO;gBACV,OAAO,gBAAQ,CAAC,SAAS,CAAA;YAC3B;gBACE,OAAO,gBAAQ,CAAC,aAAa,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAU,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAU,CAAC,UAAU,CAAA;YACpE,KAAK,OAAO;gBACV,OAAO,oBAAU,CAAC,WAAW,CAAA;YAC/B;gBACE,OAAO,oBAAU,CAAC,WAAW,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,wCAAwC,CAAA;QAE1D,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,aAAa,GAAG,qCAAqC,CAAA;YAC3D,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,SAAS,IAAI,aAAa,+BAA+B,CAAA;YACrE,CAAC;YACD,OAAO,GAAG,SAAS,IAAI,aAAa,+CAA+C,CAAA;QACrF,CAAC;QAED,MAAM,aAAa,GAAG,yDAAyD,CAAA;QAE/E,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;QACrD,CAAC;QACD,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;IACrD,CAAC,CAAA;IACD,OAAO,CACL,uCAAK,SAAS,EAAC,iEAAiE;QAC9E,uCAAK,SAAS,EAAC,0BAA0B;YACvC,8BAAC,eAAK,IACJ,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,0BAA0B,EACpC,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,oBAAU,CAAC,YAAY,EAC5B,KAAK,EAAE,GAAG,GACV;YACF,uCAAK,SAAS,EAAC,iGAAiG;gBAC9G,uCAAK,SAAS,EAAC,iCAAiC;oBAC9C,8BAAC,eAAK,IACJ,GAAG,EAAC,WAAW,EACf,SAAS,EAAC,wDAAwD,EAClE,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,WAAW,EAAE,EAClB,KAAK,EAAE,EAAE,GACT;oBACF,uCAAK,SAAS,EAAC,4BAA4B;wBACzC,uCAAK,SAAS,EAAC,iCAAiC;4BAC9C,qCAAG,SAAS,EAAC,8DAA8D,IAAE,KAAK,IAAI,SAAS,CAAK;4BAEpG,qCAAG,SAAS,EAAC,oCAAoC,cAAY,CACzD;wBACN,qCAAG,SAAS,EAAC,mEAAmE,IAC7E,WAAW,IAAI,YAAY,CAC1B,CACA,CACF,CACF,CACF;QAEN,uCAAK,SAAS,EAAC,0BAA0B;YACvC,8BAAC,eAAK,IACJ,GAAG,EAAC,kBAAkB,EACtB,SAAS,EAAC,0BAA0B,EACpC,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,iBAAiB,EAAE,EACxB,KAAK,EAAE,GAAG,GACV;YAEF,uCAAK,SAAS,EAAE,qBAAqB,EAAE;gBACpC,KAAK,IAAI,CAAC,OAAO,IAAI,CACpB,8BAAC,YAAM,IAAC,EAAE,EAAC,QAAQ;oBACjB,8BAAC,kBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,wCAE7C,CACL,CACV;gBACD,uCAAK,SAAS,EAAC,gBAAgB;oBAC7B,8BAAC,kBAAS,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,QAAC,MAAM,EAAE,uBAAuB,CAAC,KAAK,EAAE,OAAO,CAAC,GAAI,CACjF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA3GY,QAAA,aAAa,iBA2GzB"}
|
|
@@ -41,5 +41,6 @@ export interface PHXBoxProps {
|
|
|
41
41
|
borderColor?: BorderColor;
|
|
42
42
|
cursor?: 'pointer' | 'default';
|
|
43
43
|
widthFitContent?: boolean;
|
|
44
|
+
width?: number;
|
|
44
45
|
}
|
|
45
|
-
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth, borderStyle, borderWidth, maxWidth, as, borderTop, borderBottom, borderLeft, borderRight, borderColor, cursor, widthFitContent, }: PHXBoxProps) => React.JSX.Element;
|
|
46
|
+
export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth, borderStyle, borderWidth, maxWidth, as, borderTop, borderBottom, borderLeft, borderRight, borderColor, cursor, widthFitContent, width, }: PHXBoxProps) => React.JSX.Element;
|
|
@@ -20,7 +20,7 @@ export const lineStylesMap = {
|
|
|
20
20
|
solid: 'solid',
|
|
21
21
|
dotted: 'dotted',
|
|
22
22
|
};
|
|
23
|
-
export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth = false, borderStyle, borderWidth, maxWidth, as = 'div', borderTop, borderBottom, borderLeft, borderRight, borderColor = 'default', cursor = 'default', widthFitContent = false, }) => {
|
|
23
|
+
export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWidth = false, borderStyle, borderWidth, maxWidth, as = 'div', borderTop, borderBottom, borderLeft, borderRight, borderColor = 'default', cursor = 'default', widthFitContent = false, width, }) => {
|
|
24
24
|
const borderColorMap = {
|
|
25
25
|
default: 'border-gray-400',
|
|
26
26
|
};
|
|
@@ -56,6 +56,7 @@ export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, fullWid
|
|
|
56
56
|
];
|
|
57
57
|
const styles = {
|
|
58
58
|
maxWidth: maxWidth ? `${maxWidth}px` : undefined,
|
|
59
|
+
width: width ? `${width}px` : undefined,
|
|
59
60
|
};
|
|
60
61
|
const Element = as;
|
|
61
62
|
return (React.createElement(Element, { className: classes.filter(Boolean).join(' '), style: styles }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,GAAG;CACb,CAAA;AACD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG;CACZ,CAAA;AACD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAA;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -58,19 +58,6 @@ export const MobilePreview = ({ content, description, isEvent = false, title, ty
|
|
|
58
58
|
}
|
|
59
59
|
return `${baseClass} ${positionClass} h-[72%] mx-1`;
|
|
60
60
|
};
|
|
61
|
-
/**
|
|
62
|
-
* handle height of iframe
|
|
63
|
-
* @returns
|
|
64
|
-
*/
|
|
65
|
-
const getHeightIframe = () => {
|
|
66
|
-
if (isApp && isEvent) {
|
|
67
|
-
return 'medium';
|
|
68
|
-
}
|
|
69
|
-
if (isApp) {
|
|
70
|
-
return 'small';
|
|
71
|
-
}
|
|
72
|
-
return 'medium';
|
|
73
|
-
};
|
|
74
61
|
return (React.createElement("div", { className: 'flex flex-col gap-6 px-4 md:px-8 lg:flex-row lg:gap-12 lg:px-12' },
|
|
75
62
|
React.createElement("div", { className: 'relative w-full lg:w-1/2' },
|
|
76
63
|
React.createElement(Image, { alt: 'ImagePhone', className: 'h-auto w-full rounded-xl', height: 100, quality: 100, src: PHXScreens.MobileScreen, width: 100 }),
|
|
@@ -85,9 +72,9 @@ export const MobilePreview = ({ content, description, isEvent = false, title, ty
|
|
|
85
72
|
React.createElement("div", { className: 'relative w-full lg:w-1/2' },
|
|
86
73
|
React.createElement(Image, { alt: 'ImagePhoneDetail', className: 'h-auto w-full rounded-xl', height: 100, quality: 100, src: getImageDetailUrl(), width: 100 }),
|
|
87
74
|
React.createElement("div", { className: getDetailWrapperClass() },
|
|
88
|
-
React.createElement(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
React.createElement(PHXIframe, { height:
|
|
75
|
+
isApp && !isEvent && (React.createElement(PHXBox, { pb: 'snappy' },
|
|
76
|
+
React.createElement(PHXTextV2, { color: 'primary', size: 'micro', weight: 'semibold' }, "Chi ti\u1EBFt th\u00F4ng b\u00E1o"))),
|
|
77
|
+
React.createElement("div", { className: 'min-h-0 flex-1' },
|
|
78
|
+
React.createElement(PHXIframe, { height: 'full', isMobile: true, srcDoc: getScaledPreviewContent(title, content) }))))));
|
|
92
79
|
};
|
|
93
80
|
//# sourceMappingURL=mobile-preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-preview.js","sourceRoot":"","sources":["../../../../../src/components/Preview-noti/mobile-preview/mobile-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAc,EAAE,IAAa,EAAU,EAAE;IACxE,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IACD,OAAO;;QAED,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE;aAC3B,IAAI,IAAI,EAAE;;GAEpB,CAAA;AACH,CAAC,CAAA;AAUD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,IAAI,GAAG,OAAO,GACM,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAA;IAC/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC,aAAa,CAAA;YAC/B,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,SAAS,CAAA;YAC3B;gBACE,OAAO,QAAQ,CAAC,aAAa,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAA;YACpE,KAAK,OAAO;gBACV,OAAO,UAAU,CAAC,WAAW,CAAA;YAC/B;gBACE,OAAO,UAAU,CAAC,WAAW,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,wCAAwC,CAAA;QAE1D,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,aAAa,GAAG,qCAAqC,CAAA;YAC3D,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,SAAS,IAAI,aAAa,+BAA+B,CAAA;YACrE,CAAC;YACD,OAAO,GAAG,SAAS,IAAI,aAAa,+CAA+C,CAAA;QACrF,CAAC;QAED,MAAM,aAAa,GAAG,yDAAyD,CAAA;QAE/E,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;QACrD,CAAC;QACD,OAAO,GAAG,SAAS,IAAI,aAAa,eAAe,CAAA;IACrD,CAAC,CAAA;IACD
|
|
1
|
+
{"version":3,"file":"mobile-preview.js","sourceRoot":"","sources":["../../../../../src/components/Preview-noti/mobile-preview/mobile-preview.tsx"],"names":[],"mappings":"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"}
|