phx-react 1.3.1309 → 1.3.1310
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/ReportButtonV2/ReportButtonV2.d.ts +2 -2
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js +20 -22
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.d.ts +2 -2
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js +20 -22
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,11 +2,11 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
import { ConfigUrlApply, KeyParams } from '../Func/PHXUrlApply/type';
|
|
3
3
|
export declare const IconLeftButton: ({ disabled, onClick }: {
|
|
4
4
|
disabled: boolean;
|
|
5
|
-
onClick
|
|
5
|
+
onClick(): void;
|
|
6
6
|
}) => React.JSX.Element;
|
|
7
7
|
export declare const IconRightButton: ({ disabled, onClick }: {
|
|
8
8
|
disabled: boolean;
|
|
9
|
-
onClick
|
|
9
|
+
onClick(): void;
|
|
10
10
|
}) => React.JSX.Element;
|
|
11
11
|
export type TabItem = {
|
|
12
12
|
name: ReactNode;
|
|
@@ -2,18 +2,17 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PHXReportButtonTabV2 = exports.IconRightButton = exports.IconLeftButton = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
-
var Skeleton_1 = require("../Skeleton");
|
|
7
|
-
var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlApply"));
|
|
8
|
-
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
9
5
|
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
6
|
+
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
10
7
|
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
11
|
-
|
|
8
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
9
|
+
var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlApply"));
|
|
10
|
+
var Skeleton_1 = require("../Skeleton");
|
|
12
11
|
var IconLeftButton = function (_a) {
|
|
13
12
|
var disabled = _a.disabled, onClick = _a.onClick;
|
|
14
13
|
return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, classnames_1.default)('relative inline-flex h-[28px] w-[28px] items-center rounded-l-lg px-3 text-gray-900 transition-all', disabled
|
|
15
14
|
? 'cursor-default bg-gray-200'
|
|
16
|
-
: '
|
|
15
|
+
: 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
|
|
17
16
|
react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, classnames_1.default)('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })));
|
|
18
17
|
};
|
|
19
18
|
exports.IconLeftButton = IconLeftButton;
|
|
@@ -21,7 +20,7 @@ var IconRightButton = function (_a) {
|
|
|
21
20
|
var disabled = _a.disabled, onClick = _a.onClick;
|
|
22
21
|
return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, classnames_1.default)('relative inline-flex h-[28px] w-[28px] items-center rounded-r-lg px-3 text-gray-900 transition-all', disabled
|
|
23
22
|
? 'cursor-default bg-gray-200'
|
|
24
|
-
: '
|
|
23
|
+
: 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
|
|
25
24
|
react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, classnames_1.default)('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })));
|
|
26
25
|
};
|
|
27
26
|
exports.IconRightButton = IconRightButton;
|
|
@@ -65,26 +64,25 @@ var PHXReportButtonTabV2 = function (_a) {
|
|
|
65
64
|
var _a;
|
|
66
65
|
(_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: px, behavior: 'smooth' });
|
|
67
66
|
};
|
|
68
|
-
return (react_1.default.createElement("div", { className: "relative w-full pb-4 ".concat(className) },
|
|
69
|
-
react_1.default.createElement("div", { ref: containerRef, className: 'relative flex items-center border border-gray-200
|
|
70
|
-
react_1.default.createElement("div", { className: 'relative
|
|
71
|
-
react_1.default.createElement("div", { ref: scrollRef, className: 'flex gap-0
|
|
67
|
+
return (react_1.default.createElement("div", { className: "relative w-full pb-4 ".concat(className, " ") },
|
|
68
|
+
react_1.default.createElement("div", { ref: containerRef, className: 'group relative flex items-center overflow-hidden rounded-xl border border-gray-200 bg-white shadow-[0rem_.3125rem_.3125rem_-0.15625rem_rgba(0,0,0,0.03),_0rem_.1875rem_.1875rem_-0.09375rem_rgba(0,0,0,0.02),_0rem_.125rem_.125rem_-0.0625rem_rgba(0,0,0,0.02),_0rem_.0625rem_.0625rem_-0.03125rem_rgba(0,0,0,0.03),_0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,0.04),_0rem_0rem_0rem_.0625rem_rgba(0,0,0,0.06)]', onMouseEnter: function () { return setIsHovering(true); }, onMouseLeave: function () { return setIsHovering(false); } },
|
|
69
|
+
react_1.default.createElement("div", { className: 'relative flex-1 overflow-hidden' },
|
|
70
|
+
react_1.default.createElement("div", { ref: scrollRef, className: 'no-scrollbar flex gap-0', onScroll: updateScroll, style: {
|
|
72
71
|
overflowX: 'auto',
|
|
73
72
|
scrollBehavior: 'smooth',
|
|
74
73
|
scrollbarWidth: 'none',
|
|
75
74
|
msOverflowStyle: 'none',
|
|
76
|
-
}
|
|
77
|
-
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, {
|
|
78
|
-
react_1.default.createElement("
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
: 'opacity-0 translate-x-4 pointer-events-none'), style: { height: 28 } },
|
|
75
|
+
} }, tabs.map(function (item, index) { return (react_1.default.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
76
|
+
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { className: 'h-[56px] w-full min-w-[180px]', size: 'small', type: 'only-report' })) : (react_1.default.createElement("div", { className: 'w-full p-2' },
|
|
77
|
+
react_1.default.createElement("div", { className: "\n flex h-[56px] w-full min-w-[180px] flex-shrink-0 cursor-pointer flex-col justify-center rounded-xl px-3 transition-all\n ".concat(activeTab === item.value ? 'bg-gray-100' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
78
|
+
react_1.default.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
79
|
+
react_1.default.createElement("p", { className: 'text-[13px] font-semibold text-black' }, item.count)))),
|
|
80
|
+
index < tabs.length - 1 && react_1.default.createElement("div", { className: 'h-[72px] w-[1px] flex-shrink-0 bg-gray-200' }))); }))),
|
|
81
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)('absolute right-2 top-1/2 flex -translate-y-1/2 overflow-hidden rounded-lg border border-gray-300 bg-white shadow-lg transition-all duration-300', 'pointer-events-auto', isHovering && (canScrollLeft || canScrollRight)
|
|
82
|
+
? 'translate-x-0 opacity-100'
|
|
83
|
+
: 'pointer-events-none translate-x-4 opacity-0'), style: { height: 28 } },
|
|
86
84
|
react_1.default.createElement(exports.IconLeftButton, { disabled: !canScrollLeft, onClick: function () { return scrollBy(-300); } }),
|
|
87
|
-
react_1.default.createElement("div", { className: '
|
|
85
|
+
react_1.default.createElement("div", { className: 'h-[28px] w-[1px] flex-shrink-0 bg-gray-200' }),
|
|
88
86
|
react_1.default.createElement(exports.IconRightButton, { disabled: !canScrollRight, onClick: function () { return scrollBy(300); } })))));
|
|
89
87
|
};
|
|
90
88
|
exports.PHXReportButtonTabV2 = PHXReportButtonTabV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
import { ConfigUrlApply, KeyParams } from '../Func/PHXUrlApply/type';
|
|
3
3
|
export declare const IconLeftButton: ({ disabled, onClick }: {
|
|
4
4
|
disabled: boolean;
|
|
5
|
-
onClick
|
|
5
|
+
onClick(): void;
|
|
6
6
|
}) => React.JSX.Element;
|
|
7
7
|
export declare const IconRightButton: ({ disabled, onClick }: {
|
|
8
8
|
disabled: boolean;
|
|
9
|
-
onClick
|
|
9
|
+
onClick(): void;
|
|
10
10
|
}) => React.JSX.Element;
|
|
11
11
|
export type TabItem = {
|
|
12
12
|
name: ReactNode;
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import React, { useRef, useState, useEffect } from 'react';
|
|
2
|
-
import { PHXSkeleton } from '../Skeleton';
|
|
3
|
-
import PHXUrlApply from '../Func/PHXUrlApply/PHXUrlApply';
|
|
4
|
-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
1
|
import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons';
|
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
3
|
import classNames from 'classnames';
|
|
7
|
-
|
|
4
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
5
|
+
import PHXUrlApply from '../Func/PHXUrlApply/PHXUrlApply';
|
|
6
|
+
import { PHXSkeleton } from '../Skeleton';
|
|
8
7
|
export var IconLeftButton = function (_a) {
|
|
9
8
|
var disabled = _a.disabled, onClick = _a.onClick;
|
|
10
9
|
return (React.createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex h-[28px] w-[28px] items-center rounded-l-lg px-3 text-gray-900 transition-all', disabled
|
|
11
10
|
? 'cursor-default bg-gray-200'
|
|
12
|
-
: '
|
|
11
|
+
: 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
|
|
13
12
|
React.createElement(FontAwesomeIcon, { className: classNames('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: faAngleLeft })));
|
|
14
13
|
};
|
|
15
14
|
export var IconRightButton = function (_a) {
|
|
16
15
|
var disabled = _a.disabled, onClick = _a.onClick;
|
|
17
16
|
return (React.createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex h-[28px] w-[28px] items-center rounded-r-lg px-3 text-gray-900 transition-all', disabled
|
|
18
17
|
? 'cursor-default bg-gray-200'
|
|
19
|
-
: '
|
|
18
|
+
: 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
|
|
20
19
|
React.createElement(FontAwesomeIcon, { className: classNames('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: faAngleRight })));
|
|
21
20
|
};
|
|
22
21
|
export var PHXReportButtonTabV2 = function (_a) {
|
|
@@ -59,26 +58,25 @@ export var PHXReportButtonTabV2 = function (_a) {
|
|
|
59
58
|
var _a;
|
|
60
59
|
(_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: px, behavior: 'smooth' });
|
|
61
60
|
};
|
|
62
|
-
return (React.createElement("div", { className: "relative w-full pb-4 ".concat(className) },
|
|
63
|
-
React.createElement("div", { ref: containerRef, className: 'relative flex items-center border border-gray-200
|
|
64
|
-
React.createElement("div", { className: 'relative
|
|
65
|
-
React.createElement("div", { ref: scrollRef, className: 'flex gap-0
|
|
61
|
+
return (React.createElement("div", { className: "relative w-full pb-4 ".concat(className, " ") },
|
|
62
|
+
React.createElement("div", { ref: containerRef, className: 'group relative flex items-center overflow-hidden rounded-xl border border-gray-200 bg-white shadow-[0rem_.3125rem_.3125rem_-0.15625rem_rgba(0,0,0,0.03),_0rem_.1875rem_.1875rem_-0.09375rem_rgba(0,0,0,0.02),_0rem_.125rem_.125rem_-0.0625rem_rgba(0,0,0,0.02),_0rem_.0625rem_.0625rem_-0.03125rem_rgba(0,0,0,0.03),_0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,0.04),_0rem_0rem_0rem_.0625rem_rgba(0,0,0,0.06)]', onMouseEnter: function () { return setIsHovering(true); }, onMouseLeave: function () { return setIsHovering(false); } },
|
|
63
|
+
React.createElement("div", { className: 'relative flex-1 overflow-hidden' },
|
|
64
|
+
React.createElement("div", { ref: scrollRef, className: 'no-scrollbar flex gap-0', onScroll: updateScroll, style: {
|
|
66
65
|
overflowX: 'auto',
|
|
67
66
|
scrollBehavior: 'smooth',
|
|
68
67
|
scrollbarWidth: 'none',
|
|
69
68
|
msOverflowStyle: 'none',
|
|
70
|
-
}
|
|
71
|
-
loading ? (React.createElement(PHXSkeleton, {
|
|
72
|
-
React.createElement("
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
: 'opacity-0 translate-x-4 pointer-events-none'), style: { height: 28 } },
|
|
69
|
+
} }, tabs.map(function (item, index) { return (React.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
70
|
+
loading ? (React.createElement(PHXSkeleton, { className: 'h-[56px] w-full min-w-[180px]', size: 'small', type: 'only-report' })) : (React.createElement("div", { className: 'w-full p-2' },
|
|
71
|
+
React.createElement("div", { className: "\n flex h-[56px] w-full min-w-[180px] flex-shrink-0 cursor-pointer flex-col justify-center rounded-xl px-3 transition-all\n ".concat(activeTab === item.value ? 'bg-gray-100' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
72
|
+
React.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
73
|
+
React.createElement("p", { className: 'text-[13px] font-semibold text-black' }, item.count)))),
|
|
74
|
+
index < tabs.length - 1 && React.createElement("div", { className: 'h-[72px] w-[1px] flex-shrink-0 bg-gray-200' }))); }))),
|
|
75
|
+
React.createElement("div", { className: classNames('absolute right-2 top-1/2 flex -translate-y-1/2 overflow-hidden rounded-lg border border-gray-300 bg-white shadow-lg transition-all duration-300', 'pointer-events-auto', isHovering && (canScrollLeft || canScrollRight)
|
|
76
|
+
? 'translate-x-0 opacity-100'
|
|
77
|
+
: 'pointer-events-none translate-x-4 opacity-0'), style: { height: 28 } },
|
|
80
78
|
React.createElement(IconLeftButton, { disabled: !canScrollLeft, onClick: function () { return scrollBy(-300); } }),
|
|
81
|
-
React.createElement("div", { className: '
|
|
79
|
+
React.createElement("div", { className: 'h-[28px] w-[1px] flex-shrink-0 bg-gray-200' }),
|
|
82
80
|
React.createElement(IconRightButton, { disabled: !canScrollRight, onClick: function () { return scrollBy(300); } })))));
|
|
83
81
|
};
|
|
84
82
|
//# sourceMappingURL=ReportButtonV2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|