phx-react 1.3.89 → 1.3.90

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.
@@ -12,12 +12,14 @@ var PHXFormWrap = function (_a) {
12
12
  var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
13
13
  var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
14
14
  var _f = (0, react_1.useState)(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
15
- var handleOpenModalConfirm = function () {
16
- setIsModalOpen(true);
17
- };
18
- var handleCancelModalConfirm = function () {
19
- setIsModalOpen(false);
15
+ var handleDelete = function () {
16
+ if (onDelete) {
17
+ onDelete();
18
+ }
20
19
  };
20
+ (0, react_1.useEffect)(function () {
21
+ setIsModalOpen(deletedLoading);
22
+ }, [deletedLoading]);
21
23
  return (react_1["default"].createElement("div", { className: className },
22
24
  react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
23
25
  react_1["default"].createElement("div", { className: sizeClassName },
@@ -33,8 +35,8 @@ var PHXFormWrap = function (_a) {
33
35
  ? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
34
36
  : 'hidden' },
35
37
  deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
36
- react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: handleOpenModalConfirm }, "X\u00F3a b\u1EA3n ghi"),
37
- react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
38
+ react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
39
+ react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
38
40
  !onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
39
41
  react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
40
42
  submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
@@ -1 +1 @@
1
- {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export interface SkeletonProps {
3
3
  size?: 'small' | 'medium' | 'large' | 'extra-large';
4
- type?: 'default' | 'col' | 'single' | 'table';
4
+ type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col';
5
5
  className?: string;
6
6
  }
7
7
  export declare function PHXSkeleton({ className, size, type }: SkeletonProps): JSX.Element;
@@ -26,21 +26,39 @@ function PHXSkeleton(_a) {
26
26
  react_1["default"].createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))) : (react_1["default"].createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
27
27
  type !== 'table' ? (react_1["default"].createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
28
28
  react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
29
- react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' || type === 'table'
29
+ react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' || type === 'table' || type === 'page'
30
30
  ? ''
31
31
  : 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
32
32
  react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
33
33
  react_1["default"].createElement(Card_1.PHXCard, null,
34
34
  react_1["default"].createElement(Skeleton, null),
35
- react_1["default"].createElement(Skeleton, null),
36
- react_1["default"].createElement(Skeleton, null),
35
+ type === 'page' || type === 'page-col' ? null : (react_1["default"].createElement(react_1["default"].Fragment, null,
36
+ react_1["default"].createElement(Skeleton, null),
37
+ react_1["default"].createElement(Skeleton, null))),
37
38
  type === 'table' && (react_1["default"].createElement(react_1["default"].Fragment, null,
38
39
  react_1["default"].createElement(Skeleton, null),
39
40
  react_1["default"].createElement(Skeleton, null),
40
41
  react_1["default"].createElement(Skeleton, null),
41
- react_1["default"].createElement(Skeleton, null))))),
42
- type === 'col' ? (react_1["default"].createElement("div", { className: 'grid grid-cols-1 gap-4' },
42
+ react_1["default"].createElement(Skeleton, null)))),
43
+ type === 'page' || type === 'page-col' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
44
+ react_1["default"].createElement(Card_1.PHXCard, null,
45
+ react_1["default"].createElement(Skeleton, null)),
46
+ react_1["default"].createElement(Card_1.PHXCard, null,
47
+ react_1["default"].createElement(Skeleton, null)))) : null),
48
+ type === 'col' || type === 'page-col' ? (react_1["default"].createElement("div", { className: 'grid grid-cols-1 gap-4' },
43
49
  react_1["default"].createElement(Card_1.PHXCard, null,
50
+ react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
51
+ react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
52
+ react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
53
+ react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }),
54
+ react_1["default"].createElement("div", { className: 'space-y-3' },
55
+ react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
56
+ react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' }),
57
+ react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
58
+ react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
59
+ react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
60
+ react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }))))),
61
+ type === 'page-col' && (react_1["default"].createElement(Card_1.PHXCard, null,
44
62
  react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
45
63
  react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
46
64
  react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
@@ -49,7 +67,7 @@ function PHXSkeleton(_a) {
49
67
  react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
50
68
  react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
51
69
  react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
52
- react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }))))))) : null)))));
70
+ react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' })))))))) : null)))));
53
71
  }
54
72
  exports.PHXSkeleton = PHXSkeleton;
55
73
  //# sourceMappingURL=Skeleton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import React, { useState } from 'react';
