phx-react 1.3.1263 → 1.3.1265

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.
Files changed (21) hide show
  1. package/dist/cjs/components/Drawer/Drawer.d.ts +1 -2
  2. package/dist/cjs/components/Drawer/Drawer.js +32 -30
  3. package/dist/cjs/components/Drawer/Drawer.js.map +1 -1
  4. package/dist/cjs/components/HeaderBar/ButtonAction.d.ts +3 -0
  5. package/dist/cjs/components/HeaderBar/ButtonAction.js +41 -0
  6. package/dist/cjs/components/HeaderBar/ButtonAction.js.map +1 -0
  7. package/dist/cjs/components/HeaderBar/HeaderBar.js +26 -57
  8. package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -1
  9. package/dist/cjs/components/Notifications/Notifications.js +1 -1
  10. package/dist/cjs/components/Notifications/Notifications.js.map +1 -1
  11. package/dist/esm/components/Drawer/Drawer.d.ts +1 -2
  12. package/dist/esm/components/Drawer/Drawer.js +33 -31
  13. package/dist/esm/components/Drawer/Drawer.js.map +1 -1
  14. package/dist/esm/components/HeaderBar/ButtonAction.d.ts +3 -0
  15. package/dist/esm/components/HeaderBar/ButtonAction.js +38 -0
  16. package/dist/esm/components/HeaderBar/ButtonAction.js.map +1 -0
  17. package/dist/esm/components/HeaderBar/HeaderBar.js +6 -37
  18. package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -1
  19. package/dist/esm/components/Notifications/Notifications.js +1 -1
  20. package/dist/esm/components/Notifications/Notifications.js.map +1 -1
  21. package/package.json +1 -1
package/dist/cjs/components/Drawer/Drawer.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import type { ReactNode } from 'react';
2
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
3
2
  type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
4
3
  type DrawerSize = 'sm' | 'md' | 'lg';
5
4
  export interface PHXDrawerProps {
package/dist/cjs/components/Drawer/Drawer.js CHANGED
@@ -5,43 +5,45 @@ exports.PHXDrawer = void 0;
5
5
  var tslib_1 = require("tslib");
6
6
  var react_1 = require("@headlessui/react");
7
7
  var outline_1 = require("@heroicons/react/24/outline");
8
+ var react_2 = tslib_1.__importStar(require("react"));
8
9
  var framer_motion_1 = require("framer-motion");
9
- var react_2 = tslib_1.__importDefault(require("react"));
10
10
  var types_1 = require("../types");
11
11
  var PHXDrawer = function (_a) {
12
- var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOutsiteClick, closeOutsiteClick = _h === void 0 ? true : _h;
13
- var variants = {
14
- right: { hidden: { x: '100%' }, visible: { x: 0 } },
15
- left: { hidden: { x: '-100%' }, visible: { x: 0 } },
16
- top: { hidden: { y: '-100%' }, visible: { y: 0 } },
17
- bottom: { hidden: { y: '100%' }, visible: { y: 0 } },
18
- };
12
+ var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, showFooter = _a.showFooter, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, _g = _a.closeOutsiteClick, closeOutsiteClick = _g === void 0 ? true : _g;
19
13
  var isSide = position === 'left' || position === 'right';
20
14
  var dimensionStyle = isSide ? { width: width } : { height: height };
21
15
  var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-base' : 'p-4 text-sm';
22
- return (react_2.default.createElement(react_1.Dialog, { open: open, onClose: function () {
23
- if (disabled)
24
- return;
25
- if (closeOutsiteClick)
26
- onClose(false);
27
- }, className: 'relative z-50' },
28
- react_2.default.createElement("div", { className: 'fixed inset-0 bg-black/35', "aria-hidden": 'true', onClick: function () {
29
- if (closeOutsiteClick && !disabled)
16
+ return (react_2.default.createElement(react_1.Transition.Root, { as: react_2.Fragment, show: open },
17
+ react_2.default.createElement(react_1.Dialog, { as: 'div', className: 'relative z-50', static: true, onClose: function () {
18
+ if (!disabled && closeOutsiteClick)
30
19
  onClose(false);
31
- } }),
32
- react_2.default.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
33
- react_2.default.createElement("div", { className: 'absolute inset-0 overflow-hidden' },
34
- react_2.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-none fixed flex', isSide ? 'inset-y-0 max-h-full' : 'inset-x-0 max-w-full justify-center', position === 'right' && 'right-0 pl-16', position === 'left' && 'left-0 pr-16', position === 'top' && 'top-0 pb-16', position === 'bottom' && 'bottom-0 pt-16') },
35
- react_2.default.createElement(framer_motion_1.motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: (0, types_1.classNames)('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', disabled && 'opacity-50 cursor-not-allowed', className) },
36
- react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between border-b border-gray-200', sizeClass) },
37
- react_2.default.createElement(react_1.Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
38
- !disabled && (react_2.default.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, "aria-label": 'Close', className: 'rounded-md text-gray-400 hover:text-gray-600' },
39
- react_2.default.createElement(outline_1.XMarkIcon, { className: 'h-6 w-6' })))),
40
- react_2.default.createElement("div", { className: (0, types_1.classNames)('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
41
- showFooter && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
42
- react_2.default.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: (0, types_1.classNames)('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
43
- react_2.default.createElement("button", { onClick: onSave, disabled: disabled, className: (0, types_1.classNames)('px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white', disabled && 'opacity-50 cursor-not-allowed') }, "Save"))),
44
- error && errorText && (react_2.default.createElement("div", { className: 'text-red-700 px-4 py-2 text-sm border-t border-red-300 bg-red-50' }, errorText))))))));
20
+ } },
21
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-200', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-150', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
22
+ react_2.default.createElement("div", { className: 'fixed inset-0 bg-black/40' })),
23
+ react_2.default.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
24
+ react_2.default.createElement("div", { className: (0, types_1.classNames)('absolute flex pointer-events-none', isSide ? 'inset-y-0' : 'inset-x-0 justify-center', position === 'right' && 'right-0', position === 'left' && 'left-0', position === 'top' && 'top-0', position === 'bottom' && 'bottom-0') },
25
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'transform transition ease-out duration-300', enterFrom: position === 'right'
26
+ ? 'translate-x-full'
27
+ : position === 'left'
28
+ ? '-translate-x-full'
29
+ : position === 'top'
30
+ ? '-translate-y-full'
31
+ : 'translate-y-full', enterTo: 'translate-x-0 translate-y-0', leave: 'transform transition ease-in duration-200', leaveFrom: 'translate-x-0 translate-y-0', leaveTo: position === 'right'
32
+ ? 'translate-x-full'
33
+ : position === 'left'
34
+ ? '-translate-x-full'
35
+ : position === 'top'
36
+ ? '-translate-y-full'
37
+ : 'translate-y-full' },
38
+ react_2.default.createElement(react_1.Dialog.Panel, { as: framer_motion_1.motion.div, style: dimensionStyle, className: (0, types_1.classNames)('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', className) },
39
+ react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between border-b border-gray-200', sizeClass) },
40
+ react_2.default.createElement(react_1.Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
41
+ !disabled && (react_2.default.createElement("button", { className: 'rounded-md text-gray-400 hover:text-gray-600', onClick: function () { return onClose(false); } },
42
+ react_2.default.createElement(outline_1.XMarkIcon, { className: 'w-6 h-6' })))),
43
+ react_2.default.createElement("div", { className: (0, types_1.classNames)('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
44
+ showFooter && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
45
+ react_2.default.createElement("button", { disabled: disabled, onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), className: 'px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300' }, "Cancel"),
46
+ react_2.default.createElement("button", { disabled: disabled, onClick: onSave, className: 'px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white' }, "Save"))))))))));
45
47
  };
