@veracity/vui 2.25.3-beta.0 → 2.25.4
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/notification/consts.d.ts +10 -0
- package/dist/cjs/notification/consts.d.ts.map +1 -1
- package/dist/cjs/notification/consts.js +11 -1
- package/dist/cjs/notification/consts.js.map +1 -1
- package/dist/cjs/notification/notification.js +2 -2
- package/dist/cjs/notification/notification.js.map +1 -1
- package/dist/cjs/notification/notification.types.d.ts +1 -1
- package/dist/cjs/notification/notification.types.d.ts.map +1 -1
- package/dist/esm/notification/consts.d.ts +10 -0
- package/dist/esm/notification/consts.d.ts.map +1 -1
- package/dist/esm/notification/consts.js +10 -0
- package/dist/esm/notification/consts.js.map +1 -1
- package/dist/esm/notification/notification.js +2 -2
- package/dist/esm/notification/notification.js.map +1 -1
- package/dist/esm/notification/notification.types.d.ts +1 -1
- package/dist/esm/notification/notification.types.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/notification/consts.ts +11 -0
- package/src/notification/notification.tsx +2 -2
- package/src/notification/notification.types.ts +1 -1
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import { NotificationStatusMapping } from './notification.types';
|
|
2
2
|
export declare const bannerNotificationElevation = 2;
|
|
3
3
|
export declare const notificationStatusMapping: NotificationStatusMapping;
|
|
4
|
+
export declare const closeButtonVariantMapping: {
|
|
5
|
+
subtleRed: string;
|
|
6
|
+
subtleBlue: string;
|
|
7
|
+
subtleGreen: string;
|
|
8
|
+
subtleYellow: string;
|
|
9
|
+
bannerRed: string;
|
|
10
|
+
bannerBlue: string;
|
|
11
|
+
bannerGreen: string;
|
|
12
|
+
bannerYellow: string;
|
|
13
|
+
};
|
|
4
14
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,eAAO,MAAM,2BAA2B,IAAI,CAAA;AAE5C,eAAO,MAAM,yBAAyB,EAAE,yBAiEvC,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,eAAO,MAAM,2BAA2B,IAAI,CAAA;AAE5C,eAAO,MAAM,yBAAyB,EAAE,yBAiEvC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.notificationStatusMapping = exports.bannerNotificationElevation = void 0;
|
|
3
|
+
exports.closeButtonVariantMapping = exports.notificationStatusMapping = exports.bannerNotificationElevation = void 0;
|
|
4
4
|
const consts_1 = require("../message/consts");
|
|
5
5
|
exports.bannerNotificationElevation = 2;
|
|
6
6
|
exports.notificationStatusMapping = {
|
|
@@ -69,4 +69,14 @@ exports.notificationStatusMapping = {
|
|
|
69
69
|
variant: 'bannerYellow',
|
|
70
70
|
},
|
|
71
71
|
};
|
|
72
|
+
exports.closeButtonVariantMapping = {
|
|
73
|
+
subtleRed: 'subtleRed',
|
|
74
|
+
subtleBlue: 'subtleBlue',
|
|
75
|
+
subtleGreen: 'subtleGreen',
|
|
76
|
+
subtleYellow: 'subtleYellow',
|
|
77
|
+
bannerRed: 'subtleRed',
|
|
78
|
+
bannerBlue: 'subtleBlue',
|
|
79
|
+
bannerGreen: 'subtleGreen',
|
|
80
|
+
bannerYellow: 'subtleYellow',
|
|
81
|
+
};
|
|
72
82
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":";;;AAAA,8CAAkD;AAGrC,QAAA,2BAA2B,GAAG,CAAC,CAAA;AAE/B,QAAA,yBAAyB,GAA8B;IAClE,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":";;;AAAA,8CAAkD;AAGrC,QAAA,2BAA2B,GAAG,CAAC,CAAA;AAE/B,QAAA,yBAAyB,GAA8B;IAClE,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,uBAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;CACF,CAAA;AAEY,QAAA,yBAAyB,GAAG;IACvC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;CAC7B,CAAA"}
|
|
@@ -30,7 +30,7 @@ const notificationTitle_1 = __importDefault(require("./notificationTitle"));
|
|
|
30
30
|
* Handles multiple states, like info, error or loading.
|
|
31
31
|
*/
|
|
32
32
|
exports.Notification = (0, core_1.vui)((props, ref) => {
|
|
33
|
-
var _a, _b, _c;
|
|
33
|
+
var _a, _b, _c, _d;
|
|
34
34
|
const { action, children, className, icon, onClose, size, status, statusMapping, text, title, variant: variantProp = 'subtleBlue', verticalAlign } = props, rest = __rest(props, ["action", "children", "className", "icon", "onClose", "size", "status", "statusMapping", "text", "title", "variant", "verticalAlign"]);
|
|
35
35
|
const statuses = Object.assign(Object.assign({}, consts_1.notificationStatusMapping), statusMapping);
|
|
36
36
|
const { variant = variantProp } = (_a = statuses[status !== null && status !== void 0 ? status : '']) !== null && _a !== void 0 ? _a : {};
|
|
@@ -39,7 +39,7 @@ exports.Notification = (0, core_1.vui)((props, ref) => {
|
|
|
39
39
|
const context = (0, utils_1.filterUndefined)({ size, status });
|
|
40
40
|
const titleDisplay = action ? 'block' : 'inline-flex';
|
|
41
41
|
const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start';
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)(context_1.NotificationProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ borderRadius: "md", borderWidth: 1, className: (0, utils_1.cs)('vui-notification', className), elevation: variant.includes('banner') ? consts_1.bannerNotificationElevation : undefined, ref: ref, role: "mark", w: "fit-content" }, styles.container, rest, { children: [iconName ? (0, jsx_runtime_1.jsx)(notificationIcon_1.default, { alignSelf: alignSelf, name: iconName }) : icon, children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(notificationText_1.default, { alignSelf: alignSelf, children: [(0, utils_1.isReactText)(title) ? (0, jsx_runtime_1.jsx)(notificationTitle_1.default, { display: titleDisplay, text: title }) : title, " ", text] })), action, onClose && ((0, jsx_runtime_1.jsx)(notificationButton_1.default, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: variant, w: "32px" }))] })) }));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(context_1.NotificationProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ borderRadius: "md", borderWidth: 1, className: (0, utils_1.cs)('vui-notification', className), elevation: variant.includes('banner') ? consts_1.bannerNotificationElevation : undefined, ref: ref, role: "mark", w: "fit-content" }, styles.container, rest, { children: [iconName ? (0, jsx_runtime_1.jsx)(notificationIcon_1.default, { alignSelf: alignSelf, name: iconName }) : icon, children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(notificationText_1.default, { alignSelf: alignSelf, children: [(0, utils_1.isReactText)(title) ? (0, jsx_runtime_1.jsx)(notificationTitle_1.default, { display: titleDisplay, text: title }) : title, " ", text] })), action, onClose && ((0, jsx_runtime_1.jsx)(notificationButton_1.default, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: (_d = consts_1.closeButtonVariantMapping === null || consts_1.closeButtonVariantMapping === void 0 ? void 0 : consts_1.closeButtonVariantMapping[variant]) !== null && _d !== void 0 ? _d : variant, w: "32px" }))] })) }));
|
|
43
43
|
});
|
|
44
44
|
exports.Notification.Button = notificationButton_1.default;
|
|
45
45
|
exports.Notification.Icon = notificationIcon_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iDAAwB;AACxB,kCAA2D;AAC3D,oCAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProp
|
|
|
9
9
|
colorScheme?: 'blue' | 'green' | 'red' | 'yellow';
|
|
10
10
|
/** Socket displaying an icon on the left. */
|
|
11
11
|
icon?: IconProp | JSX.Element;
|
|
12
|
-
/**
|
|
12
|
+
/** When provided, displays a close button with this function as the callback. */
|
|
13
13
|
onClose?: () => void;
|
|
14
14
|
/** Modifies Notification style and content based on the given status. */
|
|
15
15
|
status?: NotificationStatus;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,
|
|
1
|
+
{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,yBAAyB,CAAA;IACzC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,YAAY,GACZ,eAAe,GACf,eAAe,GACf,eAAe,CAAA;AAEnB,MAAM,MAAM,mBAAmB,GAC3B,YAAY,GACZ,WAAW,GACX,cAAc,GACd,aAAa,GACb,YAAY,GACZ,WAAW,GACX,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAC5C,MAAM,EACN;IACE,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;CACvC,CACF,CAAA"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import { NotificationStatusMapping } from './notification.types';
|
|
2
2
|
export declare const bannerNotificationElevation = 2;
|
|
3
3
|
export declare const notificationStatusMapping: NotificationStatusMapping;
|
|
4
|
+
export declare const closeButtonVariantMapping: {
|
|
5
|
+
subtleRed: string;
|
|
6
|
+
subtleBlue: string;
|
|
7
|
+
subtleGreen: string;
|
|
8
|
+
subtleYellow: string;
|
|
9
|
+
bannerRed: string;
|
|
10
|
+
bannerBlue: string;
|
|
11
|
+
bannerGreen: string;
|
|
12
|
+
bannerYellow: string;
|
|
13
|
+
};
|
|
4
14
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,eAAO,MAAM,2BAA2B,IAAI,CAAA;AAE5C,eAAO,MAAM,yBAAyB,EAAE,yBAiEvC,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,eAAO,MAAM,2BAA2B,IAAI,CAAA;AAE5C,eAAO,MAAM,yBAAyB,EAAE,yBAiEvC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAA"}
|
|
@@ -66,4 +66,14 @@ export const notificationStatusMapping = {
|
|
|
66
66
|
variant: 'bannerYellow',
|
|
67
67
|
},
|
|
68
68
|
};
|
|
69
|
+
export const closeButtonVariantMapping = {
|
|
70
|
+
subtleRed: 'subtleRed',
|
|
71
|
+
subtleBlue: 'subtleBlue',
|
|
72
|
+
subtleGreen: 'subtleGreen',
|
|
73
|
+
subtleYellow: 'subtleYellow',
|
|
74
|
+
bannerRed: 'subtleRed',
|
|
75
|
+
bannerBlue: 'subtleBlue',
|
|
76
|
+
bannerGreen: 'subtleGreen',
|
|
77
|
+
bannerYellow: 'subtleYellow',
|
|
78
|
+
};
|
|
69
79
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAA;AAE5C,MAAM,CAAC,MAAM,yBAAyB,GAA8B;IAClE,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAA;AAE5C,MAAM,CAAC,MAAM,yBAAyB,GAA8B;IAClE,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,KAAK;SAC3B;QACD,OAAO,EAAE,WAAW;KACrB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,IAAI;SAC1B;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;SACjC;QACD,OAAO,EAAE,YAAY;KACtB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,aAAa;KACvB;IACD,aAAa,EAAE;QACb,SAAS,EAAE;YACT,IAAI,EAAE,cAAc,CAAC,OAAO;SAC7B;QACD,OAAO,EAAE,cAAc;KACxB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;CAC7B,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import Box from '../box';
|
|
3
3
|
import { useStyleConfig, vui } from '../core';
|
|
4
4
|
import { cs, filterUndefined, isReactText, isString } from '../utils';
|
|
5
|
-
import { bannerNotificationElevation, notificationStatusMapping } from './consts';
|
|
5
|
+
import { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts';
|
|
6
6
|
import { NotificationProvider } from './context';
|
|
7
7
|
import NotificationButton from './notificationButton';
|
|
8
8
|
import NotificationIcon from './notificationIcon';
|
|
@@ -21,7 +21,7 @@ export const Notification = vui((props, ref) => {
|
|
|
21
21
|
const context = filterUndefined({ size, status });
|
|
22
22
|
const titleDisplay = action ? 'block' : 'inline-flex';
|
|
23
23
|
const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start';
|
|
24
|
-
return (_jsx(NotificationProvider, { value: context, children: _jsxs(Box, { borderRadius: "md", borderWidth: 1, className: cs('vui-notification', className), elevation: variant.includes('banner') ? bannerNotificationElevation : undefined, ref: ref, role: "mark", w: "fit-content", ...styles.container, ...rest, children: [iconName ? _jsx(NotificationIcon, { alignSelf: alignSelf, name: iconName }) : icon, children ?? (_jsxs(NotificationText, { alignSelf: alignSelf, children: [isReactText(title) ? _jsx(NotificationTitle, { display: titleDisplay, text: title }) : title, " ", text] })), action, onClose && (_jsx(NotificationButton, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: variant, w: "32px" }))] }) }));
|
|
24
|
+
return (_jsx(NotificationProvider, { value: context, children: _jsxs(Box, { borderRadius: "md", borderWidth: 1, className: cs('vui-notification', className), elevation: variant.includes('banner') ? bannerNotificationElevation : undefined, ref: ref, role: "mark", w: "fit-content", ...styles.container, ...rest, children: [iconName ? _jsx(NotificationIcon, { alignSelf: alignSelf, name: iconName }) : icon, children ?? (_jsxs(NotificationText, { alignSelf: alignSelf, children: [isReactText(title) ? _jsx(NotificationTitle, { display: titleDisplay, text: title }) : title, " ", text] })), action, onClose && (_jsx(NotificationButton, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: closeButtonVariantMapping?.[variant] ?? variant, w: "32px" }))] }) }));
|
|
25
25
|
});
|
|
26
26
|
Notification.Button = NotificationButton;
|
|
27
27
|
Notification.Icon = NotificationIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProp
|
|
|
9
9
|
colorScheme?: 'blue' | 'green' | 'red' | 'yellow';
|
|
10
10
|
/** Socket displaying an icon on the left. */
|
|
11
11
|
icon?: IconProp | JSX.Element;
|
|
12
|
-
/**
|
|
12
|
+
/** When provided, displays a close button with this function as the callback. */
|
|
13
13
|
onClose?: () => void;
|
|
14
14
|
/** Modifies Notification style and content based on the given status. */
|
|
15
15
|
status?: NotificationStatus;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,
|
|
1
|
+
{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,yBAAyB,CAAA;IACzC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,YAAY,GACZ,eAAe,GACf,eAAe,GACf,eAAe,CAAA;AAEnB,MAAM,MAAM,mBAAmB,GAC3B,YAAY,GACZ,WAAW,GACX,cAAc,GACd,aAAa,GACb,YAAY,GACZ,WAAW,GACX,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAC5C,MAAM,EACN;IACE,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;CACvC,CACF,CAAA"}
|