1
+ import React, { useEffect, useState } from 'react';
2
2
  import { PHXButton } from '../Button';
3
3
  import { classNames } from '../types';
4
4
  import { ArrowLeftIcon } from '@heroicons/react/20/solid';
@@ -8,12 +8,14 @@ export var PHXFormWrap = function (_a) {
8
8
  var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
9
9
  var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
10
10
  var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
11
- var handleOpenModalConfirm = function () {
12
- setIsModalOpen(true);
13
- };
14
- var handleCancelModalConfirm = function () {
15
- setIsModalOpen(false);
11
+ var handleDelete = function () {
12
+ if (onDelete) {
13
+ onDelete();
14
+ }
16
15
  };
16
+ useEffect(function () {
17
+ setIsModalOpen(deletedLoading);
18
+ }, [deletedLoading]);
17
19
  return (React.createElement("div", { className: className },
18
20
  React.createElement("form", { method: method, onSubmit: onSubmit },
19
21
  React.createElement("div", { className: sizeClassName },
@@ -29,8 +31,8 @@ export var PHXFormWrap = function (_a) {
29
31
  ? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
30
32
  : 'hidden' },
31
33
  deleted && (React.createElement(React.Fragment, null,
32
- React.createElement(PHXButton, { deleted: true, size: 'small', onClick: handleOpenModalConfirm }, "X\u00F3a b\u1EA3n ghi"),
33
- React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
34
+ React.createElement(PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
35
+ React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
34
36
  !onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
35
37
  React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
36
38
  submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
@@ -1 +1 @@
1
- {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export interface SkeletonProps {
3
3
  size?: 'small' | 'medium' | 'large' | 'extra-large';
4
- type?: 'default' | 'col' | 'single' | 'table';
4
+ type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col';
5
5
  className?: string;
6
6
  }
7
7
  export declare function PHXSkeleton({ className, size, type }: SkeletonProps): JSX.Element;
@@ -22,21 +22,39 @@ export function PHXSkeleton(_a) {
22
22
  React.createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
23
23
  type !== 'table' ? (React.createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
24
24
  React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
25
- React.createElement("div", { className: classNames(type === 'default' || type === 'table'
25
+ React.createElement("div", { className: classNames(type === 'default' || type === 'table' || type === 'page'
26
26
  ? ''
27
27
  : 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
28
28
  React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
29
29
  React.createElement(PHXCard, null,
30
30
  React.createElement(Skeleton, null),
31
- React.createElement(Skeleton, null),
32
- React.createElement(Skeleton, null),
31
+ type === 'page' || type === 'page-col' ? null : (React.createElement(React.Fragment, null,
32
+ React.createElement(Skeleton, null),
33
+ React.createElement(Skeleton, null))),
33
34
  type === 'table' && (React.createElement(React.Fragment, null,
34
35
  React.createElement(Skeleton, null),
35
36
  React.createElement(Skeleton, null),
36
37
  React.createElement(Skeleton, null),
37
- React.createElement(Skeleton, null))))),
38
- type === 'col' ? (React.createElement("div", { className: 'grid grid-cols-1 gap-4' },
38
+ React.createElement(Skeleton, null)))),
39
+ type === 'page' || type === 'page-col' ? (React.createElement(React.Fragment, null,
40
+ React.createElement(PHXCard, null,
41
+ React.createElement(Skeleton, null)),
42
+ React.createElement(PHXCard, null,
43
+ React.createElement(Skeleton, null)))) : null),
44
+ type === 'col' || type === 'page-col' ? (React.createElement("div", { className: 'grid grid-cols-1 gap-4' },
39
45
  React.createElement(PHXCard, null,
46
+ React.createElement("div", { className: 'flex animate-pulse space-x-4' },
47
+ React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
48
+ React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
49
+ React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
50
+ React.createElement("div", { className: 'space-y-3' },
51
+ React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
52
+ React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' }),
53
+ React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
54
+ React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
55
+ React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
56
+ React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))),
57
+ type === 'page-col' && (React.createElement(PHXCard, null,
40
58
  React.createElement("div", { className: 'flex animate-pulse space-x-4' },
41
59
  React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
42
60
  React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
@@ -45,6 +63,6 @@ export function PHXSkeleton(_a) {
45
63
  React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
46
64
  React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
47
65
  React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
48
- React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))))) : null)))));
66
+ React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))))))) : null)))));
49
67
  }
50
68
  //# sourceMappingURL=Skeleton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.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.89",
3
+ "version": "1.3.90",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",