phx-uikit 1.0.260 → 1.0.262
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 +4 -1
- package/dist/cjs/assets/icon.js.map +1 -1
- package/dist/cjs/assets/icon.ts +6 -0
- package/dist/cjs/assets/tableV3/lock-close-hover.svg +9 -0
- package/dist/cjs/assets/tableV3/lock-close-mobile.svg +9 -0
- package/dist/cjs/assets/tableV3/lock-close.svg +9 -0
- package/dist/cjs/axiosInstance.js +2 -2
- package/dist/cjs/axiosInstance.js.map +1 -1
- package/dist/cjs/components/Card/Card.d.ts +1 -0
- package/dist/cjs/components/Card/Card.js +5 -3
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Combobox/Combobox.js +12 -10
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/DatePicker.d.ts +5 -1
- package/dist/cjs/components/DateRangePicker/DatePicker.js +14 -3
- package/dist/cjs/components/DateRangePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/components/Calendar.d.ts +5 -1
- package/dist/cjs/components/DateRangePicker/components/Calendar.js +14 -2
- package/dist/cjs/components/DateRangePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/utils.d.ts +1 -0
- package/dist/cjs/components/DateRangePicker/utils.js +7 -0
- package/dist/cjs/components/DateRangePicker/utils.js.map +1 -1
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js +1 -3
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/cjs/components/FormConfigTimeUseService/FormConfigTimeUseService.js +1 -0
- package/dist/cjs/components/FormConfigTimeUseService/FormConfigTimeUseService.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +4 -5
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/MainWrapV3/MainWrapV3.js +1 -0
- package/dist/cjs/components/MainWrapV3/MainWrapV3.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/MainWrapV4.js +15 -11
- package/dist/cjs/components/MainWrapV4/MainWrapV4.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/main-content.js +2 -2
- package/dist/cjs/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/other-menu.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/other-menu.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/quick-action.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/quick-action.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/navigator/nav-mobile.js +4 -1
- package/dist/cjs/components/MainWrapV4/navigator/nav-mobile.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +2 -1
- package/dist/cjs/components/Modal/Modal.js +3 -3
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/ResourceList/ResourceList.d.ts +1 -0
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/list.js +8 -4
- package/dist/cjs/components/ResourceList/component/list.js.map +1 -1
- package/dist/cjs/components/SearchResultListV3/SearchResultList.d.ts +1 -0
- package/dist/cjs/components/SearchResultListV3/SearchResultList.js +9 -6
- package/dist/cjs/components/SearchResultListV3/SearchResultList.js.map +1 -1
- package/dist/cjs/components/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js +16 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.d.ts +10 -3
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js +28 -22
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/cjs/components/TabDate/PHXTabDate.d.ts +2 -1
- package/dist/cjs/components/TabDate/PHXTabDate.js +20 -10
- package/dist/cjs/components/TabDate/PHXTabDate.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +3 -1
- package/dist/cjs/components/TableReport/TableReport.js +10 -10
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +3 -1
- package/dist/cjs/components/TableReport/component/Header.js +3 -3
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -1
- package/dist/cjs/components/TableStatic/TableStatic.js +36 -16
- package/dist/cjs/components/TableStatic/TableStatic.js.map +1 -1
- package/dist/cjs/components/TableStatic/sub-row.d.ts +10 -0
- package/dist/cjs/components/TableStatic/sub-row.js +21 -0
- package/dist/cjs/components/TableStatic/sub-row.js.map +1 -0
- package/dist/cjs/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/cjs/components/TableV3/SelectedAction.js +6 -0
- package/dist/cjs/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts +1 -0
- package/dist/cjs/components/Text/Text.js +1 -1
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/cjs/components/TextEditor/TextEditor.d.ts +2 -1
- package/dist/cjs/components/TextEditor/TextEditor.js +29 -20
- package/dist/cjs/components/TextEditor/TextEditor.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +5 -4
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Timeline/Timeline.d.ts +7 -0
- package/dist/cjs/components/Timeline/Timeline.js +20 -0
- package/dist/cjs/components/Timeline/Timeline.js.map +1 -0
- package/dist/cjs/components/Timeline/index.d.ts +1 -0
- package/dist/cjs/components/Timeline/index.js +5 -0
- package/dist/cjs/components/Timeline/index.js.map +1 -0
- package/dist/cjs/env.js +1 -1
- package/dist/cjs/env.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/assets/icon.js +4 -1
- package/dist/esm/assets/icon.js.map +1 -1
- package/dist/esm/assets/icon.ts +6 -0
- package/dist/esm/assets/tableV3/lock-close-hover.svg +9 -0
- package/dist/esm/assets/tableV3/lock-close-mobile.svg +9 -0
- package/dist/esm/assets/tableV3/lock-close.svg +9 -0
- package/dist/esm/axiosInstance.js +2 -2
- package/dist/esm/axiosInstance.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +1 -0
- package/dist/esm/components/Card/Card.js +5 -3
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +12 -10
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/DateRangePicker/DatePicker.d.ts +5 -1
- package/dist/esm/components/DateRangePicker/DatePicker.js +15 -4
- package/dist/esm/components/DateRangePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DateRangePicker/components/Calendar.d.ts +5 -1
- package/dist/esm/components/DateRangePicker/components/Calendar.js +15 -3
- package/dist/esm/components/DateRangePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/DateRangePicker/utils.d.ts +1 -0
- package/dist/esm/components/DateRangePicker/utils.js +6 -0
- package/dist/esm/components/DateRangePicker/utils.js.map +1 -1
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js +1 -3
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/esm/components/FormConfigTimeUseService/FormConfigTimeUseService.js +1 -0
- package/dist/esm/components/FormConfigTimeUseService/FormConfigTimeUseService.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.js +4 -5
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/MainWrapV3/MainWrapV3.js +1 -0
- package/dist/esm/components/MainWrapV3/MainWrapV3.js.map +1 -1
- package/dist/esm/components/MainWrapV4/MainWrapV4.js +15 -11
- package/dist/esm/components/MainWrapV4/MainWrapV4.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/main-content.js +2 -2
- package/dist/esm/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/other-menu.js +1 -1
- package/dist/esm/components/MainWrapV4/components/other-menu.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/quick-action.js +1 -1
- package/dist/esm/components/MainWrapV4/components/quick-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/search/SearchBarMobile.js +1 -1
- package/dist/esm/components/MainWrapV4/components/search/SearchBarMobile.js.map +1 -1
- package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js +4 -1
- package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/Modal/Modal.js +3 -3
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +1 -0
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/list.js +8 -4
- package/dist/esm/components/ResourceList/component/list.js.map +1 -1
- package/dist/esm/components/SearchResultListV3/SearchResultList.d.ts +1 -0
- package/dist/esm/components/SearchResultListV3/SearchResultList.js +9 -6
- package/dist/esm/components/SearchResultListV3/SearchResultList.js.map +1 -1
- package/dist/esm/components/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/esm/components/SelectWithAction/HelpText.js +11 -0
- package/dist/esm/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.d.ts +10 -3
- package/dist/esm/components/SelectWithAction/SelectWithAction.js +29 -22
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/esm/components/TabDate/PHXTabDate.d.ts +2 -1
- package/dist/esm/components/TabDate/PHXTabDate.js +20 -10
- package/dist/esm/components/TabDate/PHXTabDate.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +3 -1
- package/dist/esm/components/TableReport/TableReport.js +10 -10
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +3 -1
- package/dist/esm/components/TableReport/component/Header.js +3 -3
- package/dist/esm/components/TableReport/component/Header.js.map +1 -1
- package/dist/esm/components/TableStatic/TableStatic.js +36 -16
- package/dist/esm/components/TableStatic/TableStatic.js.map +1 -1
- package/dist/esm/components/TableStatic/sub-row.d.ts +10 -0
- package/dist/esm/components/TableStatic/sub-row.js +17 -0
- package/dist/esm/components/TableStatic/sub-row.js.map +1 -0
- package/dist/esm/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/esm/components/TableV3/SelectedAction.js +6 -0
- package/dist/esm/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/esm/components/Text/Text.d.ts +1 -0
- package/dist/esm/components/Text/Text.js +1 -1
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/dist/esm/components/TextEditor/TextEditor.d.ts +2 -1
- package/dist/esm/components/TextEditor/TextEditor.js +29 -20
- package/dist/esm/components/TextEditor/TextEditor.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +5 -4
- package/dist/esm/components/Textarea/Textarea.js.map +1 -1
- package/dist/esm/components/Timeline/Timeline.d.ts +7 -0
- package/dist/esm/components/Timeline/Timeline.js +16 -0
- package/dist/esm/components/Timeline/Timeline.js.map +1 -0
- package/dist/esm/components/Timeline/index.d.ts +1 -0
- package/dist/esm/components/Timeline/index.js +2 -0
- package/dist/esm/components/Timeline/index.js.map +1 -0
- package/dist/esm/env.js +1 -1
- package/dist/esm/env.js.map +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientMutationV3.d.ts +0 -6
- package/dist/cjs/components/Func/GRPC/clientMutationV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientMutationV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientQueryV3.d.ts +0 -6
- package/dist/cjs/components/Func/GRPC/clientQueryV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientQueryV3.js.map +0 -1
- package/dist/cjs/components/Func/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/clientMutationDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/clientMutationDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/clientMutationV3.d.ts +0 -6
- package/dist/cjs/components/Func/clientMutationV3.js +0 -53
- package/dist/cjs/components/Func/clientMutationV3.js.map +0 -1
- package/dist/cjs/components/Func/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/clientQueryDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/clientQueryDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/clientQueryV3.d.ts +0 -6
- package/dist/cjs/components/Func/clientQueryV3.js +0 -53
- package/dist/cjs/components/Func/clientQueryV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientMutationV3.d.ts +0 -6
- package/dist/esm/components/Func/GRPC/clientMutationV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientMutationV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientQueryV3.d.ts +0 -6
- package/dist/esm/components/Func/GRPC/clientQueryV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientQueryV3.js.map +0 -1
- package/dist/esm/components/Func/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/clientMutationDataCenterV3.js +0 -50
- package/dist/esm/components/Func/clientMutationDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/clientMutationV3.d.ts +0 -6
- package/dist/esm/components/Func/clientMutationV3.js +0 -50
- package/dist/esm/components/Func/clientMutationV3.js.map +0 -1
- package/dist/esm/components/Func/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/clientQueryDataCenterV3.js +0 -50
- package/dist/esm/components/Func/clientQueryDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/clientQueryV3.d.ts +0 -6
- package/dist/esm/components/Func/clientQueryV3.js +0 -50
- package/dist/esm/components/Func/clientQueryV3.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":";;AAWA,gCAEC;;AAbD,uDAA4E;AAC5E,qDAA8D;AAE9D,4EAAgD;AAChD,oFAAqD;AACrD,gEAA+D;AAC/D,mDAA0D;AAC1D,iDAAqD;AACrD,kFAAmD;AAGnD,SAAgB,UAAU;IAAC,iBAAiC;SAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;QAAjC,4BAAiC;;IAC1D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HelpTextContent {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface HelpTextProps {
|
|
7
|
+
helpText?: string | HelpTextContent;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXHelpText: ({ helpText }: HelpTextProps) => React.JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PHXHelpText = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Text_1 = require("../Text/Text");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
var PHXHelpText = function (_a) {
|
|
8
|
+
var helpText = _a.helpText;
|
|
9
|
+
if (!helpText)
|
|
10
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
11
|
+
return (react_1.default.createElement(Text_1.PHXText, { as: 'div', tone: 'subdued' }, typeof helpText === 'string' ? (helpText) : (react_1.default.createElement("div", { className: 'flex gap-1' },
|
|
12
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div', tone: 'subdued' }, "".concat(helpText.title, ":")),
|
|
13
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div' }, helpText.description)))));
|
|
14
|
+
};
|
|
15
|
+
exports.PHXHelpText = PHXHelpText;
|
|
16
|
+
//# sourceMappingURL=HelpText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/HelpText.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,wDAAyB;AAWlB,IAAM,WAAW,GAAG,UAAC,EAA2B;QAAzB,QAAQ,cAAA;IACpC,IAAI,CAAC,QAAQ;QAAE,OAAO,6DAAK,CAAA;IAE3B,OAAO,CACL,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,YAAY;QACzB,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,UAAG,QAAQ,CAAC,KAAK,MAAG,CACb;QACV,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAC,WAAW,CAAW,CAC9C,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,WAAW,eAiBvB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { BadgeProps } from '../Badge';
|
|
3
4
|
export type IconItemType = 'edit' | 'delete';
|
|
4
5
|
export interface ActionItem {
|
|
5
6
|
type: IconItemType;
|
|
@@ -8,13 +9,18 @@ export interface ActionItem {
|
|
|
8
9
|
export interface SelectOption {
|
|
9
10
|
value: string;
|
|
10
11
|
label: string;
|
|
11
|
-
helpText?: string;
|
|
12
|
+
helpText?: string | SelectHelpText;
|
|
13
|
+
badge?: BadgeProps;
|
|
12
14
|
action?: ActionItem;
|
|
13
15
|
}
|
|
14
16
|
export interface Search {
|
|
15
17
|
value: string;
|
|
16
18
|
handleFilter(value: string): void;
|
|
17
19
|
}
|
|
20
|
+
export interface SelectHelpText {
|
|
21
|
+
title: string;
|
|
22
|
+
description: string;
|
|
23
|
+
}
|
|
18
24
|
export interface PHXSelectWithActionProps {
|
|
19
25
|
label: string;
|
|
20
26
|
suffix?: ReactNode;
|
|
@@ -27,8 +33,9 @@ export interface PHXSelectWithActionProps {
|
|
|
27
33
|
className?: string;
|
|
28
34
|
maxHeight?: string;
|
|
29
35
|
error?: string;
|
|
30
|
-
helpText?: string;
|
|
36
|
+
helpText?: string | SelectHelpText;
|
|
31
37
|
emptyState?: ReactNode;
|
|
38
|
+
disabled?: boolean;
|
|
32
39
|
emptySearchState?: ReactNode;
|
|
33
40
|
loading?: boolean;
|
|
34
41
|
addNew?: {
|
|
@@ -36,4 +43,4 @@ export interface PHXSelectWithActionProps {
|
|
|
36
43
|
onClick(): void;
|
|
37
44
|
};
|
|
38
45
|
}
|
|
39
|
-
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
46
|
+
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
@@ -14,9 +14,11 @@ var react_2 = tslib_1.__importDefault(require("react"));
|
|
|
14
14
|
var types_1 = require("../types");
|
|
15
15
|
var IconLoading_1 = require("../../commons/IconLoading");
|
|
16
16
|
var Text_1 = require("../Text/Text");
|
|
17
|
+
var Badge_1 = require("../Badge");
|
|
18
|
+
var HelpText_1 = require("./HelpText");
|
|
17
19
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
18
20
|
function PHXSelectWithAction(_a) {
|
|
19
|
-
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value;
|
|
21
|
+
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value, disabled = _a.disabled;
|
|
20
22
|
var _f = (0, react_1.useState)(''), searchQuery = _f[0], setSearchQuery = _f[1];
|
|
21
23
|
var _g = (0, react_1.useState)(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
22
24
|
var _h = (0, react_1.useState)(false), isLeaving = _h[0], setIsLeaving = _h[1];
|
|
@@ -87,11 +89,11 @@ function PHXSelectWithAction(_a) {
|
|
|
87
89
|
react_2.default.createElement(Text_1.PHXText, null, label),
|
|
88
90
|
suffix && react_2.default.createElement("div", { className: 'text-sm font-medium' }, suffix)),
|
|
89
91
|
react_2.default.createElement("div", { className: 'relative' },
|
|
90
|
-
react_2.default.createElement("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' : ''), onClick: function () { return setIsOpen(!isOpen); }, type: 'button' },
|
|
92
|
+
react_2.default.createElement("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' : '', disabled ? 'bg-neutral-200 border-[0px] hover:bg-neutral-200' : ''), onClick: !disabled ? function () { return setIsOpen(!isOpen); } : undefined, type: 'button' },
|
|
91
93
|
react_2.default.createElement("span", { className: 'truncate' }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder),
|
|
92
|
-
react_2.default.createElement(image_1.default, { alt: '', className: (0, types_1.classNames)(' shrink-0 transition-transform', isOpen ? 'rotate-180' : ''), height: 20,
|
|
94
|
+
!disabled && (react_2.default.createElement(image_1.default, { alt: '', className: (0, types_1.classNames)(' shrink-0 transition-transform', isOpen ? 'rotate-180' : ''), height: 20,
|
|
93
95
|
// @ts-ignore
|
|
94
|
-
src: chevron_down_icon_svg_1.default, width: 20 })),
|
|
96
|
+
src: chevron_down_icon_svg_1.default, width: 20 }))),
|
|
95
97
|
isOpen && (react_2.default.createElement("div", { className: (0, types_1.classNames)('border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white transition-opacity duration-100', isLeaving ? 'opacity-0' : 'opacity-100') },
|
|
96
98
|
search && (react_2.default.createElement("div", { className: 'border-border border-b p-3' },
|
|
97
99
|
react_2.default.createElement("div", { className: 'relative' },
|
|
@@ -103,30 +105,34 @@ function PHXSelectWithAction(_a) {
|
|
|
103
105
|
addNew && (react_2.default.createElement("button", { 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'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
104
106
|
react_2.default.createElement(image_1.default, { alt: '', height: 13, src: plus_circle_icon_svg_1.default, width: 13 }),
|
|
105
107
|
react_2.default.createElement(Text_1.PHXText, null, addNew.title))),
|
|
106
|
-
react_2.default.createElement("div",
|
|
108
|
+
react_2.default.createElement("div", null, filteredOptions.length > 0 ? (filteredOptions.map(function (option, index) {
|
|
107
109
|
var selected = isOptionSelected(option);
|
|
108
|
-
return (react_2.default.createElement(
|
|
109
|
-
react_2.default.createElement("
|
|
110
|
-
react_2.default.createElement("div", { className: '
|
|
111
|
-
react_2.default.createElement(
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
var _a;
|
|
119
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
120
|
-
e.preventDefault();
|
|
110
|
+
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
111
|
+
react_2.default.createElement("button", { key: option.value, className: (0, types_1.classNames)('group w-full cursor-pointer px-2', selected ? 'bg-zinc-200 ' : ' hover:bg-zinc-100'), onClick: function () { return handleChange(option); }, type: 'button' },
|
|
112
|
+
react_2.default.createElement("div", { className: 'flex items-center justify-between' },
|
|
113
|
+
react_2.default.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left space-y-1' },
|
|
114
|
+
react_2.default.createElement(Text_1.PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700 font-medium') }, option.label),
|
|
115
|
+
option.helpText && react_2.default.createElement(HelpText_1.PHXHelpText, { helpText: option.helpText }),
|
|
116
|
+
option.badge && react_2.default.createElement(Badge_1.PHXBadge, tslib_1.__assign({}, option.badge))),
|
|
117
|
+
!!option.action && (react_2.default.createElement("div", { className: "mr-2 flex h-8 w-8 items-center justify-center rounded-md ".concat(selected ? 'hover:bg-gray-300' : 'hover:bg-gray-200'), onClick: function (e) {
|
|
118
|
+
var _a;
|
|
119
|
+
e.stopPropagation();
|
|
121
120
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
}, onKeyDown: function (e) {
|
|
122
|
+
var _a;
|
|
123
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
124
|
+
e.preventDefault();
|
|
125
|
+
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
126
|
+
}
|
|
127
|
+
}, role: 'button', tabIndex: 0 },
|
|
128
|
+
react_2.default.createElement("div", { className: "flex items-center opacity-0 transition-opacity group-hover:opacity-100 " },
|
|
129
|
+
react_2.default.createElement(image_1.default, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))),
|
|
130
|
+
index === filteredOptions.length - 1 ? null : react_2.default.createElement("div", { className: 'border-t ' })));
|
|
125
131
|
})) : (react_2.default.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
126
132
|
react_2.default.createElement(Text_1.PHXText, { as: 'div' }, getEmptyState())))))))),
|
|
127
133
|
react_2.default.createElement("div", { className: "".concat(error ? 'mt-1 block' : 'hidden') },
|
|
128
134
|
react_2.default.createElement(Text_1.PHXText, { as: 'div', tone: 'error' }, error)),
|
|
129
135
|
react_2.default.createElement("div", { className: "".concat(helpText ? 'mt-1 block' : 'hidden') },
|
|
130
|
-
react_2.default.createElement(
|
|
136
|
+
react_2.default.createElement(HelpText_1.PHXHelpText, { helpText: helpText }))));
|
|
131
137
|
}
|
|
132
138
|
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ export type PHXDateTimelineProps = {
|
|
|
11
11
|
onChangeTime?(date: Date): void;
|
|
12
12
|
hideTodayButton?: boolean;
|
|
13
13
|
showRightArrowButton?: boolean;
|
|
14
|
+
selectedDate?: PHXDateTimelineItem['date'];
|
|
14
15
|
};
|
|
15
|
-
declare const PHXTabDate: ({ daysOfWeek, hideTodayButton, onChangeTime, timeline: timelineProp, windowSize, showRightArrowButton, }: PHXDateTimelineProps) => React.JSX.Element;
|
|
16
|
+
declare const PHXTabDate: ({ daysOfWeek, hideTodayButton, onChangeTime, timeline: timelineProp, windowSize, showRightArrowButton, selectedDate, }: PHXDateTimelineProps) => React.JSX.Element;
|
|
16
17
|
export default PHXTabDate;
|
|
@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var Button_1 = require("../Button");
|
|
6
|
+
var types_1 = require("../types");
|
|
6
7
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
7
8
|
var PHXTabDate = function (_a) {
|
|
8
|
-
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, _c = _a.hideTodayButton, hideTodayButton = _c === void 0 ? false : _c, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _d = _a.windowSize, windowSize = _d === void 0 ? 8 : _d, _e = _a.showRightArrowButton, showRightArrowButton = _e === void 0 ? false : _e;
|
|
9
|
+
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, _c = _a.hideTodayButton, hideTodayButton = _c === void 0 ? false : _c, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _d = _a.windowSize, windowSize = _d === void 0 ? 8 : _d, _e = _a.showRightArrowButton, showRightArrowButton = _e === void 0 ? false : _e, selectedDate = _a.selectedDate;
|
|
9
10
|
// tự build 30 ngày trước + hôm nay
|
|
10
11
|
var buildDefaultTimeline = function () {
|
|
11
12
|
function getPreviousDays(baseDate, n) {
|
|
@@ -34,6 +35,7 @@ var PHXTabDate = function (_a) {
|
|
|
34
35
|
return past;
|
|
35
36
|
};
|
|
36
37
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
38
|
+
var isHaveOnlyOneOption = timeline.length === 1;
|
|
37
39
|
var _f = (0, react_1.useState)(-1), todayIndex = _f[0], setTodayIndex = _f[1];
|
|
38
40
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
39
41
|
var _g = (0, react_1.useState)(initialStartIndex), startIndex = _g[0], setStartIndex = _g[1];
|
|
@@ -64,24 +66,32 @@ var PHXTabDate = function (_a) {
|
|
|
64
66
|
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
65
67
|
};
|
|
66
68
|
(0, react_1.useEffect)(function () {
|
|
69
|
+
if (selectedDate) {
|
|
70
|
+
var selectedIndex = timeline.findIndex(function (t) { return t.date === selectedDate; });
|
|
71
|
+
setActiveIndex(selectedIndex);
|
|
72
|
+
setTodayIndex(selectedIndex);
|
|
73
|
+
setStartIndex(Math.max(selectedIndex - (windowSize - 1), 0));
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
67
76
|
var newTodayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
68
77
|
setActiveIndex(newTodayIndex);
|
|
69
78
|
setTodayIndex(newTodayIndex);
|
|
70
79
|
setStartIndex(Math.max(newTodayIndex - (windowSize - 1), 0));
|
|
71
|
-
}, [timelineProp === null || timelineProp === void 0 ? void 0 : timelineProp.length, timeline.length]);
|
|
80
|
+
}, [timelineProp === null || timelineProp === void 0 ? void 0 : timelineProp.length, timeline.length, selectedDate]);
|
|
72
81
|
return (react_1.default.createElement("div", null,
|
|
73
82
|
!hideTodayButton && (react_1.default.createElement(Button_1.PHXButton, { className: 'mb-3', iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar' }, "H\u00F4m nay")),
|
|
74
|
-
react_1.default.createElement("div", { className: 'flex w-full items-center
|
|
75
|
-
react_1.default.createElement("button", { className: '\n mr-1 flex h-[
|
|
83
|
+
react_1.default.createElement("div", { className: 'flex w-full items-center' },
|
|
84
|
+
!isHaveOnlyOneOption && (react_1.default.createElement("button", { className: '\n mr-1 flex h-[4.6rem] w-[1.875rem] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
76
85
|
// chỉ check startIndex === 0 để disable
|
|
77
86
|
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
78
87
|
react_1.default.createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
79
|
-
react_1.default.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
80
|
-
react_1.default.createElement("
|
|
88
|
+
react_1.default.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))),
|
|
89
|
+
react_1.default.createElement("style", null, "\n .scrollbar-thin::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n .scrollbar-thin::-webkit-scrollbar-thumb {\n background: rgb(199 199 199);\n border-radius: 16px;\n border: 2px solid transparent; /* gi\u1EA3 padding */\n background-clip: content-box; /* gi\u00FAp background n\u1EB1m trong border */\n }\n "),
|
|
90
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex h-[4.5rem] scrollbar-thin rounded-lg shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)]', isHaveOnlyOneOption ? 'w-[7.5rem]' : 'flex-1 overflow-x-auto') }, visibleDays.map(function (item, index) {
|
|
81
91
|
var globalIndex = startIndex + index;
|
|
82
92
|
var isActive = activeIndex === globalIndex;
|
|
83
|
-
return (react_1.default.createElement("div", { key: globalIndex, className: '
|
|
84
|
-
react_1.default.createElement("button", { className: "".concat(index === 0
|
|
93
|
+
return (react_1.default.createElement("div", { key: globalIndex, className: 'w-full min-w-[7.5rem]' },
|
|
94
|
+
react_1.default.createElement("button", { className: " ".concat(index === 0 ? 'rounded-l-lg ' : 'border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n h-full w-full border-gray-300 bg-white px-2 py-1.5 hover:bg-gray-100"), onClick: function () {
|
|
85
95
|
setActiveIndex(globalIndex);
|
|
86
96
|
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
87
97
|
} }, isActive ? (react_1.default.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
@@ -90,9 +100,9 @@ var PHXTabDate = function (_a) {
|
|
|
90
100
|
react_1.default.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
91
101
|
react_1.default.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
92
102
|
})),
|
|
93
|
-
(startIndex !== initialStartIndex || showRightArrowButton) && (react_1.default.createElement("button", { className: 'ml-1 flex h-[
|
|
103
|
+
(startIndex !== initialStartIndex || showRightArrowButton) && !isHaveOnlyOneOption && (react_1.default.createElement("button", { className: 'ml-1 flex h-[4.6rem] w-[1.875rem] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400', onClick: handleNextClick, disabled: startIndex + windowSize >= timeline.length },
|
|
94
104
|
react_1.default.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
95
|
-
react_1.default.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '
|
|
105
|
+
react_1.default.createElement("path", { d: 'M9 18L15 12L9 6', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
96
106
|
};
|
|
97
107
|
exports.default = PHXTabDate;
|
|
98
108
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,oCAAqC;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,5 +21,7 @@ export interface TableReportProps {
|
|
|
21
21
|
tableKey?: string;
|
|
22
22
|
border?: boolean;
|
|
23
23
|
spacing?: boolean;
|
|
24
|
+
textCenter?: boolean;
|
|
25
|
+
isHeaderBgWhite?: boolean;
|
|
24
26
|
}
|
|
25
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, }: TableReportProps): React.JSX.Element;
|
|
27
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, }: TableReportProps): React.JSX.Element;
|
|
@@ -20,18 +20,18 @@ function PHXTableReport(_a) {
|
|
|
20
20
|
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 ? {
|
|
21
21
|
enable: false,
|
|
22
22
|
loading: false,
|
|
23
|
-
} : _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, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g, _h = _a.spacing, spacing = _h === void 0 ? false :
|
|
23
|
+
} : _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, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g, _h = _a.spacing, spacing = _h === void 0 ? true : _h, _j = _a.textCenter, textCenter = _j === void 0 ? true : _j, _k = _a.isHeaderBgWhite, isHeaderBgWhite = _k === void 0 ? false : _k;
|
|
24
24
|
var checkbox = (0, react_1.useRef)();
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
25
|
+
var _l = (0, react_1.useState)(false), isSearch = _l[0], setIsSearch = _l[1];
|
|
26
|
+
var _m = (0, react_1.useState)([]), selectedPeople = _m[0], setSelectedPeople = _m[1];
|
|
27
|
+
var _o = (0, react_1.useState)(false), checked = _o[0], setChecked = _o[1];
|
|
28
|
+
var _p = (0, react_1.useState)(false), indeterminate = _p[0], setIndeterminate = _p[1];
|
|
29
|
+
var _q = (0, react_1.useState)(1), currentPage = _q[0], setCurrentPage = _q[1];
|
|
30
|
+
var _r = (0, react_1.useState)(0), offset = _r[0], setOffset = _r[1];
|
|
31
31
|
var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
32
32
|
var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
33
33
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
34
|
-
return (0, types_1.classNames)('text-xs
|
|
34
|
+
return (0, types_1.classNames)('text-xs whitespace-nowrap', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-2 py-2' : '', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
35
35
|
};
|
|
36
36
|
var isHighLight = function (data) {
|
|
37
37
|
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
@@ -64,7 +64,7 @@ function PHXTableReport(_a) {
|
|
|
64
64
|
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
65
65
|
};
|
|
66
66
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
67
|
-
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (react_1.default.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
67
|
+
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (react_1.default.createElement("div", { className: 'rounded-lg overflow-hidden bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
68
68
|
search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex h-9 flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
69
69
|
react_1.default.createElement(Search_1.default, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange }),
|
|
70
70
|
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' },
|
|
@@ -75,7 +75,7 @@ function PHXTableReport(_a) {
|
|
|
75
75
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
76
76
|
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
77
77
|
react_1.default.createElement("thead", null,
|
|
78
|
-
react_1.default.createElement(Header_1.default, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing })),
|
|
78
|
+
react_1.default.createElement(Header_1.default, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
79
79
|
react_1.default.createElement("tbody", null, (0, utils_1.buildRowSpan)(tableData, mergeConfig).map(function (data, dataIdx) { return (react_1.default.createElement("tr", { key: dataIdx, className: (0, types_1.classNames)('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (react_1.default.createElement(react_1.default.Fragment, null, mergeConfig.isMergeRowData ? (react_1.default.createElement(RowMerge_1.default, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, mergeConfig: mergeConfig, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })) : (react_1.default.createElement(Row_1.default, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })))); }))); }))))))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
80
80
|
react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))),
|
|
81
81
|
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement(Pagination_1.default, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset })))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
@@ -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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"}
|
|
@@ -10,6 +10,8 @@ interface HeaderProps {
|
|
|
10
10
|
checkbox: any;
|
|
11
11
|
border: boolean;
|
|
12
12
|
spacing: boolean;
|
|
13
|
+
textCenter: boolean;
|
|
14
|
+
isHeaderBgWhite?: boolean;
|
|
13
15
|
}
|
|
14
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, }: HeaderProps): React.JSX.Element;
|
|
16
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, }: HeaderProps): React.JSX.Element;
|
|
15
17
|
export default Header;
|
|
@@ -5,11 +5,11 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var Checkbox_1 = require("../../Checkbox");
|
|
7
7
|
function Header(_a) {
|
|
8
|
-
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border, spacing = _a.spacing;
|
|
8
|
+
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border, spacing = _a.spacing, textCenter = _a.textCenter, _b = _a.isHeaderBgWhite, isHeaderBgWhite = _b === void 0 ? false : _b;
|
|
9
9
|
return (react_1.default.createElement(react_1.default.Fragment, null, rows.map(function (row, rowIdx) { return (react_1.default.createElement("tr", { key: rowIdx, className: (0, types_1.classNames)(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
|
|
10
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", { rowSpan: rows.length, className: (0, types_1.classNames)('bg-gray-50
|
|
10
|
+
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", { rowSpan: rows.length, className: (0, types_1.classNames)('text-center', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', border && 'border-r', search && search.enable ? '' : 'rounded-tl-lg') }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
11
11
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
|
|
12
|
-
row.map(function (cell, cellIdx) { return (react_1.default.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: (0, types_1.classNames)('
|
|
12
|
+
row.map(function (cell, cellIdx) { return (react_1.default.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: (0, types_1.classNames)('text-xs font-medium text-gray-800 whitespace-nowrap', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-3 py-2.5' : '', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })));
|
|
13
13
|
}
|
|
14
14
|
exports.default = Header;
|
|
15
15
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AAExC,2CAA4C;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AAExC,2CAA4C;AAgB5C,SAAS,MAAM,CAAC,EAYF;QAXZ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA;IAEvB,OAAO,CACL,8DACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EACpC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,CAChE;QAEA,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,CAChE,sCACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,aAAa,EACb,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAC3C,MAAM,IAAI,UAAU,EACpB,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAC/C,IAEA,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAA,IAAI,CACxC,uCAAK,SAAS,EAAC,uCAAuC;YACpD,8BAAC,sBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAG,QAAQ,YAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAChG,CACP,CACE,CACN;QACA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,sCACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAA,kBAAU,EACnB,qDAAqD,EACrD,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAC3C,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAC7C,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC5B,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EAC3C,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,CAAA,IAAI,eAAe,EACjG,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAjBwC,CAiBxC,CAAC,CACC,CACN,EA5CuC,CA4CvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|