46
48
  exports.PHXDrawer = PHXDrawer;
47
49
  //# sourceMappingURL=Drawer.js.map
package/dist/cjs/components/Drawer/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/HeaderBar/ButtonAction.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare function ButtonAction({ importData, exportData, secondaryActions, downloadText, uploadText, sortedSecondaryActions, onDownload, onUpload, }: any): React.JSX.Element;
3
+ export default ButtonAction;
package/dist/cjs/components/HeaderBar/ButtonAction.js ADDED
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var tslib_1 = require("tslib");
4
+ var react_1 = tslib_1.__importStar(require("react"));
5
+ var react_2 = require("@headlessui/react");
6
+ var solid_1 = require("@heroicons/react/20/solid");
7
+ var types_1 = require("../types");
8
+ function ButtonAction(_a) {
9
+ var importData = _a.importData, exportData = _a.exportData, secondaryActions = _a.secondaryActions, downloadText = _a.downloadText, uploadText = _a.uploadText, sortedSecondaryActions = _a.sortedSecondaryActions, onDownload = _a.onDownload, onUpload = _a.onUpload;
10
+ var handleDownload = function () {
11
+ if (onDownload) {
12
+ onDownload();
13
+ }
14
+ };
15
+ var handleUpload = function () {
16
+ if (onUpload) {
17
+ onUpload();
18
+ }
19
+ };
20
+ return (react_1.default.createElement(react_2.Menu, { as: 'div', className: importData || exportData || (secondaryActions === null || secondaryActions === void 0 ? void 0 : secondaryActions.length) ? 'relative md:hidden' : 'hidden' },
21
+ react_1.default.createElement(react_2.Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
22
+ react_1.default.createElement("span", { className: 'sr-only' }, "Open menu"),
23
+ react_1.default.createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
24
+ react_1.default.createElement(react_2.Transition, { as: react_1.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' },
25
+ react_1.default.createElement(react_2.Menu.Items, { className: 'absolute left-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' },
26
+ exportData && (react_1.default.createElement(react_2.Menu.Item, null, function (_a) {
27
+ var active = _a.active;
28
+ return (react_1.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));
29
+ })),
30
+ importData && (react_1.default.createElement(react_2.Menu.Item, null, function (_a) {
31
+ var active = _a.active;
32
+ return (react_1.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));
33
+ })),
34
+ secondaryActions &&
35
+ sortedSecondaryActions.map(function (action) { return (react_1.default.createElement(react_2.Menu.Item, { key: action.id }, function (_a) {
36
+ var active = _a.active;
37
+ return (react_1.default.createElement("p", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', action.active && !action.deleted && 'rounded-lg bg-gray-200 font-semibold text-gray-900', action.deleted && !action.active && 'text-red-800 hover:bg-red-100', action.deleted && action.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: action.onClick }, action.content));
38
+ })); })))));
39
+ }
40
+ exports.default = ButtonAction;
41
+ //# sourceMappingURL=ButtonAction.js.map
package/dist/cjs/components/HeaderBar/ButtonAction.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/ButtonAction.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/HeaderBar/HeaderBar.js CHANGED
@@ -2,14 +2,13 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.PHXHeaderBar = void 0;
4
4
  var tslib_1 = require("tslib");
5
- var react_1 = require("@headlessui/react");
6
5
  var solid_1 = require("@heroicons/react/20/solid");
7
- var solid_2 = require("@heroicons/react/20/solid");
8
- var react_2 = tslib_1.__importStar(require("react"));
6
+ var react_1 = tslib_1.__importDefault(require("react"));
9
7
  var types_1 = require("../types");
10
8
  var Badge_1 = require("../Badge");
11
9
  var Button_1 = require("../Button");
12
10
  var Dropdown_1 = require("../Dropdown");
11
+ var ButtonAction_1 = tslib_1.__importDefault(require("./ButtonAction"));
13
12
  var PHXHeaderBar = function (_a) {
14
13
  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.disableExport, disableExport = _d === void 0 ? false : _d, _e = _a.disableImport, disableImport = _e === void 0 ? false : _e, downLoadDropDownOption = _a.downLoadDropDownOption, _f = _a.downloadButton, downloadButton = _f === void 0 ? {
15
14
  softButton: true,
@@ -20,62 +19,32 @@ var PHXHeaderBar = function (_a) {
20
19
  dangerSoftButton: false,
21
20
  secondaryButton: false,
22
21
  } : _k, uploadText = _a.uploadText, isDropdown = _a.isDropdown, dropdown = _a.dropdown, subTitle = _a.subTitle, _l = _a.disableAddNew, disableAddNew = _l === void 0 ? false : _l, secondaryActions = _a.secondaryActions;
23
- var handleDownload = function () {
24
- // e.preventDefault()
25
- if (onDownload) {
26
- onDownload();
27
- }
28
- };
29
- var handleUpload = function () {
30
- // e.preventDefault()
31
- if (onUpload) {
32
- onUpload();
33
- }
34
- };
35
22
  // Luôn xếp nút xoá ở cuối danh sách
36
23
  var sortedSecondaryActions = secondaryActions
37
24
  ? tslib_1.__spreadArray([], secondaryActions, true).sort(function (a, b) { return (a.deleted === b.deleted ? 0 : a.deleted ? 1 : -1); })
38
25
  : [];
39
- return (react_2.default.createElement("div", { className: "mb-5 min-h-[1.875rem] ".concat(className) },
40
- react_2.default.createElement("div", { className: 'flex flex-col gap-y-2 sm:flex-row sm:items-center sm:justify-between sm:gap-y-0' },
41
- react_2.default.createElement("div", { className: 'flex items-center sm:justify-between' },
42
- 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' },
43
- react_2.default.createElement(solid_2.ArrowLeftIcon, { className: 'w-5 h-5' }))),
44
- react_2.default.createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
45
- 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),
46
- type === 'title-with-badge' && (react_2.default.createElement("div", { className: 'flex items-center' },
47
- react_2.default.createElement(Badge_1.PHXBadge, { className: (0, types_1.classNames)('mr-2', badge.badgeClassname), text: badge.badgeText, type: badge.badgeType })))),
48
- react_2.default.createElement("div", { className: 'sm:hidden' },
49
- react_2.default.createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
50
- react_2.default.createElement("div", { className: 'flex items-center flex-shrink-0 gap-x-2 sm:justify-end' },
51
- react_2.default.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
52
- isDownLoadDropDown ? (react_2.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText,
26
+ return (react_1.default.createElement("div", { className: "mb-5 min-h-[1.875rem] ".concat(className) },
27
+ react_1.default.createElement("div", { className: 'flex flex-col gap-y-2 sm:flex-row sm:items-center sm:justify-between sm:gap-y-0' },
28
+ react_1.default.createElement("div", { className: 'flex items-center sm:justify-between' },
29
+ isCancel && (react_1.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' },
30
+ react_1.default.createElement(solid_1.ArrowLeftIcon, { className: 'w-5 h-5' }))),
31
+ react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
32
+ react_1.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),
33
+ type === 'title-with-badge' && (react_1.default.createElement("div", { className: 'flex items-center' },
34
+ react_1.default.createElement(Badge_1.PHXBadge, { className: (0, types_1.classNames)('mr-2', badge.badgeClassname), text: badge.badgeText, type: badge.badgeType })))),
35
+ react_1.default.createElement("div", { className: 'sm:hidden flex gap-x-2 items-center' },
36
+ react_1.default.createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText),
37
+ react_1.default.createElement(ButtonAction_1.default, { importData: importData, exportData: exportData, secondaryActions: secondaryActions, downloadText: downloadText, uploadText: uploadText, sortedSecondaryActions: sortedSecondaryActions, onDownload: onDownload, onUpload: onUpload }))),
38
+ react_1.default.createElement("div", { className: 'flex items-center flex-shrink-0 gap-x-2 sm:justify-end' },
39
+ react_1.default.createElement("div", { className: importData || exportData ? 'hidden sm:flex sm:gap-x-2' : 'hidden' },
40
+ isDownLoadDropDown ? (react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText,
53
41
  // @ts-ignore
54
- options: downLoadDropDownOption })) : (react_2.default.createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', danger: downloadButton.dangerSoftButton, deletedButton: false, disabled: exportLoading || disableExport, loading: exportLoading, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
55
- isUpLoadDropDown ? (react_2.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: uploadText,
42
+ options: downLoadDropDownOption })) : (react_1.default.createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', danger: downloadButton.dangerSoftButton, deletedButton: false, disabled: exportLoading || disableExport, loading: exportLoading, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
43
+ isUpLoadDropDown ? (react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: uploadText,
56
44
  // @ts-ignore
57
- options: upLoadDropDownOption })) : (react_2.default.createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', danger: uploadButton.dangerSoftButton, deletedButton: false, disabled: disableImport, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
58
- isDropdown && (react_2.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: dropdown === null || dropdown === void 0 ? void 0 : dropdown.buttonContent, defaultDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, disabledDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabledDate, endDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, max: dropdown === null || dropdown === void 0 ? void 0 : dropdown.max, min: dropdown === null || dropdown === void 0 ? void 0 : dropdown.min, onChangeDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.onChangeDate, options: dropdown === null || dropdown === void 0 ? void 0 : dropdown.options, optionTitle: dropdown === null || dropdown === void 0 ? void 0 : dropdown.optionTitle, origin: dropdown === null || dropdown === void 0 ? void 0 : dropdown.origin, soft: true, startDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.startDisabled, type: dropdown === null || dropdown === void 0 ? void 0 : dropdown.type })),
59
- react_2.default.createElement(react_1.Menu, { as: 'div', className: importData || exportData || (secondaryActions === null || secondaryActions === void 0 ? void 0 : secondaryActions.length) ? 'relative md:hidden' : 'hidden' },
60
- 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' },
61
- react_2.default.createElement("span", { className: 'sr-only' }, "Open menu"),
62
- react_2.default.createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
63
- 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' },
64
- react_2.default.createElement(react_1.Menu.Items, { className: 'absolute left-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' },
65
- exportData && (react_2.default.createElement(react_1.Menu.Item, null, function (_a) {
66
- var active = _a.active;
67
- 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));
68
- })),
69
- importData && (react_2.default.createElement(react_1.Menu.Item, null, function (_a) {
70
- var active = _a.active;
71
- 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));
72
- })),
73
- secondaryActions &&
74
- sortedSecondaryActions.map(function (action) { return (react_2.default.createElement(react_1.Menu.Item, { key: action.id }, function (_a) {
75
- var active = _a.active;
76
- return (react_2.default.createElement("p", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', action.active && !action.deleted && 'rounded-lg bg-gray-200 font-semibold text-gray-900', action.deleted && !action.active && 'text-red-800 hover:bg-red-100', action.deleted && action.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: action.onClick }, action.content));
77
- })); })))),
78
- secondaryActions && (react_2.default.createElement("div", { className: 'hidden md:flex md:gap-x-2' }, secondaryActions.length > 3 ? (react_2.default.createElement(Dropdown_1.PHXDropdown, { options: sortedSecondaryActions.map(function (action) { return ({
45
+ options: upLoadDropDownOption })) : (react_1.default.createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', danger: uploadButton.dangerSoftButton, deletedButton: false, disabled: disableImport, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
46
+ isDropdown && (react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: dropdown === null || dropdown === void 0 ? void 0 : dropdown.buttonContent, defaultDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, disabledDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabledDate, endDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, max: dropdown === null || dropdown === void 0 ? void 0 : dropdown.max, min: dropdown === null || dropdown === void 0 ? void 0 : dropdown.min, onChangeDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.onChangeDate, options: dropdown === null || dropdown === void 0 ? void 0 : dropdown.options, optionTitle: dropdown === null || dropdown === void 0 ? void 0 : dropdown.optionTitle, origin: dropdown === null || dropdown === void 0 ? void 0 : dropdown.origin, soft: true, startDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.startDisabled, type: dropdown === null || dropdown === void 0 ? void 0 : dropdown.type })),
47
+ secondaryActions && (react_1.default.createElement("div", { className: 'hidden md:flex md:gap-x-2' }, secondaryActions.length > 3 ? (react_1.default.createElement(Dropdown_1.PHXDropdown, { options: sortedSecondaryActions.map(function (action) { return ({
79
48
  content: action.content,
80
49
  onClick: action.onClick,
81
50
  active: action.active,
@@ -83,10 +52,10 @@ var PHXHeaderBar = function (_a) {
83
52
  iconOutline: action.iconOutline,
84
53
  destructive: action.deleted,
85
54
  id: action.id,
86
- }); }), buttonContent: 'Thao t\u00E1c', origin: 'right' })) : (secondaryActions.map(function (action) { return (react_2.default.createElement(Button_1.PHXButton, tslib_1.__assign({ key: action.id }, action), action.content)); })))),
87
- react_2.default.createElement("div", { className: 'hidden sm:block' },
88
- react_2.default.createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText)))),
89
- subTitle && react_2.default.createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-600") }, subTitle)));
55
+ }); }), buttonContent: 'Thao t\u00E1c', origin: 'right' })) : (secondaryActions.map(function (action) { return (react_1.default.createElement(Button_1.PHXButton, tslib_1.__assign({ key: action.id }, action), action.content)); })))),
56
+ react_1.default.createElement("div", { className: 'hidden sm:block' },
57
+ react_1.default.createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText)))),
58
+ subTitle && react_1.default.createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-600") }, subTitle)));
90
59
  };
