phx-react 1.3.460 → 1.3.461
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/HeaderBar/HeaderBar.d.ts +14 -23
- package/dist/cjs/components/HeaderBar/HeaderBar.js +33 -30
- package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -1
- package/dist/esm/components/HeaderBar/HeaderBar.d.ts +14 -23
- package/dist/esm/components/HeaderBar/HeaderBar.js +12 -9
- package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IconName } from '../Dropdown';
|
|
3
|
+
interface DropDownOption {
|
|
4
|
+
content?: string;
|
|
5
|
+
icon?: IconName;
|
|
6
|
+
iconOutline?: boolean;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
destructive?: boolean;
|
|
9
|
+
onClick?(): void;
|
|
10
|
+
}
|
|
3
11
|
export interface TableProps {
|
|
4
12
|
addNewLoading?: boolean;
|
|
5
13
|
titleSize?: string;
|
|
@@ -12,7 +20,6 @@ export interface TableProps {
|
|
|
12
20
|
downloadText?: string;
|
|
13
21
|
uploadText?: string;
|
|
14
22
|
addNewText?: string;
|
|
15
|
-
isDropdown?: boolean;
|
|
16
23
|
badge?: {
|
|
17
24
|
badgeText?: string;
|
|
18
25
|
badgeType?: string;
|
|
@@ -28,30 +35,14 @@ export interface TableProps {
|
|
|
28
35
|
dangerSoftButton?: boolean;
|
|
29
36
|
secondaryButton?: boolean;
|
|
30
37
|
};
|
|
38
|
+
isDownLoadDropDown?: boolean;
|
|
39
|
+
isUpLoadDropDown?: boolean;
|
|
40
|
+
downLoadDropDownOption?: Array<DropDownOption>;
|
|
41
|
+
upLoadDropDownOption?: Array<DropDownOption>;
|
|
31
42
|
onCancel?(): void;
|
|
32
43
|
onDownload?(): void;
|
|
33
44
|
onUpload?(): void;
|
|
34
45
|
onAdd?(): void;
|
|
35
|
-
dropdown?: {
|
|
36
|
-
buttonContent?: string;
|
|
37
|
-
optionTitle?: string;
|
|
38
|
-
options?: Array<{
|
|
39
|
-
content?: string;
|
|
40
|
-
icon?: IconName;
|
|
41
|
-
iconOutline?: boolean;
|
|
42
|
-
active?: boolean;
|
|
43
|
-
destructive?: boolean;
|
|
44
|
-
onClick?(): void;
|
|
45
|
-
}>;
|
|
46
|
-
origin?: 'left' | 'right';
|
|
47
|
-
type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon';
|
|
48
|
-
defaultDate?: string;
|
|
49
|
-
max?: string;
|
|
50
|
-
min?: string;
|
|
51
|
-
startDisabled?: string;
|
|
52
|
-
endDisabled?: string;
|
|
53
|
-
disabledDate?: Array<string>;
|
|
54
|
-
onChangeDate?(): void;
|
|
55
|
-
};
|
|
56
46
|
}
|
|
57
|
-
export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downloadButton, downloadText, exportData, importData,
|
|
47
|
+
export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downLoadDropDownOption, downloadButton, downloadText, exportData, importData, isCancel, isDownLoadDropDown, isUpLoadDropDown, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, upLoadDropDownOption, uploadButton, uploadText, }: TableProps) => React.JSX.Element;
|
|
48
|
+
export {};
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXHeaderBar = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 =
|
|
6
|
-
var Button_1 = require("../Button");
|
|
7
|
-
var react_2 = require("@headlessui/react");
|
|
8
|
-
var types_1 = require("../types");
|
|
5
|
+
var react_1 = require("@headlessui/react");
|
|
9
6
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
10
7
|
var solid_2 = require("@heroicons/react/20/solid");
|
|
8
|
+
var react_2 = tslib_1.__importStar(require("react"));
|
|
9
|
+
var types_1 = require("../types");
|
|
11
10
|
var Badge_1 = require("../Badge");
|
|
11
|
+
var Button_1 = require("../Button");
|
|
12
12
|
var Dropdown_1 = require("../Dropdown");
|
|
13
13
|
var PHXHeaderBar = function (_a) {
|
|
14
|
-
var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
|
|
14
|
+
var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, downLoadDropDownOption = _a.downLoadDropDownOption, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
|
|
15
15
|
softButton: true,
|
|
16
16
|
dangerSoftButton: false,
|
|
17
17
|
secondaryButton: false
|
|
18
|
-
} : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData,
|
|
18
|
+
} : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, isDownLoadDropDown = _a.isDownLoadDropDown, isUpLoadDropDown = _a.isUpLoadDropDown, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, upLoadDropDownOption = _a.upLoadDropDownOption, _g = _a.uploadButton, uploadButton = _g === void 0 ? {
|
|
19
19
|
softButton: true,
|
|
20
20
|
dangerSoftButton: false,
|
|
21
21
|
secondaryButton: false
|
|
@@ -32,34 +32,37 @@ var PHXHeaderBar = function (_a) {
|
|
|
32
32
|
onUpload();
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
return (
|
|
36
|
-
|
|
37
|
-
isCancel && (
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
type === 'title-with-badge' && (
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
35
|
+
return (react_2["default"].createElement("div", { className: "mb-5 flex h-[1.875rem] items-center justify-between sm:flex-auto ".concat(className) },
|
|
36
|
+
react_2["default"].createElement("div", { className: 'flex items-center' },
|
|
37
|
+
isCancel && (react_2["default"].createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
38
|
+
react_2["default"].createElement(solid_2.ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
39
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex') },
|
|
40
|
+
react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
|
|
41
|
+
type === 'title-with-badge' && (react_2["default"].createElement("div", { className: 'flex items-center' },
|
|
42
|
+
react_2["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
43
|
+
react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
|
|
44
|
+
react_2["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
|
|
45
|
+
isDownLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText,
|
|
46
|
+
// @ts-ignore
|
|
47
|
+
options: downLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', deleted: downloadButton.dangerSoftButton, deletedButton: false, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
|
|
48
|
+
isUpLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: uploadText,
|
|
49
|
+
// @ts-ignore
|
|
50
|
+
options: upLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', deleted: uploadButton.dangerSoftButton, deletedButton: false, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
|
|
51
|
+
react_2["default"].createElement(react_1.Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
|
|
52
|
+
react_2["default"].createElement(react_1.Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
|
|
53
|
+
react_2["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
|
|
54
|
+
react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
|
|
55
|
+
react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
56
|
+
react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
|
|
57
|
+
exportData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
|
|
55
58
|
var active = _a.active;
|
|
56
|
-
return (
|
|
59
|
+
return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
|
|
57
60
|
})),
|
|
58
|
-
importData && (
|
|
61
|
+
importData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
|
|
59
62
|
var active = _a.active;
|
|
60
|
-
return (
|
|
63
|
+
return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
|
|
61
64
|
}))))),
|
|
62
|
-
|
|
65
|
+
react_2["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))));
|
|
63
66
|
};
|
|
64
67
|
exports.PHXHeaderBar = PHXHeaderBar;
|
|
65
68
|
//# sourceMappingURL=HeaderBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IconName } from '../Dropdown';
|
|
3
|
+
interface DropDownOption {
|
|
4
|
+
content?: string;
|
|
5
|
+
icon?: IconName;
|
|
6
|
+
iconOutline?: boolean;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
destructive?: boolean;
|
|
9
|
+
onClick?(): void;
|
|
10
|
+
}
|
|
3
11
|
export interface TableProps {
|
|
4
12
|
addNewLoading?: boolean;
|
|
5
13
|
titleSize?: string;
|
|
@@ -12,7 +20,6 @@ export interface TableProps {
|
|
|
12
20
|
downloadText?: string;
|
|
13
21
|
uploadText?: string;
|
|
14
22
|
addNewText?: string;
|
|
15
|
-
isDropdown?: boolean;
|
|
16
23
|
badge?: {
|
|
17
24
|
badgeText?: string;
|
|
18
25
|
badgeType?: string;
|
|
@@ -28,30 +35,14 @@ export interface TableProps {
|
|
|
28
35
|
dangerSoftButton?: boolean;
|
|
29
36
|
secondaryButton?: boolean;
|
|
30
37
|
};
|
|
38
|
+
isDownLoadDropDown?: boolean;
|
|
39
|
+
isUpLoadDropDown?: boolean;
|
|
40
|
+
downLoadDropDownOption?: Array<DropDownOption>;
|
|
41
|
+
upLoadDropDownOption?: Array<DropDownOption>;
|
|
31
42
|
onCancel?(): void;
|
|
32
43
|
onDownload?(): void;
|
|
33
44
|
onUpload?(): void;
|
|
34
45
|
onAdd?(): void;
|
|
35
|
-
dropdown?: {
|
|
36
|
-
buttonContent?: string;
|
|
37
|
-
optionTitle?: string;
|
|
38
|
-
options?: Array<{
|
|
39
|
-
content?: string;
|
|
40
|
-
icon?: IconName;
|
|
41
|
-
iconOutline?: boolean;
|
|
42
|
-
active?: boolean;
|
|
43
|
-
destructive?: boolean;
|
|
44
|
-
onClick?(): void;
|
|
45
|
-
}>;
|
|
46
|
-
origin?: 'left' | 'right';
|
|
47
|
-
type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon';
|
|
48
|
-
defaultDate?: string;
|
|
49
|
-
max?: string;
|
|
50
|
-
min?: string;
|
|
51
|
-
startDisabled?: string;
|
|
52
|
-
endDisabled?: string;
|
|
53
|
-
disabledDate?: Array<string>;
|
|
54
|
-
onChangeDate?(): void;
|
|
55
|
-
};
|
|
56
46
|
}
|
|
57
|
-
export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downloadButton, downloadText, exportData, importData,
|
|
47
|
+
export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downLoadDropDownOption, downloadButton, downloadText, exportData, importData, isCancel, isDownLoadDropDown, isUpLoadDropDown, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, upLoadDropDownOption, uploadButton, uploadText, }: TableProps) => React.JSX.Element;
|
|
48
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React, { Fragment } from 'react';
|
|
2
|
-
import { PHXButton } from '../Button';
|
|
3
1
|
import { Menu, Transition } from '@headlessui/react';
|
|
4
|
-
import { classNames } from '../types';
|
|
5
2
|
import { EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
|
|
6
3
|
import { ArrowLeftIcon } from '@heroicons/react/20/solid';
|
|
4
|
+
import React, { Fragment } from 'react';
|
|
5
|
+
import { classNames } from '../types';
|
|
7
6
|
import { PHXBadge } from '../Badge';
|
|
7
|
+
import { PHXButton } from '../Button';
|
|
8
8
|
import { PHXDropdown } from '../Dropdown';
|
|
9
9
|
export var PHXHeaderBar = function (_a) {
|
|
10
|
-
var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
|
|
10
|
+
var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, downLoadDropDownOption = _a.downLoadDropDownOption, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
|
|
11
11
|
softButton: true,
|
|
12
12
|
dangerSoftButton: false,
|
|
13
13
|
secondaryButton: false
|
|
14
|
-
} : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData,
|
|
14
|
+
} : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, isDownLoadDropDown = _a.isDownLoadDropDown, isUpLoadDropDown = _a.isUpLoadDropDown, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, upLoadDropDownOption = _a.upLoadDropDownOption, _g = _a.uploadButton, uploadButton = _g === void 0 ? {
|
|
15
15
|
softButton: true,
|
|
16
16
|
dangerSoftButton: false,
|
|
17
17
|
secondaryButton: false
|
|
@@ -28,7 +28,7 @@ export var PHXHeaderBar = function (_a) {
|
|
|
28
28
|
onUpload();
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
return (React.createElement("div", { className: "mb-5 h-[1.875rem]
|
|
31
|
+
return (React.createElement("div", { className: "mb-5 flex h-[1.875rem] items-center justify-between sm:flex-auto ".concat(className) },
|
|
32
32
|
React.createElement("div", { className: 'flex items-center' },
|
|
33
33
|
isCancel && (React.createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
34
34
|
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
@@ -38,9 +38,12 @@ export var PHXHeaderBar = function (_a) {
|
|
|
38
38
|
React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
39
39
|
React.createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
|
|
40
40
|
React.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
|
|
41
|
-
React.createElement(
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
isDownLoadDropDown ? (React.createElement(PHXDropdown, { buttonContent: downloadText,
|
|
42
|
+
// @ts-ignore
|
|
43
|
+
options: downLoadDropDownOption })) : (React.createElement(PHXButton, { className: exportData ? '' : 'hidden', deleted: downloadButton.dangerSoftButton, deletedButton: false, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
|
|
44
|
+
isUpLoadDropDown ? (React.createElement(PHXDropdown, { buttonContent: uploadText,
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
options: upLoadDropDownOption })) : (React.createElement(PHXButton, { className: importData ? '' : 'hidden', deleted: uploadButton.dangerSoftButton, deletedButton: false, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
|
|
44
47
|
React.createElement(Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
|
|
45
48
|
React.createElement(Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
|
|
46
49
|
React.createElement("span", { className: 'sr-only' }, "Open menu"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|