phx-react 1.3.187 → 1.3.188
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/Notifications/Notifications.d.ts +3 -2
- package/dist/cjs/components/Notifications/Notifications.js +8 -2
- package/dist/cjs/components/Notifications/Notifications.js.map +1 -1
- package/dist/esm/components/Notifications/Notifications.d.ts +3 -2
- package/dist/esm/components/Notifications/Notifications.js +8 -2
- package/dist/esm/components/Notifications/Notifications.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,9 @@ import React from 'react';
|
|
|
2
2
|
export interface NotificationsProps {
|
|
3
3
|
className?: string;
|
|
4
4
|
show?: boolean;
|
|
5
|
-
type?: 'add' | 'edit' | 'delete';
|
|
5
|
+
type?: 'add' | 'edit' | 'delete' | 'custom';
|
|
6
|
+
customMessage?: string;
|
|
6
7
|
failure?: boolean;
|
|
7
8
|
onHide?: any;
|
|
8
9
|
}
|
|
9
|
-
export declare const PHXNotifications: ({ className, show, type, onHide, failure }: NotificationsProps) => React.JSX.Element;
|
|
10
|
+
export declare const PHXNotifications: ({ className, show, type, onHide, failure, customMessage }: NotificationsProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ var types_1 = require("../types");
|
|
|
7
7
|
var react_2 = require("@headlessui/react");
|
|
8
8
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
9
9
|
var PHXNotifications = function (_a) {
|
|
10
|
-
var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure;
|
|
10
|
+
var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure, customMessage = _a.customMessage;
|
|
11
11
|
var _b = (0, react_1.useState)(false), notify = _b[0], setNotify = _b[1];
|
|
12
12
|
var _c = (0, react_1.useState)(false), isFailure = _c[0], setIsFailure = _c[1];
|
|
13
13
|
(0, react_1.useEffect)(function () {
|
|
@@ -34,7 +34,13 @@ var PHXNotifications = function (_a) {
|
|
|
34
34
|
onHide();
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
var message = type === 'add'
|
|
37
|
+
var message = type === 'add'
|
|
38
|
+
? 'Thêm mới thành công'
|
|
39
|
+
: type === 'edit'
|
|
40
|
+
? 'Cập nhật thành công'
|
|
41
|
+
: type === 'delete'
|
|
42
|
+
? 'Xóa bản ghi thành công'
|
|
43
|
+
: customMessage;
|
|
38
44
|
return (react_1["default"].createElement("div", { "aria-live": 'assertive', className: "pointer-events-none inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
|
|
39
45
|
react_1["default"].createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center' },
|
|
40
46
|
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-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
|
|
@@ -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;
|
|
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;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;aAAM;YACL,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,UAAU,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;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,uDACY,WAAW,EACrB,SAAS,EAAE,qFAA8E,SAAS,CAAE;QAEpG,0CAAK,SAAS,EAAC,4EAA4E;YAEzF,iCAAC,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,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,0CAAK,SAAS,EAAC,KAAK;wBAClB,0CAAK,SAAS,EAAC,mCAAmC;4BAChD,0CAAK,SAAS,EAAC,MAAM;gCACnB,wCAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,OAAO,CAClD,CACA;4BACN,0CAAK,SAAS,EAAC,kBAAkB;gCAC/B,6CACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,2CAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,iCAAC,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;AAzFY,QAAA,gBAAgB,oBAyF5B"}
|
|
@@ -2,8 +2,9 @@ import React from 'react';
|
|
|
2
2
|
export interface NotificationsProps {
|
|
3
3
|
className?: string;
|
|
4
4
|
show?: boolean;
|
|
5
|
-
type?: 'add' | 'edit' | 'delete';
|
|
5
|
+
type?: 'add' | 'edit' | 'delete' | 'custom';
|
|
6
|
+
customMessage?: string;
|
|
6
7
|
failure?: boolean;
|
|
7
8
|
onHide?: any;
|
|
8
9
|
}
|
|
9
|
-
export declare const PHXNotifications: ({ className, show, type, onHide, failure }: NotificationsProps) => React.JSX.Element;
|
|
10
|
+
export declare const PHXNotifications: ({ className, show, type, onHide, failure, customMessage }: NotificationsProps) => React.JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { classNames } from '../types';
|
|
|
3
3
|
import { Transition } from '@headlessui/react';
|
|
4
4
|
import { XMarkIcon } from '@heroicons/react/20/solid';
|
|
5
5
|
export var PHXNotifications = function (_a) {
|
|
6
|
-
var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure;
|
|
6
|
+
var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure, customMessage = _a.customMessage;
|
|
7
7
|
var _b = useState(false), notify = _b[0], setNotify = _b[1];
|
|
8
8
|
var _c = useState(false), isFailure = _c[0], setIsFailure = _c[1];
|
|
9
9
|
useEffect(function () {
|
|
@@ -30,7 +30,13 @@ export var PHXNotifications = function (_a) {
|
|
|
30
30
|
onHide();
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
var message = type === 'add'
|
|
33
|
+
var message = type === 'add'
|
|
34
|
+
? 'Thêm mới thành công'
|
|
35
|
+
: type === 'edit'
|
|
36
|
+
? 'Cập nhật thành công'
|
|
37
|
+
: type === 'delete'
|
|
38
|
+
? 'Xóa bản ghi thành công'
|
|
39
|
+
: customMessage;
|
|
34
40
|
return (React.createElement("div", { "aria-live": 'assertive', className: "pointer-events-none inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
|
|
35
41
|
React.createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center' },
|
|
36
42
|
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-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":"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"}
|