phx-react 1.3.1803 → 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/cjs/components/ResourceList/ResourceList.d.ts +3 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +3 -3
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/bulkAction.d.ts +2 -1
- package/dist/cjs/components/ResourceList/component/bulkAction.js +2 -2
- package/dist/cjs/components/ResourceList/component/bulkAction.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/dist/esm/components/ResourceList/ResourceList.d.ts +3 -1
- package/dist/esm/components/ResourceList/ResourceList.js +3 -3
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/bulkAction.d.ts +2 -1
- package/dist/esm/components/ResourceList/component/bulkAction.js +2 -2
- package/dist/esm/components/ResourceList/component/bulkAction.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":"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"}
|
|
@@ -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":"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"}
|
|
@@ -63,6 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
defaultOptionActive?: any;
|
|
64
64
|
isEmptyData?: any;
|
|
65
65
|
bulkActionsContent?: string;
|
|
66
|
+
bulkActionsSelectedContentDisplay?: 'button' | 'text';
|
|
66
67
|
heightList?: number;
|
|
67
68
|
actionSelectAll?: boolean;
|
|
68
69
|
searchResult?: boolean;
|
|
@@ -98,5 +99,6 @@ export interface ResourceListProps {
|
|
|
98
99
|
loading?: boolean;
|
|
99
100
|
isApplyClassnameList?: boolean;
|
|
100
101
|
searchLoading?: boolean;
|
|
102
|
+
hiddenSelectedCount?: boolean;
|
|
101
103
|
}
|
|
102
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
104
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
@@ -15,7 +15,7 @@ const resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"
|
|
|
15
15
|
const Loading_1 = require("../Loading");
|
|
16
16
|
const EmptySearch_1 = require("../EmptySearch");
|
|
17
17
|
const useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
18
|
-
function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
18
|
+
function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay = 'button', button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount = false, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
19
19
|
const [dataSelected, setDataSelected] = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []);
|
|
20
20
|
const [query, setQuery] = (0, react_1.useState)('');
|
|
21
21
|
const [hasSearched, setHasSearched] = (0, react_1.useState)(false);
|
|
@@ -28,7 +28,7 @@ function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsConte
|
|
|
28
28
|
const queryItems = query === '' ? list : list === null || list === void 0 ? void 0 : list.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()));
|
|
29
29
|
setFilteredItems(queryItems);
|
|
30
30
|
}, [query, list]);
|
|
31
|
-
const bulkActionMarkup = bulkActions && actionSelectAll ? (react_1.default.createElement(bulkAction_1.default, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (react_1.default.createElement("div", { className: 'relative flex-1' },
|
|
31
|
+
const bulkActionMarkup = bulkActions && actionSelectAll ? (react_1.default.createElement(bulkAction_1.default, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, selectedContentDisplay: bulkActionsSelectedContentDisplay, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (react_1.default.createElement("div", { className: 'relative flex-1' },
|
|
32
32
|
react_1.default.createElement(searchResult_1.default, { actionSelectAll: actionSelectAll, loading: searchLoading, setQuery: (keyword) => {
|
|
33
33
|
setQuery(keyword.trim());
|
|
34
34
|
setHasSearched(true);
|
|
@@ -84,7 +84,7 @@ function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsConte
|
|
|
84
84
|
react_1.default.createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (react_1.default.createElement(react_1.default.Fragment, null)))) : (react_1.default.createElement(react_1.default.Fragment, null)),
|
|
85
85
|
filteredItems.length === 0 ? (query !== '' || hasSearched ? (react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
86
86
|
listMarkup,
|
|
87
|
-
dataSelected.length > 0 && (react_1.default.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
87
|
+
!hiddenSelectedCount && dataSelected.length > 0 && (react_1.default.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
88
88
|
dataSelected.length,
|
|
89
89
|
" selected")))))))))));
|
|
90
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ interface BulkActionProps {
|
|
|
11
11
|
setFilteredItems: (data: any[]) => void;
|
|
12
12
|
onBulkActions?(data: any[]): void;
|
|
13
13
|
content?: string;
|
|
14
|
+
selectedContentDisplay?: 'button' | 'text';
|
|
14
15
|
}
|
|
15
|
-
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }: BulkActionProps): React.JSX.Element;
|
|
16
|
+
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay, }: BulkActionProps): React.JSX.Element;
|
|
16
17
|
export default BulkAction;
|
|
@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const Checkbox_1 = require("../../Checkbox");
|
|
6
6
|
const Button_1 = require("../../Button");
|
|
7
|
-
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }) {
|
|
7
|
+
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay = 'button', }) {
|
|
8
8
|
// khi click chọn tất cả
|
|
9
9
|
const handleSelectAll = (checked) => {
|
|
10
10
|
if (checked) {
|
|
@@ -31,7 +31,7 @@ function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFil
|
|
|
31
31
|
const isIndeterminate = dataSelected.length > 0 && !allSelected;
|
|
32
32
|
return (react_1.default.createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
|
|
33
33
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: (e) => handleSelectAll(e.target.checked) }),
|
|
34
|
-
dataSelected.length === 0 ? (react_1.default.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : (react_1.default.createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
34
|
+
dataSelected.length === 0 ? (react_1.default.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : selectedContentDisplay === 'text' ? (react_1.default.createElement("span", { className: 'leading-7' }, content)) : (react_1.default.createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
35
35
|
}
|
|
36
36
|
exports.default = BulkAction;
|
|
37
37
|
//# sourceMappingURL=bulkAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAC5C,yCAAwC;
|
|
1
|
+
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,6CAA4C;AAC5C,yCAAwC;AAYxC,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GAAG,QAAQ,GACjB;IAChB,wBAAwB;IACxB,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,uCAAK,SAAS,EAAC,0CAA0C;QACvD,8BAAC,sBAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,wCAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,+BAExE,CACR,CAAC,CAAC,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,CACtC,wCAAM,SAAS,EAAC,WAAW,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAA"}
|
|
@@ -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":"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;AAsCD,MAAM,CAAC,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,kBAAkB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAA;IAEzF,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB;QAClB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC9B,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACzB,kBAAkB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,cAAc,CAAC;QACjE,gBAAgB;QAChB,kBAAkB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;QACzD,kBAAkB,CAAC,UAAU,EAAE,YAAY,EAAE,cAAc,CAAC;QAC5D,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,cAAc,CAAC;QAC1D,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,cAAc,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,oBAAC,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"}
|
|
@@ -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":"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,OAAO,CACL,6BAAK,SAAS,EAAC,iEAAiE;QAC9E,6BAAK,SAAS,EAAC,0BAA0B;YACvC,oBAAC,KAAK,IACJ,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,0BAA0B,EACpC,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,UAAU,CAAC,YAAY,EAC5B,KAAK,EAAE,GAAG,GACV;YACF,6BAAK,SAAS,EAAC,iGAAiG;gBAC9G,6BAAK,SAAS,EAAC,iCAAiC;oBAC9C,oBAAC,KAAK,IACJ,GAAG,EAAC,WAAW,EACf,SAAS,EAAC,wDAAwD,EAClE,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,WAAW,EAAE,EAClB,KAAK,EAAE,EAAE,GACT;oBACF,6BAAK,SAAS,EAAC,4BAA4B;wBACzC,6BAAK,SAAS,EAAC,iCAAiC;4BAC9C,2BAAG,SAAS,EAAC,8DAA8D,IAAE,KAAK,IAAI,SAAS,CAAK;4BAEpG,2BAAG,SAAS,EAAC,oCAAoC,cAAY,CACzD;wBACN,2BAAG,SAAS,EAAC,mEAAmE,IAC7E,WAAW,IAAI,YAAY,CAC1B,CACA,CACF,CACF,CACF;QAEN,6BAAK,SAAS,EAAC,0BAA0B;YACvC,oBAAC,KAAK,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,6BAAK,SAAS,EAAE,qBAAqB,EAAE;gBACpC,KAAK,IAAI,CAAC,OAAO,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,QAAQ;oBACjB,oBAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,wCAE7C,CACL,CACV;gBACD,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,oBAAC,SAAS,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"}
|
|
@@ -63,6 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
defaultOptionActive?: any;
|
|
64
64
|
isEmptyData?: any;
|
|
65
65
|
bulkActionsContent?: string;
|
|
66
|
+
bulkActionsSelectedContentDisplay?: 'button' | 'text';
|
|
66
67
|
heightList?: number;
|
|
67
68
|
actionSelectAll?: boolean;
|
|
68
69
|
searchResult?: boolean;
|
|
@@ -98,5 +99,6 @@ export interface ResourceListProps {
|
|
|
98
99
|
loading?: boolean;
|
|
99
100
|
isApplyClassnameList?: boolean;
|
|
100
101
|
searchLoading?: boolean;
|
|
102
|
+
hiddenSelectedCount?: boolean;
|
|
101
103
|
}
|
|
102
|
-
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
104
|
+
export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount, isApplyClassnameList, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchLoading, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;
|
|
@@ -11,7 +11,7 @@ import ResourceStyle from './styles/resourceStyle';
|
|
|
11
11
|
import { PHXSpinner } from '../Loading';
|
|
12
12
|
import { PHXEmptySearch } from '../EmptySearch';
|
|
13
13
|
import PHXUseDebounce from '../Func/useDebounce';
|
|
14
|
-
export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
14
|
+
export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActionsContent, bulkActionsSelectedContentDisplay = 'button', button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, hiddenSelectedCount = false, isApplyClassnameList = false, isBadge, isEmptyData, isOptionList = false, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly = false, searchLoading = false, searchResult = false, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }) {
|
|
15
15
|
const [dataSelected, setDataSelected] = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []);
|
|
16
16
|
const [query, setQuery] = useState('');
|
|
17
17
|
const [hasSearched, setHasSearched] = useState(false);
|
|
@@ -24,7 +24,7 @@ export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActio
|
|
|
24
24
|
const queryItems = query === '' ? list : list === null || list === void 0 ? void 0 : list.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()));
|
|
25
25
|
setFilteredItems(queryItems);
|
|
26
26
|
}, [query, list]);
|
|
27
|
-
const bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
27
|
+
const bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, selectedContentDisplay: bulkActionsSelectedContentDisplay, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
28
28
|
React.createElement(SearchResult, { actionSelectAll: actionSelectAll, loading: searchLoading, setQuery: (keyword) => {
|
|
29
29
|
setQuery(keyword.trim());
|
|
30
30
|
setHasSearched(true);
|
|
@@ -80,7 +80,7 @@ export function PHXResourceList({ actionSelectAll = true, bulkActions, bulkActio
|
|
|
80
80
|
React.createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (React.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null)),
|
|
81
81
|
filteredItems.length === 0 ? (query !== '' || hasSearched ? (React.createElement(PHXEmptySearch, null)) : (React.createElement(PHXEmptyRecord, { type: 'micro' }))) : (React.createElement(React.Fragment, null,
|
|
82
82
|
listMarkup,
|
|
83
|
-
dataSelected.length > 0 && (React.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
83
|
+
!hiddenSelectedCount && dataSelected.length > 0 && (React.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
|
|
84
84
|
dataSelected.length,
|
|
85
85
|
" selected")))))))))));
|
|
86
86
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAA6B,UAAU,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,cAAc,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ interface BulkActionProps {
|
|
|
11
11
|
setFilteredItems: (data: any[]) => void;
|
|
12
12
|
onBulkActions?(data: any[]): void;
|
|
13
13
|
content?: string;
|
|
14
|
+
selectedContentDisplay?: 'button' | 'text';
|
|
14
15
|
}
|
|
15
|
-
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }: BulkActionProps): React.JSX.Element;
|
|
16
|
+
declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay, }: BulkActionProps): React.JSX.Element;
|
|
16
17
|
export default BulkAction;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { PHXCheckbox } from '../../Checkbox';
|
|
3
3
|
import { PHXButton } from '../../Button';
|
|
4
|
-
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }) {
|
|
4
|
+
function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, selectedContentDisplay = 'button', }) {
|
|
5
5
|
// khi click chọn tất cả
|
|
6
6
|
const handleSelectAll = (checked) => {
|
|
7
7
|
if (checked) {
|
|
@@ -28,7 +28,7 @@ function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFil
|
|
|
28
28
|
const isIndeterminate = dataSelected.length > 0 && !allSelected;
|
|
29
29
|
return (React.createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
|
|
30
30
|
React.createElement(PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: (e) => handleSelectAll(e.target.checked) }),
|
|
31
|
-
dataSelected.length === 0 ? (React.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
31
|
+
dataSelected.length === 0 ? (React.createElement("span", { className: 'cursor-pointer leading-7', onClick: () => handleSelectAll(true) }, "Ch\u1ECDn danh s\u00E1ch")) : selectedContentDisplay === 'text' ? (React.createElement("span", { className: 'leading-7' }, content)) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
|
|
32
32
|
}
|
|
33
33
|
export default BulkAction;
|
|
34
34
|
//# sourceMappingURL=bulkAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAYxC,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GAAG,QAAQ,GACjB;IAChB,wBAAwB;IACxB,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,oBAAC,WAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,8BAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,+BAExE,CACR,CAAC,CAAC,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,CACtC,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|