phx-react 1.3.1411 → 1.3.1414
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/assets/icon.js +2 -14
- package/dist/cjs/assets/icon.js.map +1 -1
- package/dist/cjs/assets/icon.ts +2 -0
- package/dist/cjs/assets/icons/chevron-down-icon.svg +9 -0
- package/dist/cjs/assets/icons/index.d.ts +1 -0
- package/dist/cjs/assets/icons/index.js +15 -0
- package/dist/cjs/assets/icons/index.js.map +1 -0
- package/dist/cjs/assets/icons/index.ts +11 -0
- package/dist/cjs/assets/icons/pencil-icon.svg +3 -0
- package/dist/cjs/assets/icons/plus-circle-icon.svg +4 -0
- package/dist/cjs/assets/icons/search-icon.svg +3 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.d.ts +38 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js +101 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -0
- package/dist/cjs/components/SelectWithAction/index.d.ts +1 -0
- package/dist/cjs/components/SelectWithAction/index.js +6 -0
- package/dist/cjs/components/SelectWithAction/index.js.map +1 -0
- package/dist/cjs/components/TableReport/TableReport.d.ts +2 -1
- package/dist/cjs/components/TableReport/TableReport.js +6 -6
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Search.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/Search.js +16 -18
- package/dist/cjs/components/TableReport/component/Search.js.map +1 -1
- package/dist/cjs/components/TableReport/utils.js +1 -1
- package/dist/cjs/components/TableReport/utils.js.map +1 -1
- package/dist/cjs/components/TableV3/HeaderTable.js +9 -11
- package/dist/cjs/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/cjs/components/TableV3/TableV3.d.ts +2 -1
- package/dist/cjs/components/TableV3/TableV3.js +33 -36
- package/dist/cjs/components/TableV3/TableV3.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts +12 -0
- package/dist/cjs/components/Text/Text.js +28 -0
- package/dist/cjs/components/Text/Text.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/assets/icon.js +3 -14
- package/dist/esm/assets/icon.js.map +1 -1
- package/dist/esm/assets/icon.ts +2 -0
- package/dist/esm/assets/icons/chevron-down-icon.svg +9 -0
- package/dist/esm/assets/icons/index.d.ts +1 -0
- package/dist/esm/assets/icons/index.js +11 -0
- package/dist/esm/assets/icons/index.js.map +1 -0
- package/dist/esm/assets/icons/index.ts +11 -0
- package/dist/esm/assets/icons/pencil-icon.svg +3 -0
- package/dist/esm/assets/icons/plus-circle-icon.svg +4 -0
- package/dist/esm/assets/icons/search-icon.svg +3 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.d.ts +38 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.js +97 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -0
- package/dist/esm/components/SelectWithAction/index.d.ts +1 -0
- package/dist/esm/components/SelectWithAction/index.js +2 -0
- package/dist/esm/components/SelectWithAction/index.js.map +1 -0
- package/dist/esm/components/TableReport/TableReport.d.ts +2 -1
- package/dist/esm/components/TableReport/TableReport.js +6 -6
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Search.d.ts +2 -1
- package/dist/esm/components/TableReport/component/Search.js +16 -18
- package/dist/esm/components/TableReport/component/Search.js.map +1 -1
- package/dist/esm/components/TableReport/utils.js +1 -1
- package/dist/esm/components/TableReport/utils.js.map +1 -1
- package/dist/esm/components/TableV3/HeaderTable.js +9 -11
- package/dist/esm/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/esm/components/TableV3/TableV3.d.ts +2 -1
- package/dist/esm/components/TableV3/TableV3.js +33 -36
- package/dist/esm/components/TableV3/TableV3.js.map +1 -1
- package/dist/esm/components/Text/Text.d.ts +12 -0
- package/dist/esm/components/Text/Text.js +23 -0
- package/dist/esm/components/Text/Text.js.map +1 -0
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/assets/icon.js
CHANGED
|
@@ -14,18 +14,6 @@ var close_circle_svg_1 = tslib_1.__importDefault(require("./tableV3/close-circle
|
|
|
14
14
|
var default_label_hover_svg_1 = tslib_1.__importDefault(require("./tableV3/default-label-hover.svg"));
|
|
15
15
|
var default_label_mobile_svg_1 = tslib_1.__importDefault(require("./tableV3/default-label-mobile.svg"));
|
|
16
16
|
var default_label_svg_1 = tslib_1.__importDefault(require("./tableV3/default-label.svg"));
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
TABLE_CHECK_CIRCLE_HOVER: check_circle_hover_svg_1.default,
|
|
20
|
-
TABLE_CHECK_CIRCLE: check_circle_svg_1.default,
|
|
21
|
-
TABLE_CLOSE_CIRCLE_HOVER: close_circle_hover_svg_1.default,
|
|
22
|
-
TABBLE_CLOSE_CIRCLE: close_circle_svg_1.default,
|
|
23
|
-
TABLE_DEFAULT_LABEL: default_label_svg_1.default,
|
|
24
|
-
TABLE_DEFAULT_LABEL_HOVER: default_label_hover_svg_1.default,
|
|
25
|
-
TABLE_ARROW_UP: arrow_up_svg_1.default,
|
|
26
|
-
TABLE_ARROW_DOWN: arrow_down_svg_1.default,
|
|
27
|
-
TABLE_CHECK_CIRCLE_MOBILE: check_circle_mobile_svg_1.default,
|
|
28
|
-
TABLE_CLOSE_CIRCLE_MOBILE: close_circle_mobile_svg_1.default,
|
|
29
|
-
TABLE_DEFAULT_LABEL_MOBILE: default_label_mobile_svg_1.default,
|
|
30
|
-
};
|
|
17
|
+
var Icons = tslib_1.__importStar(require("./icons"));
|
|
18
|
+
exports.PHXIcons = tslib_1.__assign({ DRAG: drag_icon_svg_1.default, TABLE_CHECK_CIRCLE_HOVER: check_circle_hover_svg_1.default, TABLE_CHECK_CIRCLE: check_circle_svg_1.default, TABLE_CLOSE_CIRCLE_HOVER: close_circle_hover_svg_1.default, TABBLE_CLOSE_CIRCLE: close_circle_svg_1.default, TABLE_DEFAULT_LABEL: default_label_svg_1.default, TABLE_DEFAULT_LABEL_HOVER: default_label_hover_svg_1.default, TABLE_ARROW_UP: arrow_up_svg_1.default, TABLE_ARROW_DOWN: arrow_down_svg_1.default, TABLE_CHECK_CIRCLE_MOBILE: check_circle_mobile_svg_1.default, TABLE_CLOSE_CIRCLE_MOBILE: close_circle_mobile_svg_1.default, TABLE_DEFAULT_LABEL_MOBILE: default_label_mobile_svg_1.default }, Icons);
|
|
31
19
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/assets/icon.ts"],"names":[],"mappings":";;;;AAAA,0EAAkC;AAClC,oFAAuD;AACvD,gFAAmD;AACnD,oGAAuE;AACvE,sGAAyE;AACzE,wFAA2D;AAC3D,oGAAuE;AACvE,sGAAyE;AACzE,wFAA4D;AAC5D,sGAAyE;AACzE,wGAA2E;AAC3E,0FAA6D;
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/assets/icon.ts"],"names":[],"mappings":";;;;AAAA,0EAAkC;AAClC,oFAAuD;AACvD,gFAAmD;AACnD,oGAAuE;AACvE,sGAAyE;AACzE,wFAA2D;AAC3D,oGAAuE;AACvE,sGAAyE;AACzE,wFAA4D;AAC5D,sGAAyE;AACzE,wGAA2E;AAC3E,0FAA6D;AAC7D,qDAAgC;AAEnB,QAAA,QAAQ,sBACnB,IAAI,yBAAA,EACJ,wBAAwB,kCAAA,EACxB,kBAAkB,4BAAA,EAClB,wBAAwB,kCAAA,EACxB,mBAAmB,4BAAA,EACnB,mBAAmB,6BAAA,EACnB,yBAAyB,mCAAA,EACzB,cAAc,wBAAA,EACd,gBAAgB,0BAAA,EAChB,yBAAyB,mCAAA,EACzB,yBAAyB,mCAAA,EACzB,0BAA0B,oCAAA,IACvB,KAAK,EACT"}
|
package/dist/cjs/assets/icon.ts
CHANGED
|
@@ -10,6 +10,7 @@ import TABBLE_CLOSE_CIRCLE from './tableV3/close-circle.svg'
|
|
|
10
10
|
import TABLE_DEFAULT_LABEL_HOVER from './tableV3/default-label-hover.svg'
|
|
11
11
|
import TABLE_DEFAULT_LABEL_MOBILE from './tableV3/default-label-mobile.svg'
|
|
12
12
|
import TABLE_DEFAULT_LABEL from './tableV3/default-label.svg'
|
|
13
|
+
import * as Icons from './icons'
|
|
13
14
|
|
|
14
15
|
export const PHXIcons: any = {
|
|
15
16
|
DRAG,
|
|
@@ -24,4 +25,5 @@ export const PHXIcons: any = {
|
|
|
24
25
|
TABLE_CHECK_CIRCLE_MOBILE,
|
|
25
26
|
TABLE_CLOSE_CIRCLE_MOBILE,
|
|
26
27
|
TABLE_DEFAULT_LABEL_MOBILE,
|
|
28
|
+
...Icons,
|
|
27
29
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PHXIcons: any;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PHXIcons = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var pencil_icon_svg_1 = tslib_1.__importDefault(require("./pencil-icon.svg"));
|
|
6
|
+
var plus_circle_icon_svg_1 = tslib_1.__importDefault(require("./plus-circle-icon.svg"));
|
|
7
|
+
var search_icon_svg_1 = tslib_1.__importDefault(require("./search-icon.svg"));
|
|
8
|
+
var chevron_down_icon_svg_1 = tslib_1.__importDefault(require("./chevron-down-icon.svg"));
|
|
9
|
+
exports.PHXIcons = {
|
|
10
|
+
PencilIcon: pencil_icon_svg_1.default,
|
|
11
|
+
PlusIcon: plus_circle_icon_svg_1.default,
|
|
12
|
+
SearchIcon: search_icon_svg_1.default,
|
|
13
|
+
ChevronDownIcon: chevron_down_icon_svg_1.default,
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA0C;AAC1C,wFAA6C;AAC7C,8EAA0C;AAC1C,0FAAqD;AAExC,QAAA,QAAQ,GAAQ;IAC3B,UAAU,2BAAA;IACV,QAAQ,gCAAA;IACR,UAAU,2BAAA;IACV,eAAe,iCAAA;CAChB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import PencilIcon from './pencil-icon.svg'
|
|
2
|
+
import PlusIcon from './plus-circle-icon.svg'
|
|
3
|
+
import SearchIcon from './search-icon.svg'
|
|
4
|
+
import ChevronDownIcon from './chevron-down-icon.svg'
|
|
5
|
+
|
|
6
|
+
export const PHXIcons: any = {
|
|
7
|
+
PencilIcon,
|
|
8
|
+
PlusIcon,
|
|
9
|
+
SearchIcon,
|
|
10
|
+
ChevronDownIcon,
|
|
11
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1553 0.789217C11.103 -0.263082 9.39692 -0.263071 8.34464 0.789241L7.74615 1.38776L7.7374 1.379L6.67674 2.43966L6.6855 2.44843L0.805427 8.32869C0.28972 8.84441 0 9.54387 0 10.2732V12.1948C0 12.3937 0.0790185 12.5845 0.219671 12.7251C0.360323 12.8658 0.551088 12.9448 0.750001 12.9448L2.67155 12.9448C3.40091 12.9448 4.1004 12.6551 4.61613 12.1393L12.1554 4.59983C13.2076 3.54755 13.2076 1.84149 12.1553 0.789217ZM7.74616 3.50909L1.8661 9.38933C1.63169 9.62375 1.5 9.94169 1.5 10.2732L1.5 11.4448H2.67155C3.00308 11.4448 3.32103 11.3131 3.55545 11.0787L9.4355 5.19843L7.74616 3.50909ZM10.4961 4.13775L11.0947 3.53919C11.5612 3.07269 11.5612 2.31637 11.0947 1.84987C10.6282 1.38337 9.87182 1.38338 9.40532 1.84989L8.80681 2.44842L10.4961 4.13775Z" fill="#4A4A4A"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.25 7C3.25 6.58579 3.58579 6.25 4 6.25H6.25V4C6.25 3.58579 6.58579 3.25 7 3.25C7.41421 3.25 7.75 3.58579 7.75 4V6.25H10C10.4142 6.25 10.75 6.58579 10.75 7C10.75 7.41421 10.4142 7.75 10 7.75H7.75V10C7.75 10.4142 7.41421 10.75 7 10.75C6.58579 10.75 6.25 10.4142 6.25 10V7.75H4C3.58579 7.75 3.25 7.41421 3.25 7Z" fill="#6B7280"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7 12.5C10.0376 12.5 12.5 10.0376 12.5 7C12.5 3.96243 10.0376 1.5 7 1.5C3.96243 1.5 1.5 3.96243 1.5 7C1.5 10.0376 3.96243 12.5 7 12.5Z" fill="#6B7280"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.82264 9.8833C7.89957 10.5841 6.74835 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.74835 10.5841 7.89957 9.8833 8.82264L12.7803 11.7197C13.0732 12.0126 13.0732 12.4874 12.7803 12.7803C12.4874 13.0732 12.0126 13.0732 11.7197 12.7803L8.82264 9.8833ZM9.5 5.5C9.5 7.70914 7.70914 9.5 5.5 9.5C3.29086 9.5 1.5 7.70914 1.5 5.5C1.5 3.29086 3.29086 1.5 5.5 1.5C7.70914 1.5 9.5 3.29086 9.5 5.5Z" fill="#6B7280"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export type IconItemType = 'edit' | 'delete';
|
|
4
|
+
export interface ActionItem {
|
|
5
|
+
type: IconItemType;
|
|
6
|
+
onClick(val: string): void;
|
|
7
|
+
}
|
|
8
|
+
export interface SelectOption {
|
|
9
|
+
value: string;
|
|
10
|
+
label: string;
|
|
11
|
+
action?: ActionItem;
|
|
12
|
+
}
|
|
13
|
+
export interface Search {
|
|
14
|
+
value: string;
|
|
15
|
+
handleFilter(value: string): void;
|
|
16
|
+
}
|
|
17
|
+
export interface PHXSelectWithActionProps {
|
|
18
|
+
label: string;
|
|
19
|
+
suffix?: ReactNode;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
options: Array<SelectOption>;
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
search?: Search;
|
|
24
|
+
onChange?(value: string): void;
|
|
25
|
+
searchPlaceholder?: string;
|
|
26
|
+
className?: string;
|
|
27
|
+
maxHeight?: string;
|
|
28
|
+
error?: string;
|
|
29
|
+
helpText?: string;
|
|
30
|
+
emptyState?: ReactNode;
|
|
31
|
+
emptySearchState?: ReactNode;
|
|
32
|
+
loading?: boolean;
|
|
33
|
+
addNew?: {
|
|
34
|
+
title: string;
|
|
35
|
+
onClick(): void;
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, search, helpText, label, loading, maxHeight, onChange, options, placeholder, searchPlaceholder, suffix, defaultValue, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.PHXSelectWithAction = PHXSelectWithAction;
|
|
5
|
+
var tslib_1 = require("tslib");
|
|
6
|
+
var react_1 = require("@headlessui/react");
|
|
7
|
+
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
8
|
+
var react_2 = require("react");
|
|
9
|
+
var pencil_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/pencil-icon.svg"));
|
|
10
|
+
var plus_circle_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/plus-circle-icon.svg"));
|
|
11
|
+
var search_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/search-icon.svg"));
|
|
12
|
+
var chevron_down_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/chevron-down-icon.svg"));
|
|
13
|
+
var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
14
|
+
var react_3 = tslib_1.__importDefault(require("react"));
|
|
15
|
+
var types_1 = require("../types");
|
|
16
|
+
var IconLoading_1 = require("../../commons/IconLoading");
|
|
17
|
+
var Text_1 = require("../Text/Text");
|
|
18
|
+
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
19
|
+
function PHXSelectWithAction(_a) {
|
|
20
|
+
var addNew = _a.addNew, className = _a.className, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, search = _a.search, helpText = _a.helpText, label = _a.label, loading = _a.loading, _b = _a.maxHeight, maxHeight = _b === void 0 ? '300px' : _b, onChange = _a.onChange, options = _a.options, _c = _a.placeholder, placeholder = _c === void 0 ? 'Lựa chọn' : _c, _d = _a.searchPlaceholder, searchPlaceholder = _d === void 0 ? 'Tìm kiếm' : _d, suffix = _a.suffix, defaultValue = _a.defaultValue;
|
|
21
|
+
var _e = (0, react_2.useState)(''), searchQuery = _e[0], setSearchQuery = _e[1];
|
|
22
|
+
var deferredQuery = (0, useDebounce_1.default)(searchQuery, 300);
|
|
23
|
+
var filteredOptions = options.filter(function (option) { return option.label.toLowerCase().includes(deferredQuery.toLowerCase()); });
|
|
24
|
+
(0, react_2.useEffect)(function () {
|
|
25
|
+
search === null || search === void 0 ? void 0 : search.handleFilter(deferredQuery);
|
|
26
|
+
}, [deferredQuery]);
|
|
27
|
+
(0, react_2.useEffect)(function () {
|
|
28
|
+
setSearchQuery((search === null || search === void 0 ? void 0 : search.value) || '');
|
|
29
|
+
}, [search]);
|
|
30
|
+
var selectedOption = options.find(function (opt) { return opt.value === defaultValue; });
|
|
31
|
+
var handleChange = function (option) {
|
|
32
|
+
if (option === ADD_NEW_VALUE) {
|
|
33
|
+
addNew === null || addNew === void 0 ? void 0 : addNew.onClick();
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (option && typeof option !== 'string') {
|
|
37
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
|
|
38
|
+
setSearchQuery('');
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
var getEmptyState = function () {
|
|
42
|
+
if (loading) {
|
|
43
|
+
return (react_3.default.createElement("div", { className: 'flex items-center justify-center' },
|
|
44
|
+
react_3.default.createElement(IconLoading_1.IconLoading, { color: 'bg-gray-50' })));
|
|
45
|
+
}
|
|
46
|
+
if (options.length === 0 && deferredQuery) {
|
|
47
|
+
return emptySearchState || "Kh\u00F4ng t\u00ECm th\u1EA5y ".concat(label.toLowerCase(), " n\u00E0o");
|
|
48
|
+
}
|
|
49
|
+
return emptyState || "Ch\u01B0a c\u00F3 ".concat(label.toLowerCase(), " n\u00E0o");
|
|
50
|
+
};
|
|
51
|
+
var getIconItem = function (type) {
|
|
52
|
+
if (type === 'edit') {
|
|
53
|
+
return pencil_icon_svg_1.default;
|
|
54
|
+
}
|
|
55
|
+
return pencil_icon_svg_1.default;
|
|
56
|
+
};
|
|
57
|
+
return (react_3.default.createElement("div", { className: (0, types_1.classNames)('relative w-full', className) },
|
|
58
|
+
react_3.default.createElement("div", { className: 'mb-1 flex items-center justify-between' },
|
|
59
|
+
react_3.default.createElement(Text_1.PHXText, null, label),
|
|
60
|
+
suffix && react_3.default.createElement("div", { className: 'text-sm font-medium' }, suffix)),
|
|
61
|
+
react_3.default.createElement(react_1.Combobox, { onChange: handleChange, value: selectedOption || null }, function (_a) {
|
|
62
|
+
var open = _a.open;
|
|
63
|
+
return (react_3.default.createElement(react_3.default.Fragment, null,
|
|
64
|
+
react_3.default.createElement("div", { className: 'relative' },
|
|
65
|
+
react_3.default.createElement(react_1.Combobox.Button, { className: (0, types_1.classNames)('border-input bg-background shadow-sm mt-1 flex w-full items-center justify-between rounded-lg border-[0.5px] border-gray-500 py-1.5 pl-3 pr-2 text-xs hover:bg-gray-50', defaultValue ? '' : 'text-muted-foreground', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') },
|
|
66
|
+
react_3.default.createElement("span", { className: 'truncate' }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder),
|
|
67
|
+
react_3.default.createElement(image_1.default, { alt: '', width: 20, height: 20, className: (0, types_1.classNames)(' shrink-0 transition-transform', open ? 'rotate-180' : ''),
|
|
68
|
+
// @ts-ignore
|
|
69
|
+
src: chevron_down_icon_svg_1.default })),
|
|
70
|
+
react_3.default.createElement(react_1.Transition, { afterLeave: function () { return setSearchQuery(''); }, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', show: open },
|
|
71
|
+
react_3.default.createElement(react_1.Combobox.Options, { className: 'border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white' },
|
|
72
|
+
search && (react_3.default.createElement("div", { className: 'border-border border-b p-3' },
|
|
73
|
+
react_3.default.createElement("div", { className: 'relative' },
|
|
74
|
+
react_3.default.createElement(image_1.default, { alt: '', className: 'text-muted-foreground pointer-events-none absolute left-3 top-1/2 -translate-y-1/2', height: 13,
|
|
75
|
+
// @ts-ignore
|
|
76
|
+
src: search_icon_svg_1.default, width: 13 }),
|
|
77
|
+
react_3.default.createElement(react_1.Combobox.Input, { className: 'shadow-sm w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 pr-4 text-xs font-normal outline-none transition-colors hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function () { return searchQuery; }, onChange: function (e) { return setSearchQuery(e.target.value); }, placeholder: searchPlaceholder, style: { paddingLeft: '30px' } })))),
|
|
78
|
+
react_3.default.createElement("div", { className: 'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-400 overflow-y-auto', style: { maxHeight: maxHeight } },
|
|
79
|
+
addNew && (react_3.default.createElement(react_1.Combobox.Option, { className: (0, types_1.classNames)('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), value: ADD_NEW_VALUE },
|
|
80
|
+
react_3.default.createElement(image_1.default, { alt: '', height: 13, src: plus_circle_icon_svg_1.default, width: 13 }),
|
|
81
|
+
react_3.default.createElement(Text_1.PHXText, null, addNew.title))),
|
|
82
|
+
react_3.default.createElement("div", { className: ' p-2' }, filteredOptions.length > 0 ? (filteredOptions.map(function (option) { return (react_3.default.createElement(react_1.Combobox.Option, { key: option.value, className: function (_a) {
|
|
83
|
+
var active = _a.active, selected = _a.selected;
|
|
84
|
+
return (0, types_1.classNames)('group flex w-full cursor-pointer items-center justify-between rounded-md ', selected
|
|
85
|
+
? 'bg-zinc-200 font-semibold text-gray-900'
|
|
86
|
+
: active
|
|
87
|
+
? 'bg-zinc-100 text-gray-900 '
|
|
88
|
+
: 'text-gray-900 hover:bg-zinc-100');
|
|
89
|
+
}, value: option }, function () { return (react_3.default.createElement(react_3.default.Fragment, null,
|
|
90
|
+
react_3.default.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 transition-colors' },
|
|
91
|
+
react_3.default.createElement(Text_1.PHXText, null, option.label)),
|
|
92
|
+
react_3.default.createElement("div", { className: 'mr-1 flex h-8 w-8 items-center justify-center rounded-md hover:bg-gray-200' }, !!option.action && (react_3.default.createElement("div", { className: ' flex items-center opacity-0 transition-opacity group-hover:opacity-100 ', onClick: function () { var _a; return (_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value); } },
|
|
93
|
+
react_3.default.createElement(image_1.default, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))); })); })) : (react_3.default.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
94
|
+
react_3.default.createElement(Text_1.PHXText, { as: 'div' }, getEmptyState()))))))))));
|
|
95
|
+
}),
|
|
96
|
+
react_3.default.createElement("div", { className: " ".concat(error ? 'block' : 'hidden') },
|
|
97
|
+
react_3.default.createElement(Text_1.PHXText, { as: 'div', tone: 'error' }, error)),
|
|
98
|
+
react_3.default.createElement("div", { className: " ".concat(helpText ? 'block' : 'hidden') },
|
|
99
|
+
react_3.default.createElement(Text_1.PHXText, { as: 'div', tone: 'subdued' }, helpText))));
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PHXSelectWithAction, type PHXSelectWithActionProps } from './SelectWithAction';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PHXSelectWithAction = void 0;
|
|
4
|
+
var SelectWithAction_1 = require("./SelectWithAction");
|
|
5
|
+
Object.defineProperty(exports, "PHXSelectWithAction", { enumerable: true, get: function () { return SelectWithAction_1.PHXSelectWithAction; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/index.ts"],"names":[],"mappings":";;;AAAA,uDAAuF;AAA9E,uHAAA,mBAAmB,OAAA"}
|
|
@@ -16,5 +16,6 @@ export interface TableReportProps {
|
|
|
16
16
|
pagination?: TPagination;
|
|
17
17
|
readonly?: boolean;
|
|
18
18
|
onClick?(value: Record<string, any>): void;
|
|
19
|
+
type?: 'default' | 'in-card';
|
|
19
20
|
}
|
|
20
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, }: TableReportProps): React.JSX.Element;
|
|
21
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, }: TableReportProps): React.JSX.Element;
|
|
@@ -17,8 +17,8 @@ function PHXTableReport(_a) {
|
|
|
17
17
|
var tableData = _a.tableData, thHeader = _a.thHeader, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, _b = _a.mergeConfig, mergeConfig = _b === void 0 ? { isMergeRowData: false, columnPosition: [] } : _b, rowHighlightConfig = _a.rowHighlightConfig, _c = _a.search, search = _c === void 0 ? {
|
|
18
18
|
enable: false,
|
|
19
19
|
loading: false,
|
|
20
|
-
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick;
|
|
21
|
-
var
|
|
20
|
+
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
21
|
+
var _f = (0, react_1.useState)(false), isSearch = _f[0], setIsSearch = _f[1];
|
|
22
22
|
var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
23
23
|
var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
24
24
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
@@ -38,10 +38,10 @@ function PHXTableReport(_a) {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
return (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
41
|
-
search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg
|
|
42
|
-
react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
|
|
43
|
-
|
|
44
|
-
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' }))
|
|
41
|
+
search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300 h-9', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
42
|
+
react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search, type: type }),
|
|
43
|
+
react_1.default.createElement("button", { className: (0, types_1.classNames)('ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100'), onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
44
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
45
45
|
react_1.default.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
|
|
46
46
|
react_1.default.createElement("div", { className: (0, types_1.classNames)('ring-1 ring-gray-300 overflow-auto shadow-sm bg-white rounded-lg', search && search.enable ? 'rounded-tr-none rounded-tl-none' : '') },
|
|
47
47
|
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ interface SearchProps {
|
|
|
4
4
|
search: TSearch;
|
|
5
5
|
isSearch: boolean;
|
|
6
6
|
setIsSearch(val: boolean): void;
|
|
7
|
+
type: 'default' | 'in-card';
|
|
7
8
|
}
|
|
8
|
-
declare function Search({ isSearch, setIsSearch, search }: SearchProps): React.JSX.Element;
|
|
9
|
+
declare function Search({ isSearch, setIsSearch, search, type }: SearchProps): React.JSX.Element;
|
|
9
10
|
export default Search;
|
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var Loading_1 = require("../../Loading");
|
|
7
|
+
var react_2 = require("@headlessui/react");
|
|
7
8
|
function Search(_a) {
|
|
8
|
-
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search;
|
|
9
|
-
return (react_1.default.createElement(
|
|
10
|
-
react_1.default.createElement("div", { className: '
|
|
11
|
-
react_1.default.createElement("
|
|
12
|
-
|
|
13
|
-
search.onChange
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
react_1.default.createElement("
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
// setSelectedPeople([]);
|
|
23
|
-
// }
|
|
24
|
-
}, type: 'button' }, "Cancel"))))));
|
|
9
|
+
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type;
|
|
10
|
+
return (react_1.default.createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
|
|
11
|
+
react_1.default.createElement("div", { className: 'min-w-full' }, isSearch && (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
12
|
+
react_1.default.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
13
|
+
react_1.default.createElement("input", { autoFocus: true, className: 'block py-1 w-full rounded-lg border-transparent bg-transparent text-xs bg-white hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
|
|
14
|
+
if (search.onChange) {
|
|
15
|
+
search.onChange(event.target.value);
|
|
16
|
+
}
|
|
17
|
+
} })),
|
|
18
|
+
react_1.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? react_1.default.createElement(Loading_1.PHXSpinner, null) : null),
|
|
19
|
+
react_1.default.createElement("div", null,
|
|
20
|
+
react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
|
|
21
|
+
setIsSearch(false);
|
|
22
|
+
}, type: 'button' }, "Cancel")))))));
|
|
25
23
|
}
|
|
26
24
|
exports.default = Search;
|
|
27
25
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,qCAAwC;AACxC,yCAA0C;AAE1C,2CAA8C;AAS9C,SAAS,MAAM,CAAC,EAAoD;QAAlD,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACnD,OAAO,CACL,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,uCAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,yCACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;wBACnD,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBACrC,CAAC;oBACH,CAAC,GACD,CACE;YACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;oBACpB,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -54,7 +54,7 @@ var renderCell = function (data, columnKey, thComponent) {
|
|
|
54
54
|
row: thComponent[columnKey](value, data).row || 1,
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
|
-
return { value: value
|
|
57
|
+
return { value: value !== null && value !== void 0 ? value : '', row: 1 };
|
|
58
58
|
};
|
|
59
59
|
exports.renderCell = renderCell;
|
|
60
60
|
var findColumnKeyMerge = function (mergeConfig, columnIndex) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TableReport/utils.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TableReport/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,25 +23,23 @@ function HeaderTable(_a) {
|
|
|
23
23
|
return index;
|
|
24
24
|
};
|
|
25
25
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
26
|
-
react_1.default.createElement("tr",
|
|
26
|
+
react_1.default.createElement("tr", { className: 'bg-gray-50' },
|
|
27
27
|
selectedAllPeople && selectedAllPeople.enable ? (react_1.default.createElement("th", {
|
|
28
28
|
// @ts-ignore
|
|
29
|
-
ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: (0, types_1.classNames)('w-16
|
|
29
|
+
ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: (0, types_1.classNames)('w-16 bg-gray-50 px-8 py-2.5', stickyColumnNumber ? 'relative z-10 sm:sticky sm:left-0 sm:top-0' : 'relative', (!search || !search.enable) && 'rounded-tl-lg'), scope: 'col', style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, true, false)] } : {} },
|
|
30
30
|
react_1.default.createElement("label", { className: 'absolute left-6 top-1/2 -ml-2 -mt-4 p-2 hover:cursor-pointer' }, !selectedAllPeople.maxSelectedPeople && (react_1.default.createElement(Checkbox_1.PHXCheckbox, { inputRef: checkbox, checked: checked, className: 'mt-1', onChange: toggleAll, id: "".concat(tableKey, "-check-all") }))))) : null,
|
|
31
31
|
numericalOrder.enable && (react_1.default.createElement("th", { key: 'stt',
|
|
32
32
|
// @ts-ignore
|
|
33
|
-
ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[
|
|
34
|
-
? 'sm:
|
|
35
|
-
: '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) &&
|
|
36
|
-
? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
37
|
-
: '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'rounded-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
|
|
33
|
+
ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap bg-gray-50 text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[60px] py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0 ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
|
|
34
|
+
? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
35
|
+
: '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && (!search || !search.enable) && 'rounded-tl-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
|
|
38
36
|
thHeader.map(function (item, index) {
|
|
39
37
|
return index === 0 ? (react_1.default.createElement("th", { key: index,
|
|
40
38
|
// @ts-ignore
|
|
41
|
-
ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', (!search || !search.enable) &&
|
|
39
|
+
ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap bg-gray-50 text-xs font-medium', (!search || !search.enable) &&
|
|
42
40
|
(!numericalOrder || !numericalOrder.enable) &&
|
|
43
41
|
(!selectedAllPeople || !selectedAllPeople.enable) &&
|
|
44
|
-
'rounded-tl-lg', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber ? 'z-10 sm:sticky sm:left-0 sm:top-0
|
|
42
|
+
'rounded-tl-lg', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber ? 'z-10 sm:sticky sm:left-0 sm:top-0' : '', stickyColumnNumber === 1 ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : ''), style: stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {}, scope: 'col' },
|
|
45
43
|
stickyColumnNumber && border ? (react_1.default.createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1.default.createElement(react_1.default.Fragment, null)),
|
|
46
44
|
react_1.default.createElement("p", { className: 'text-gray-800' }, item))) : (react_1.default.createElement("th", { key: index,
|
|
47
45
|
// @ts-ignore
|
|
@@ -49,10 +47,10 @@ function HeaderTable(_a) {
|
|
|
49
47
|
return indexLeft(index, false, false) >= lefts.length && thHeader.length - 1 - index < stickyColumnNumberRight
|
|
50
48
|
? (refRights.current[thHeader.length - 1 - index] = el)
|
|
51
49
|
: (refs.current[indexLeft(index, false, false)] = el);
|
|
52
|
-
}, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', index === thHeader.length - 1 && 'rounded-br-lg rounded-tr-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', ((stickyColumnNumber && index < stickyColumnNumber) ||
|
|
50
|
+
}, className: (0, types_1.classNames)('whitespace-nowrap bg-gray-50 text-xs font-medium', index === thHeader.length - 1 && 'rounded-br-lg rounded-tr-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', ((stickyColumnNumber && index < stickyColumnNumber) ||
|
|
53
51
|
(stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)) &&
|
|
54
52
|
selectedPeople.length === 0 &&
|
|
55
|
-
'
|
|
53
|
+
'sm:sticky sm:left-0 sm:top-0', stickyColumnNumber && index < stickyColumnNumber && 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumberRight &&
|
|
56
54
|
stickyColumnNumberRight - 1 === thHeader.length - 1 - index &&
|
|
57
55
|
'sm:drop-shadow-[-4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: (stickyColumnNumber && index < stickyColumnNumber) ||
|
|
58
56
|
(stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;AACrC,wCAAyC;AAEzC,SAAS,WAAW,CAAC,EAmBf;QAlBJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,uBAAuB,6BAAA,EACvB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA;IAER,IAAM,YAAY,GAChB,cAAc,CAAC,MAAM,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,IAAG,CAAC,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,CAAA;IAE/G,IAAM,SAAS,GAAG,UAAC,KAAa,EAAE,UAAmB,EAAE,WAAoB;QACzE,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,CAAA;QACV,CAAC;QAED,IAAI,WAAW,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAA,EAAE,CAAC;YAC1C,OAAO,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9D,CAAC;QAED,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC5E,OAAO,KAAK,GAAG,CAAC,CAAA;QAClB,CAAC;QAED,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9E,OAAO,KAAK,GAAG,CAAC,CAAA;QAClB,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL;QACE;
|
|
1
|
+
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -97,5 +97,6 @@ export interface MainTableProps {
|
|
|
97
97
|
completeState?: boolean;
|
|
98
98
|
completeStateTitle?: string;
|
|
99
99
|
completeStateDescription?: string;
|
|
100
|
+
type?: 'default' | 'in-card';
|
|
100
101
|
}
|
|
101
|
-
export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, searchValueData, stickyColumnNumber, getDataTable, stickyColumnNumberRight, isBackgroundReload, loaded, isResetPagination, tableKey, searchParams, completeState, completeStateTitle, completeStateDescription, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
102
|
+
export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, searchValueData, stickyColumnNumber, getDataTable, stickyColumnNumberRight, isBackgroundReload, loaded, isResetPagination, tableKey, searchParams, completeState, completeStateTitle, completeStateDescription, type, }: Readonly<MainTableProps>): React.JSX.Element;
|