91
60
  exports.PHXHeaderBar = PHXHeaderBar;
92
61
  //# sourceMappingURL=HeaderBar.js.map
package/dist/cjs/components/HeaderBar/HeaderBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":";;;;AAAA,mDAAyD;AACzD,wDAAyB;AACzB,kCAAqC;AACrC,kCAAmC;AACnC,oCAAkD;AAClD,wCAAmD;AACnD,wEAAyC;AA2ElC,IAAM,YAAY,GAAG,UAAC,EAyChB;QAxCX,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,sBAAsB,4BAAA,EACtB,sBAIC,EAJD,cAAc,mBAAG;QACf,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAAoB,0BAAA,EACpB,oBAIC,EAJD,YAAY,mBAAG;QACb,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAErB,gBAAgB,sBAAA;IAEhB,oCAAoC;IACpC,IAAM,sBAAsB,GAAG,gBAAgB;QAC7C,CAAC,CAAC,0BAAI,gBAAgB,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAlD,CAAkD,CAAC;QAC1F,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAyB,SAAS,CAAE;QAClD,uCAAK,SAAS,EAAC,iFAAiF;YAC9F,uCAAK,SAAS,EAAC,sCAAsC;gBAClD,QAAQ,IAAI,CACX,0CACE,SAAS,EAAC,sPAAsP,EAChQ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ;oBAEb,8BAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACV;gBACD,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,SAAS,EACT,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACtC,IAAI,KAAK,kBAAkB,IAAI,0BAA0B,CAC1D;oBAED,sCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,UAAG,SAAS,qDAAkD,EAC9D,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CACxC,IAEA,KAAK,CACH;oBACJ,IAAI,KAAK,kBAAkB,IAAI,CAC9B,uCAAK,SAAS,EAAC,mBAAmB;wBAChC,8BAAC,gBAAQ,IACP,SAAS,EAAE,IAAA,kBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,EACnD,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,IAAI,EAAE,KAAK,CAAC,SAAS,GACrB,CACE,CACP,CACG;gBACN,uCAAK,SAAS,EAAC,qCAAqC;oBAClD,8BAAC,kBAAS,IACR,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACjC,QAAQ,EAAE,aAAa,IAAI,aAAa,EACxC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,KAAK,EACd,OAAO,QACP,IAAI,EAAC,OAAO,IAEX,UAAU,CACD;oBACZ,8BAAC,sBAAY,IACX,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACE,CACF;YAEN,uCAAK,SAAS,EAAC,wDAAwD;gBACrE,uCAAK,SAAS,EAAE,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ;oBAC9E,kBAAkB,CAAC,CAAC,CAAC,CACpB,8BAAC,sBAAW,IACV,aAAa,EAAE,YAAY;wBAC3B,aAAa;wBACb,OAAO,EAAE,sBAAsB,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAS,IACR,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACrC,MAAM,EAAE,cAAc,CAAC,gBAAgB,EACvC,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,aAAa,IAAI,aAAa,EACxC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,cAAc,CAAC,eAAe,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,cAAc,CAAC,UAAU,IAE9B,YAAY,CACH,CACb;oBACA,gBAAgB,CAAC,CAAC,CAAC,CAClB,8BAAC,sBAAW,IACV,aAAa,EAAE,UAAU;wBACzB,aAAa;wBACb,OAAO,EAAE,oBAAoB,GAC7B,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAS,IACR,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACrC,MAAM,EAAE,YAAY,CAAC,gBAAgB,EACrC,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,YAAY,CAAC,eAAe,EACvC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,YAAY,CAAC,UAAU,IAE5B,UAAU,CACD,CACb,CACG;gBAEL,UAAU,IAAI,CACb,8BAAC,sBAAW,IACV,aAAa,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,EACtC,WAAW,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAClC,YAAY,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,EACpC,WAAW,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAClC,GAAG,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,EAClB,GAAG,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,EAClB,YAAY,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,EACpC,OAAO,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAC1B,WAAW,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAClC,MAAM,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EACxB,IAAI,QACJ,aAAa,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,EACtC,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,GACpB,CACH;gBAEA,gBAAgB,IAAI,CACnB,uCAAK,SAAS,EAAC,2BAA2B,IACvC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,8BAAC,sBAAW,IACV,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC;wBAC/C,OAAO,EAAE,MAAM,CAAC,OAAO;wBACvB,OAAO,EAAE,MAAM,CAAC,OAAO;wBACvB,MAAM,EAAE,MAAM,CAAC,MAAM;wBACrB,IAAI,EAAE,MAAM,CAAC,IAAI;wBACjB,WAAW,EAAE,MAAM,CAAC,WAAW;wBAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;wBAC3B,EAAE,EAAE,MAAM,CAAC,EAAE;qBACd,CAAC,EAR8C,CAQ9C,CAAC,EACH,aAAa,EAAC,eAAU,EACxB,MAAM,EAAC,OAAO,GACd,CACH,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC/B,8BAAC,kBAAS,qBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,IAAM,MAAM,GAClC,MAAM,CAAC,OAAO,CACL,CACb,EAJgC,CAIhC,CAAC,CACH,CACG,CACP;gBAED,uCAAK,SAAS,EAAC,iBAAiB;oBAC9B,8BAAC,kBAAS,IACR,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACjC,QAAQ,EAAE,aAAa,IAAI,aAAa,EACxC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,KAAK,EACd,OAAO,QACP,IAAI,EAAC,OAAO,IAEX,UAAU,CACD,CACR,CACF,CACF;QACL,QAAQ,IAAI,qCAAG,SAAS,EAAE,UAAG,QAAQ,IAAI,OAAO,wCAAqC,IAAG,QAAQ,CAAK,CAClG,CACP,CAAA;AACH,CAAC,CAAA;AAvNY,QAAA,YAAY,gBAuNxB"}
package/dist/cjs/components/Notifications/Notifications.js CHANGED
@@ -39,7 +39,7 @@ var PHXNotifications = function (_a) {
39
39
  ? 'Xóa bản ghi thành công'
40
40
  : customMessage;
41
41
  return (react_1.default.createElement("div", { "aria-live": 'assertive', className: "absolute pointer-events-none inset-0 flex items-center px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
42
- react_1.default.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center z-[60]' },
42
+ react_1.default.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-full flex-col items-center z-[60]' },
43
43
  react_1.default.createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-500 sm:translate-y-0', leave: 'transition ease-in duration-500', leaveFrom: 'translate-y-0 opacity-500 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
44
44
  react_1.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-auto max-w-sm overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5', isFailure ? 'bg-red-600' : 'bg-indigo-800') },
45
45
  react_1.default.createElement("div", { className: 'p-3' },
package/dist/cjs/components/Notifications/Notifications.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,kCAAqC;AACrC,2CAA8C;AAC9C,mDAAqD;AAW9C,IAAM,gBAAgB,GAAG,UAAC,EAA6E;QAA3E,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA;IAChF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC;aAAM,CAAC;YACN,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GACX,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,IAAI,KAAK,QAAQ;gBACnB,CAAC,CAAC,wBAAwB;gBAC1B,CAAC,CAAC,aAAa,CAAA;IAEnB,OAAO,CACL,oDACY,WAAW,EACrB,SAAS,EAAE,iGAA0F,SAAS,CAAE;QAEhH,uCAAK,SAAS,EAAC,mFAAmF;YAEhG,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,MAAM;gBAEZ,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,uCAAK,SAAS,EAAC,KAAK;wBAClB,uCAAK,SAAS,EAAC,mCAAmC;4BAChD,uCAAK,SAAS,EAAC,MAAM;gCACnB,qCAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,OAAO,CAC3F,CACA;4BACN,uCAAK,SAAS,EAAC,kBAAkB;gCAC/B,0CACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,wCAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,8BAAC,iBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,GACvF,CACK,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,gBAAgB,oBAsF5B"}
1
+ {"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,kCAAqC;AACrC,2CAA8C;AAC9C,mDAAqD;AAW9C,IAAM,gBAAgB,GAAG,UAAC,EAA6E;QAA3E,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA;IAChF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC;aAAM,CAAC;YACN,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GACX,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,IAAI,KAAK,QAAQ;gBACnB,CAAC,CAAC,wBAAwB;gBAC1B,CAAC,CAAC,aAAa,CAAA;IAEnB,OAAO,CACL,oDACY,WAAW,EACrB,SAAS,EAAE,iGAA0F,SAAS,CAAE;QAEhH,uCAAK,SAAS,EAAC,+DAA+D;YAE5E,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,MAAM;gBAEZ,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,uCAAK,SAAS,EAAC,KAAK;wBAClB,uCAAK,SAAS,EAAC,mCAAmC;4BAChD,uCAAK,SAAS,EAAC,MAAM;gCACnB,qCAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,OAAO,CAC3F,CACA;4BACN,uCAAK,SAAS,EAAC,kBAAkB;gCAC/B,0CACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,wCAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,8BAAC,iBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,GACvF,CACK,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,gBAAgB,oBAsF5B"}
package/dist/esm/components/Drawer/Drawer.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import type { ReactNode } from 'react';
2
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
3
2
  type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
4
3
  type DrawerSize = 'sm' | 'md' | 'lg';
5
4
  export interface PHXDrawerProps {
package/dist/esm/components/Drawer/Drawer.js CHANGED
@@ -1,42 +1,44 @@
1
1
  'use client';
2
- import { Dialog } from '@headlessui/react';
2
+ import { Dialog, Transition } from '@headlessui/react';
3
3
  import { XMarkIcon } from '@heroicons/react/24/outline';
4
+ import React, { Fragment } from 'react';
4
5
  import { motion } from 'framer-motion';
5
- import React from 'react';
6
6
  import { classNames } from '../types';
7
7
  export var PHXDrawer = function (_a) {
8
- var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOutsiteClick, closeOutsiteClick = _h === void 0 ? true : _h;
9
- var variants = {
10
- right: { hidden: { x: '100%' }, visible: { x: 0 } },
11
- left: { hidden: { x: '-100%' }, visible: { x: 0 } },
12
- top: { hidden: { y: '-100%' }, visible: { y: 0 } },
13
- bottom: { hidden: { y: '100%' }, visible: { y: 0 } },
14
- };
8
+ var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, showFooter = _a.showFooter, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, _g = _a.closeOutsiteClick, closeOutsiteClick = _g === void 0 ? true : _g;
15
9
  var isSide = position === 'left' || position === 'right';
16
10
  var dimensionStyle = isSide ? { width: width } : { height: height };
17
11
  var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-base' : 'p-4 text-sm';
18
- return (React.createElement(Dialog, { open: open, onClose: function () {
19
- if (disabled)
20
- return;
21
- if (closeOutsiteClick)
22
- onClose(false);
23
- }, className: 'relative z-50' },
24
- React.createElement("div", { className: 'fixed inset-0 bg-black/35', "aria-hidden": 'true', onClick: function () {
25
- if (closeOutsiteClick && !disabled)
12
+ return (React.createElement(Transition.Root, { as: Fragment, show: open },
13
+ React.createElement(Dialog, { as: 'div', className: 'relative z-50', static: true, onClose: function () {
14
+ if (!disabled && closeOutsiteClick)
26
15
  onClose(false);
27
- } }),
28
- React.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
29
- React.createElement("div", { className: 'absolute inset-0 overflow-hidden' },
30
- React.createElement("div", { className: classNames('pointer-events-none fixed flex', isSide ? 'inset-y-0 max-h-full' : 'inset-x-0 max-w-full justify-center', position === 'right' && 'right-0 pl-16', position === 'left' && 'left-0 pr-16', position === 'top' && 'top-0 pb-16', position === 'bottom' && 'bottom-0 pt-16') },
31
- React.createElement(motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: classNames('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', disabled && 'opacity-50 cursor-not-allowed', className) },
32
- React.createElement("div", { className: classNames('flex items-center justify-between border-b border-gray-200', sizeClass) },
33
- React.createElement(Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
34
- !disabled && (React.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, "aria-label": 'Close', className: 'rounded-md text-gray-400 hover:text-gray-600' },
35
- React.createElement(XMarkIcon, { className: 'h-6 w-6' })))),
36
- React.createElement("div", { className: classNames('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
37
- showFooter && (React.createElement("div", { className: classNames('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
38
- React.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: classNames('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
39
- React.createElement("button", { onClick: onSave, disabled: disabled, className: classNames('px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white', disabled && 'opacity-50 cursor-not-allowed') }, "Save"))),
40
- error && errorText && (React.createElement("div", { className: 'text-red-700 px-4 py-2 text-sm border-t border-red-300 bg-red-50' }, errorText))))))));
16
+ } },
17
+ React.createElement(Transition.Child, { as: Fragment, enter: 'ease-out duration-200', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-150', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
18
+ React.createElement("div", { className: 'fixed inset-0 bg-black/40' })),
19
+ React.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
20
+ React.createElement("div", { className: classNames('absolute flex pointer-events-none', isSide ? 'inset-y-0' : 'inset-x-0 justify-center', position === 'right' && 'right-0', position === 'left' && 'left-0', position === 'top' && 'top-0', position === 'bottom' && 'bottom-0') },
21
+ React.createElement(Transition.Child, { as: Fragment, enter: 'transform transition ease-out duration-300', enterFrom: position === 'right'
22
+ ? 'translate-x-full'
23
+ : position === 'left'
24
+ ? '-translate-x-full'
25
+ : position === 'top'
26
+ ? '-translate-y-full'
27
+ : 'translate-y-full', enterTo: 'translate-x-0 translate-y-0', leave: 'transform transition ease-in duration-200', leaveFrom: 'translate-x-0 translate-y-0', leaveTo: position === 'right'
28
+ ? 'translate-x-full'
29
+ : position === 'left'
30
+ ? '-translate-x-full'
31
+ : position === 'top'
32
+ ? '-translate-y-full'
33
+ : 'translate-y-full' },
34
+ React.createElement(Dialog.Panel, { as: motion.div, style: dimensionStyle, className: classNames('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', className) },
35
+ React.createElement("div", { className: classNames('flex items-center justify-between border-b border-gray-200', sizeClass) },
36
+ React.createElement(Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
37
+ !disabled && (React.createElement("button", { className: 'rounded-md text-gray-400 hover:text-gray-600', onClick: function () { return onClose(false); } },
38
+ React.createElement(XMarkIcon, { className: 'w-6 h-6' })))),
39
+ React.createElement("div", { className: classNames('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
40
+ showFooter && (React.createElement("div", { className: classNames('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
41
+ React.createElement("button", { disabled: disabled, onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), className: 'px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300' }, "Cancel"),
42
+ React.createElement("button", { disabled: disabled, onClick: onSave, className: 'px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white' }, "Save"))))))))));
41
43
  };
42
44
  //# sourceMappingURL=Drawer.js.map
package/dist/esm/components/Drawer/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/HeaderBar/ButtonAction.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare function ButtonAction({ importData, exportData, secondaryActions, downloadText, uploadText, sortedSecondaryActions, onDownload, onUpload, }: any): React.JSX.Element;
3
+ export default ButtonAction;
package/dist/esm/components/HeaderBar/ButtonAction.js ADDED
@@ -0,0 +1,38 @@
1
+ import React, { Fragment } from 'react';
2
+ import { Menu, Transition } from '@headlessui/react';
3
+ import { EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
4
+ import { classNames } from '../types';
5
+ function ButtonAction(_a) {
6
+ var importData = _a.importData, exportData = _a.exportData, secondaryActions = _a.secondaryActions, downloadText = _a.downloadText, uploadText = _a.uploadText, sortedSecondaryActions = _a.sortedSecondaryActions, onDownload = _a.onDownload, onUpload = _a.onUpload;
7
+ var handleDownload = function () {
8
+ if (onDownload) {
9
+ onDownload();
10
+ }
11
+ };
12
+ var handleUpload = function () {
13
+ if (onUpload) {
14
+ onUpload();
15
+ }
16
+ };
17
+ return (React.createElement(Menu, { as: 'div', className: importData || exportData || (secondaryActions === null || secondaryActions === void 0 ? void 0 : secondaryActions.length) ? 'relative md:hidden' : 'hidden' },
18
+ 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' },
19
+ React.createElement("span", { className: 'sr-only' }, "Open menu"),
20
+ React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
21
+ React.createElement(Transition, { as: 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' },
22
+ React.createElement(Menu.Items, { className: 'absolute left-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' },
23
+ exportData && (React.createElement(Menu.Item, null, function (_a) {
24
+ var active = _a.active;
25
+ return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
26
+ })),
27
+ importData && (React.createElement(Menu.Item, null, function (_a) {
28
+ var active = _a.active;
29
+ return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
30
+ })),
31
+ secondaryActions &&
32
+ sortedSecondaryActions.map(function (action) { return (React.createElement(Menu.Item, { key: action.id }, function (_a) {
33
+ var active = _a.active;
34
+ return (React.createElement("p", { className: classNames(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', action.active && !action.deleted && 'rounded-lg bg-gray-200 font-semibold text-gray-900', action.deleted && !action.active && 'text-red-800 hover:bg-red-100', action.deleted && action.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: action.onClick }, action.content));
35
+ })); })))));
36
+ }
37
+ export default ButtonAction;
38
+ //# sourceMappingURL=ButtonAction.js.map
package/dist/esm/components/HeaderBar/ButtonAction.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/ButtonAction.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/HeaderBar/HeaderBar.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import { __assign, __spreadArray } from "tslib";
2
- import { Menu, Transition } from '@headlessui/react';
3
- import { EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
4
2
  import { ArrowLeftIcon } from '@heroicons/react/20/solid';
5
- import React, { Fragment } from 'react';
3
+ import React from 'react';
6
4
  import { classNames } from '../types';
7
5
  import { PHXBadge } from '../Badge';
8
6
  import { PHXButton } from '../Button';
9
7
  import { PHXDropdown } from '../Dropdown';
8
+ import ButtonAction from './ButtonAction';
10
9
  export var PHXHeaderBar = function (_a) {
11
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.disableExport, disableExport = _d === void 0 ? false : _d, _e = _a.disableImport, disableImport = _e === void 0 ? false : _e, downLoadDropDownOption = _a.downLoadDropDownOption, _f = _a.downloadButton, downloadButton = _f === void 0 ? {
12
11
  softButton: true,
@@ -17,18 +16,6 @@ export var PHXHeaderBar = function (_a) {
17
16
  dangerSoftButton: false,
18
17
  secondaryButton: false,
19
18
  } : _k, uploadText = _a.uploadText, isDropdown = _a.isDropdown, dropdown = _a.dropdown, subTitle = _a.subTitle, _l = _a.disableAddNew, disableAddNew = _l === void 0 ? false : _l, secondaryActions = _a.secondaryActions;
20
- var handleDownload = function () {
21
- // e.preventDefault()
22
- if (onDownload) {
23
- onDownload();
24
- }
25
- };
26
- var handleUpload = function () {
27
- // e.preventDefault()
28
- if (onUpload) {
29
- onUpload();
30
- }
31
- };
32
19
  // Luôn xếp nút xoá ở cuối danh sách
33
20
  var sortedSecondaryActions = secondaryActions
34
21
  ? __spreadArray([], secondaryActions, true).sort(function (a, b) { return (a.deleted === b.deleted ? 0 : a.deleted ? 1 : -1); })
@@ -42,10 +29,11 @@ export var PHXHeaderBar = function (_a) {
42
29
  React.createElement("h1", { className: classNames("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
43
30
  type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
44
31
  React.createElement(PHXBadge, { className: classNames('mr-2', badge.badgeClassname), text: badge.badgeText, type: badge.badgeType })))),
45
- React.createElement("div", { className: 'sm:hidden' },
46
- React.createElement(PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
32
+ React.createElement("div", { className: 'sm:hidden flex gap-x-2 items-center' },
33
+ React.createElement(PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText),
34
+ React.createElement(ButtonAction, { importData: importData, exportData: exportData, secondaryActions: secondaryActions, downloadText: downloadText, uploadText: uploadText, sortedSecondaryActions: sortedSecondaryActions, onDownload: onDownload, onUpload: onUpload }))),
47
35
  React.createElement("div", { className: 'flex items-center flex-shrink-0 gap-x-2 sm:justify-end' },
48
- React.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
36
+ React.createElement("div", { className: importData || exportData ? 'hidden sm:flex sm:gap-x-2' : 'hidden' },
49
37
  isDownLoadDropDown ? (React.createElement(PHXDropdown, { buttonContent: downloadText,
50
38
  // @ts-ignore
51
39
  options: downLoadDropDownOption })) : (React.createElement(PHXButton, { className: exportData ? '' : 'hidden', danger: downloadButton.dangerSoftButton, deletedButton: false, disabled: exportLoading || disableExport, loading: exportLoading, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
@@ -53,25 +41,6 @@ export var PHXHeaderBar = function (_a) {
53
41
  // @ts-ignore
54
42
  options: upLoadDropDownOption })) : (React.createElement(PHXButton, { className: importData ? '' : 'hidden', danger: uploadButton.dangerSoftButton, deletedButton: false, disabled: disableImport, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
55
43
  isDropdown && (React.createElement(PHXDropdown, { buttonContent: dropdown === null || dropdown === void 0 ? void 0 : dropdown.buttonContent, defaultDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, disabledDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabledDate, endDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, max: dropdown === null || dropdown === void 0 ? void 0 : dropdown.max, min: dropdown === null || dropdown === void 0 ? void 0 : dropdown.min, onChangeDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.onChangeDate, options: dropdown === null || dropdown === void 0 ? void 0 : dropdown.options, optionTitle: dropdown === null || dropdown === void 0 ? void 0 : dropdown.optionTitle, origin: dropdown === null || dropdown === void 0 ? void 0 : dropdown.origin, soft: true, startDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.startDisabled, type: dropdown === null || dropdown === void 0 ? void 0 : dropdown.type })),
56
- React.createElement(Menu, { as: 'div', className: importData || exportData || (secondaryActions === null || secondaryActions === void 0 ? void 0 : secondaryActions.length) ? 'relative md:hidden' : 'hidden' },
57
- 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' },
58
- React.createElement("span", { className: 'sr-only' }, "Open menu"),
59
- React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-5 h-5 text-gray-400 rounded' })),
60
- React.createElement(Transition, { as: 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' },
61
- React.createElement(Menu.Items, { className: 'absolute left-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' },
62
- exportData && (React.createElement(Menu.Item, null, function (_a) {
63
- var active = _a.active;
64
- return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
65
- })),
66
- importData && (React.createElement(Menu.Item, null, function (_a) {
67
- var active = _a.active;
68
- return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
69
- })),
70
- secondaryActions &&
71
- sortedSecondaryActions.map(function (action) { return (React.createElement(Menu.Item, { key: action.id }, function (_a) {
72
- var active = _a.active;
73
- return (React.createElement("p", { className: classNames(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', action.active && !action.deleted && 'rounded-lg bg-gray-200 font-semibold text-gray-900', action.deleted && !action.active && 'text-red-800 hover:bg-red-100', action.deleted && action.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: action.onClick }, action.content));
74
- })); })))),
75
44
  secondaryActions && (React.createElement("div", { className: 'hidden md:flex md:gap-x-2' }, secondaryActions.length > 3 ? (React.createElement(PHXDropdown, { options: sortedSecondaryActions.map(function (action) { return ({
76
45
  content: action.content,
77
46
  onClick: action.onClick,
package/dist/esm/components/HeaderBar/HeaderBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/Notifications/Notifications.js CHANGED
@@ -35,7 +35,7 @@ export var PHXNotifications = function (_a) {
35
35
  ? 'Xóa bản ghi thành công'
36
36
  : customMessage;
37
37
  return (React.createElement("div", { "aria-live": 'assertive', className: "absolute pointer-events-none inset-0 flex items-center px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
38
- React.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center z-[60]' },
38
+ React.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-full flex-col items-center z-[60]' },
39
39
  React.createElement(Transition, { as: Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-500 sm:translate-y-0', leave: 'transition ease-in duration-500', leaveFrom: 'translate-y-0 opacity-500 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
40
40
  React.createElement("div", { className: classNames('pointer-events-auto max-w-sm overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5', isFailure ? 'bg-red-600' : 'bg-indigo-800') },
41
41
  React.createElement("div", { className: 'p-3' },
package/dist/esm/components/Notifications/Notifications.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.1263",
3
+ "version": "1.3.1265",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",