@servicetitan/notifications 19.1.0 → 20.0.0
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/api/notifications.api.js +3 -7
- package/dist/api/notifications.api.js.map +1 -1
- package/dist/common.js +7 -13
- package/dist/common.js.map +1 -1
- package/dist/components/container.js +11 -15
- package/dist/components/container.js.map +1 -1
- package/dist/components/default-notification.js +9 -31
- package/dist/components/default-notification.js.map +1 -1
- package/dist/components/no-ssr.js +4 -8
- package/dist/components/no-ssr.js.map +1 -1
- package/dist/components/notifications-unwrapped.js +16 -19
- package/dist/components/notifications-unwrapped.js.map +1 -1
- package/dist/components/notifications.js +25 -29
- package/dist/components/notifications.js.map +1 -1
- package/dist/components/shadow-dom.js +11 -18
- package/dist/components/shadow-dom.js.map +1 -1
- package/dist/components/use-style-sheets.js +5 -9
- package/dist/components/use-style-sheets.js.map +1 -1
- package/dist/create-element.js +1 -5
- package/dist/create-element.js.map +1 -1
- package/dist/date-from-string.js +1 -5
- package/dist/date-from-string.js.map +1 -1
- package/dist/demo/action-button-preview.js +7 -11
- package/dist/demo/action-button-preview.js.map +1 -1
- package/dist/demo/action-button.js +4 -8
- package/dist/demo/action-button.js.map +1 -1
- package/dist/demo/basic-preview.js +7 -11
- package/dist/demo/basic-preview.js.map +1 -1
- package/dist/demo/basic.js +4 -8
- package/dist/demo/basic.js.map +1 -1
- package/dist/demo/container.js +11 -15
- package/dist/demo/container.js.map +1 -1
- package/dist/demo/duration-preview.js +7 -11
- package/dist/demo/duration-preview.js.map +1 -1
- package/dist/demo/duration.js +4 -8
- package/dist/demo/duration.js.map +1 -1
- package/dist/demo/index.js +9 -21
- package/dist/demo/index.js.map +1 -1
- package/dist/demo/multiline-message-preview.js +7 -11
- package/dist/demo/multiline-message-preview.js.map +1 -1
- package/dist/demo/multiline-message.js +4 -8
- package/dist/demo/multiline-message.js.map +1 -1
- package/dist/demo/prevent-duplicates-preview.js +7 -11
- package/dist/demo/prevent-duplicates-preview.js.map +1 -1
- package/dist/demo/prevent-duplicates.js +4 -8
- package/dist/demo/prevent-duplicates.js.map +1 -1
- package/dist/demo/progress-preview.js +7 -11
- package/dist/demo/progress-preview.js.map +1 -1
- package/dist/demo/progress.js +4 -8
- package/dist/demo/progress.js.map +1 -1
- package/dist/demo/server-custom-preview.js +5 -7
- package/dist/demo/server-custom-preview.js.map +1 -1
- package/dist/demo/server-custom.js +9 -13
- package/dist/demo/server-custom.js.map +1 -1
- package/dist/demo/server-default.js +10 -14
- package/dist/demo/server-default.js.map +1 -1
- package/dist/demo/status-variations-preview.js +7 -11
- package/dist/demo/status-variations-preview.js.map +1 -1
- package/dist/demo/status-variations.js +4 -8
- package/dist/demo/status-variations.js.map +1 -1
- package/dist/index.js +7 -17
- package/dist/index.js.map +1 -1
- package/dist/notifications-channel.js +2 -5
- package/dist/notifications-channel.js.map +1 -1
- package/dist/notifications-service.js +11 -14
- package/dist/notifications-service.js.map +1 -1
- package/dist/register.js +3 -7
- package/dist/register.js.map +1 -1
- package/dist/stores/notifications.store.js +28 -31
- package/dist/stores/notifications.store.js.map +1 -1
- package/package.json +14 -11
@@ -1,14 +1,10 @@
|
|
1
|
-
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.NotificationProcessStatus = exports.NotificationsApi = void 0;
|
4
|
-
class NotificationsApi {
|
1
|
+
export class NotificationsApi {
|
5
2
|
}
|
6
|
-
|
7
|
-
var NotificationProcessStatus;
|
3
|
+
export var NotificationProcessStatus;
|
8
4
|
(function (NotificationProcessStatus) {
|
9
5
|
NotificationProcessStatus[NotificationProcessStatus["Info"] = 0] = "Info";
|
10
6
|
NotificationProcessStatus[NotificationProcessStatus["InProgress"] = 1] = "InProgress";
|
11
7
|
NotificationProcessStatus[NotificationProcessStatus["Success"] = 2] = "Success";
|
12
8
|
NotificationProcessStatus[NotificationProcessStatus["Failure"] = 3] = "Failure";
|
13
|
-
})(NotificationProcessStatus
|
9
|
+
})(NotificationProcessStatus || (NotificationProcessStatus = {}));
|
14
10
|
//# sourceMappingURL=notifications.api.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notifications.api.js","sourceRoot":"","sources":["../../src/api/notifications.api.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"notifications.api.js","sourceRoot":"","sources":["../../src/api/notifications.api.ts"],"names":[],"mappings":"AAEA,MAAM,OAAgB,gBAAgB;CAcrC;AAcD,MAAM,CAAN,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACjC,yEAAQ,CAAA;IACR,qFAAc,CAAA;IACd,+EAAW,CAAA;IACX,+EAAW,CAAA;AACf,CAAC,EALW,yBAAyB,KAAzB,yBAAyB,QAKpC"}
|
package/dist/common.js
CHANGED
@@ -1,27 +1,21 @@
|
|
1
|
-
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.isLinkAction = exports.Status = exports.DEFAULT_SERVER_NOTIFICATION_TYPE = exports.DEFAULT_CLIENT_NOTIFICATION_TYPE = exports.toClientNotification = exports.isNewer = void 0;
|
4
|
-
function isNewer(prev, next) {
|
1
|
+
export function isNewer(prev, next) {
|
5
2
|
return ((!prev.modifiedOn && next.modifiedOn) ||
|
6
3
|
(prev.modifiedOn && next.modifiedOn && prev.modifiedOn < next.modifiedOn));
|
7
4
|
}
|
8
|
-
|
9
|
-
function toClientNotification(serverNotification) {
|
5
|
+
export function toClientNotification(serverNotification) {
|
10
6
|
var _a;
|
11
7
|
return Object.assign(Object.assign({}, serverNotification), { payload: JSON.parse((_a = serverNotification.payload) !== null && _a !== void 0 ? _a : '{}') });
|
12
8
|
}
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
var Status;
|
9
|
+
export const DEFAULT_CLIENT_NOTIFICATION_TYPE = 'DefaultClientNotification';
|
10
|
+
export const DEFAULT_SERVER_NOTIFICATION_TYPE = 'DefaultServerNotification';
|
11
|
+
export var Status;
|
17
12
|
(function (Status) {
|
18
13
|
Status["Info"] = "info";
|
19
14
|
Status["Success"] = "success";
|
20
15
|
Status["Warning"] = "warning";
|
21
16
|
Status["Error"] = "critical";
|
22
|
-
})(Status
|
23
|
-
function isLinkAction(action) {
|
17
|
+
})(Status || (Status = {}));
|
18
|
+
export function isLinkAction(action) {
|
24
19
|
return Object.prototype.hasOwnProperty.call(action, 'link');
|
25
20
|
}
|
26
|
-
exports.isLinkAction = isLinkAction;
|
27
21
|
//# sourceMappingURL=common.js.map
|
package/dist/common.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,OAAO,CACnB,IAAuC,EACvC,IAAuC;IAEvC,OAAO,CACH,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC;QACrC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,CAC5E,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,kBAAsC;;IACvE,uCAAY,kBAAkB,KAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAA,kBAAkB,CAAC,OAAO,mCAAI,IAAI,CAAC,IAAG;AAC9F,CAAC;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,2BAA2B,CAAC;AAC5E,MAAM,CAAC,MAAM,gCAAgC,GAAG,2BAA2B,CAAC;AAW5E,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IACd,uBAAa,CAAA;IACb,6BAAmB,CAAA;IACnB,6BAAmB,CAAA;IACnB,4BAAkB,CAAA;AACtB,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAaD,MAAM,UAAU,YAAY,CAAC,MAAmC;IAC5D,OAAO,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAChE,CAAC"}
|
@@ -1,19 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
const
|
7
|
-
const design_system_1 = require("@servicetitan/design-system");
|
8
|
-
const create_element_1 = require("../create-element");
|
9
|
-
const Container = ({ children }) => {
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useState, useEffect } from 'react';
|
3
|
+
import { render, createPortal } from 'react-dom';
|
4
|
+
import { Toast } from '@servicetitan/design-system';
|
5
|
+
import { createElement } from '../create-element';
|
6
|
+
export const Container = ({ children }) => {
|
10
7
|
var _a;
|
11
|
-
const container = (_a = document.getElementById('servicetitan-notifications')) !== null && _a !== void 0 ? _a : document.body.appendChild(
|
12
|
-
const [target, setTarget] =
|
13
|
-
|
8
|
+
const container = (_a = document.getElementById('servicetitan-notifications')) !== null && _a !== void 0 ? _a : document.body.appendChild(createElement('div', { id: 'servicetitan-notifications' }));
|
9
|
+
const [target, setTarget] = useState(container.firstElementChild);
|
10
|
+
useEffect(() => {
|
14
11
|
if (!container.classList.contains('initializing') &&
|
15
12
|
!container.classList.contains('initialized')) {
|
16
|
-
|
13
|
+
render(_jsx(Toast.Group, { portal: container }, void 0), container, () => {
|
17
14
|
container.classList.remove('initializing');
|
18
15
|
container.classList.add('initialized');
|
19
16
|
});
|
@@ -35,7 +32,6 @@ const Container = ({ children }) => {
|
|
35
32
|
observer === null || observer === void 0 ? void 0 : observer.disconnect();
|
36
33
|
};
|
37
34
|
}, [container, target]);
|
38
|
-
return target ?
|
35
|
+
return target ? createPortal(children, target) : null;
|
39
36
|
};
|
40
|
-
exports.Container = Container;
|
41
37
|
//# sourceMappingURL=container.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,SAAS,GAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;IAC1C,MAAM,SAAS,GACX,MAAA,QAAQ,CAAC,cAAc,CAAC,4BAA4B,CAAC,mCACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,4BAA4B,EAAE,CAAC,CAAC,CAAC;IAE1F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAElF,SAAS,CAAC,GAAG,EAAE;QACX,IACI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC7C,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC9C;YACE,MAAM,CAAC,KAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,SAAS,WAAI,EAAE,SAAS,EAAE,GAAG,EAAE;gBACvD,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBAC3C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;SAC3C;QAED,IAAI,QAA0B,CAAC;QAE/B,IAAI,CAAC,MAAM,EAAE;YACT,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;gBACjC,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;oBAC7C,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;oBACvC,QAAQ,CAAC,UAAU,EAAE,CAAC;iBACzB;YACL,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE;gBACxB,eAAe,EAAE,CAAC,OAAO,CAAC;aAC7B,CAAC,CAAC;SACN;QAED,OAAO,GAAG,EAAE;YACR,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,EAAE,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1D,CAAC,CAAC"}
|
@@ -1,34 +1,12 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
o[k2] = m[k];
|
8
|
-
}));
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
-
}) : function(o, v) {
|
12
|
-
o["default"] = v;
|
13
|
-
});
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
-
if (mod && mod.__esModule) return mod;
|
16
|
-
var result = {};
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
-
__setModuleDefault(result, mod);
|
19
|
-
return result;
|
20
|
-
};
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
22
|
-
exports.DefaultNotification = void 0;
|
23
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
24
|
-
const react_router_dom_1 = require("react-router-dom");
|
25
|
-
const design_system_1 = require("@servicetitan/design-system");
|
26
|
-
const common_1 = require("../common");
|
27
|
-
const Styles = __importStar(require("./default-notification.module.css"));
|
28
|
-
const DefaultNotificationUnwrapped = ({ status = common_1.Status.Info, title, message, duration, progress, action, onClose, history, }) => {
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { withRouter } from 'react-router-dom';
|
3
|
+
import { Toast, ProgressBar } from '@servicetitan/design-system';
|
4
|
+
import { Status, isLinkAction } from '../common';
|
5
|
+
import * as Styles from './default-notification.module.css';
|
6
|
+
const DefaultNotificationUnwrapped = ({ status = Status.Info, title, message, duration, progress, action, onClose, history, }) => {
|
29
7
|
const handleActionClick = () => {
|
30
8
|
if (action) {
|
31
|
-
if (
|
9
|
+
if (isLinkAction(action)) {
|
32
10
|
if (action.external) {
|
33
11
|
window.open(action.link);
|
34
12
|
}
|
@@ -42,7 +20,7 @@ const DefaultNotificationUnwrapped = ({ status = common_1.Status.Info, title, me
|
|
42
20
|
}
|
43
21
|
onClose();
|
44
22
|
};
|
45
|
-
return ((
|
23
|
+
return (_jsxs(Toast, Object.assign({ portal: false, status: status, title: title, duration: duration, primaryActionName: action === null || action === void 0 ? void 0 : action.label, onPrimaryActionClick: handleActionClick, className: Styles.defaultNotification, onClose: onClose }, { children: [_jsx("div", Object.assign({ className: Styles.message }, { children: message }), void 0), progress != null && (_jsx(ProgressBar, { progress: progress, small: true, blue: true, className: message && 'm-t-1' }, void 0))] }), void 0));
|
46
24
|
};
|
47
|
-
|
25
|
+
export const DefaultNotification = withRouter(DefaultNotificationUnwrapped);
|
48
26
|
//# sourceMappingURL=default-notification.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"default-notification.js","sourceRoot":"","sources":["../../src/components/default-notification.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"default-notification.js","sourceRoot":"","sources":["../../src/components/default-notification.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAA8B,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE7E,OAAO,KAAK,MAAM,MAAM,mCAAmC,CAAC;AAM5D,MAAM,4BAA4B,GAAuD,CAAC,EACtF,MAAM,GAAG,MAAM,CAAC,IAAI,EACpB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,GACV,EAAE,EAAE;IACD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,IAAI,MAAM,EAAE;YACR,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;gBACtB,IAAI,MAAM,CAAC,QAAQ,EAAE;oBACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;iBAC5B;qBAAM;oBACH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;iBAC7B;aACJ;iBAAM;gBACH,MAAM,CAAC,OAAO,EAAE,CAAC;aACpB;SACJ;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,kBACF,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAChC,oBAAoB,EAAE,iBAAiB,EACvC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,OAAO,EAAE,OAAO,iBAEhB,4BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,gBAAG,OAAO,YAAO,EAE9C,QAAQ,IAAI,IAAI,IAAI,CACjB,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,QAAC,IAAI,QAAC,SAAS,EAAE,OAAO,IAAI,OAAO,WAAI,CAChF,aACG,CACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC"}
|
@@ -1,13 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
const NoSSR = ({ children }) => {
|
6
|
-
const [isMounted, setIsMounted] = (0, react_1.useState)(false);
|
7
|
-
(0, react_1.useEffect)(() => {
|
1
|
+
import { useState, useEffect } from 'react';
|
2
|
+
export const NoSSR = ({ children }) => {
|
3
|
+
const [isMounted, setIsMounted] = useState(false);
|
4
|
+
useEffect(() => {
|
8
5
|
setIsMounted(true);
|
9
6
|
}, []);
|
10
7
|
return isMounted ? children : null;
|
11
8
|
};
|
12
|
-
exports.NoSSR = NoSSR;
|
13
9
|
//# sourceMappingURL=no-ssr.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"no-ssr.js","sourceRoot":"","sources":["../../src/components/no-ssr.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"no-ssr.js","sourceRoot":"","sources":["../../src/components/no-ssr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAA6B,EAAE,EAAE;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AACvC,CAAC,CAAC"}
|
@@ -1,30 +1,27 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
const
|
11
|
-
const
|
12
|
-
const
|
13
|
-
|
14
|
-
const [isWebComponent] = (0, react_ioc_1.useOptionalDependencies)(web_components_1.IS_WEB_COMPONENT_TOKEN);
|
15
|
-
const [store] = (0, react_ioc_1.useDependencies)(notifications_store_1.NotificationsStore);
|
16
|
-
(0, react_1.useEffect)(() => {
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useEffect } from 'react';
|
3
|
+
import { useDependencies, useOptionalDependencies } from '@servicetitan/react-ioc';
|
4
|
+
import { IS_WEB_COMPONENT_TOKEN } from '@servicetitan/web-components';
|
5
|
+
import { observer } from 'mobx-react';
|
6
|
+
import { NotificationsStore } from '../stores/notifications.store';
|
7
|
+
import { ShadowDOM } from './shadow-dom';
|
8
|
+
import { Container } from './container';
|
9
|
+
import { NoSSR } from './no-ssr';
|
10
|
+
export const NotificationsUnwrapped = observer(() => {
|
11
|
+
const [isWebComponent] = useOptionalDependencies(IS_WEB_COMPONENT_TOKEN);
|
12
|
+
const [store] = useDependencies(NotificationsStore);
|
13
|
+
useEffect(() => {
|
17
14
|
return () => store.dispose();
|
18
15
|
}, [store]);
|
19
|
-
return ((
|
20
|
-
const Component =
|
16
|
+
return (_jsx(NoSSR, { children: _jsx(Container, { children: store.notifications.map(notification => {
|
17
|
+
const Component = NotificationsStore.types.get(notification.type);
|
21
18
|
if (!Component) {
|
22
19
|
return null;
|
23
20
|
}
|
24
21
|
const handleClose = () => {
|
25
22
|
store.read(notification);
|
26
23
|
};
|
27
|
-
return isWebComponent ? ((
|
24
|
+
return isWebComponent ? (_jsx(ShadowDOM, { children: _jsx(Component, { notification: notification, onClose: handleClose }, void 0) }, `${notification.id}_${notification.status}`)) : (_jsx(Component, { notification: notification, onClose: handleClose }, `${notification.id}_${notification.status}`));
|
28
25
|
}) }, void 0) }, void 0));
|
29
26
|
});
|
30
27
|
//# sourceMappingURL=notifications-unwrapped.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notifications-unwrapped.js","sourceRoot":"","sources":["../../src/components/notifications-unwrapped.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"notifications-unwrapped.js","sourceRoot":"","sources":["../../src/components/notifications-unwrapped.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,sBAAsB,GAAO,QAAQ,CAAC,GAAG,EAAE;IACpD,MAAM,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,KAAK,cACF,KAAC,SAAS,cACL,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;gBACpC,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAElE,IAAI,CAAC,SAAS,EAAE;oBACZ,OAAO,IAAI,CAAC;iBACf;gBAED,MAAM,WAAW,GAAG,GAAG,EAAE;oBACrB,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC7B,CAAC,CAAC;gBAEF,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB,KAAC,SAAS,cACN,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,WAAI,IADnD,GAAG,YAAY,CAAC,EAAE,IAAI,YAAY,CAAC,MAAM,EAAE,CAE/C,CACf,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,IAEN,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,IAFf,GAAG,YAAY,CAAC,EAAE,IAAI,YAAY,CAAC,MAAM,EAAE,CAGlD,CACL,CAAC;YACN,CAAC,CAAC,WACM,WACR,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -1,36 +1,32 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
const
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
notifications_service_1.NotificationsService,
|
17
|
-
] }, { children: [(0, jsx_runtime_1.jsx)(notifications_unwrapped_1.NotificationsUnwrapped, {}, void 0), children] }), void 0));
|
18
|
-
exports.Notifications = Notifications;
|
19
|
-
(0, register_1.register)(common_1.DEFAULT_CLIENT_NOTIFICATION_TYPE, ({ notification, onClose }) => {
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Provider } from '@servicetitan/react-ioc';
|
3
|
+
import { NotificationsApi, NotificationProcessStatus, } from '../api/notifications.api';
|
4
|
+
import { NotificationsStore } from '../stores/notifications.store';
|
5
|
+
import { NotificationsService } from '../notifications-service';
|
6
|
+
import { register } from '../register';
|
7
|
+
import { DEFAULT_CLIENT_NOTIFICATION_TYPE, DEFAULT_SERVER_NOTIFICATION_TYPE, Status, } from '../common';
|
8
|
+
import { DefaultNotification } from './default-notification';
|
9
|
+
import { NotificationsUnwrapped } from './notifications-unwrapped';
|
10
|
+
export const Notifications = ({ apiService, children }) => (_jsxs(Provider, Object.assign({ singletons: [
|
11
|
+
...(apiService ? [{ provide: NotificationsApi, useClass: apiService }] : []),
|
12
|
+
NotificationsStore,
|
13
|
+
NotificationsService,
|
14
|
+
] }, { children: [_jsx(NotificationsUnwrapped, {}, void 0), children] }), void 0));
|
15
|
+
register(DEFAULT_CLIENT_NOTIFICATION_TYPE, ({ notification, onClose }) => {
|
20
16
|
const payload = notification.payload;
|
21
|
-
return (
|
17
|
+
return _jsx(DefaultNotification, Object.assign({}, payload, { onClose: onClose }), void 0);
|
22
18
|
});
|
23
|
-
|
19
|
+
register(DEFAULT_SERVER_NOTIFICATION_TYPE, ({ notification, onClose }) => {
|
24
20
|
const payload = notification.payload;
|
25
21
|
switch (notification.status) {
|
26
|
-
case
|
27
|
-
return (
|
28
|
-
case
|
29
|
-
return (
|
30
|
-
case
|
31
|
-
return (
|
32
|
-
case
|
33
|
-
return (
|
22
|
+
case NotificationProcessStatus.Info:
|
23
|
+
return _jsx(DefaultNotification, Object.assign({}, payload, { onClose: onClose }), void 0);
|
24
|
+
case NotificationProcessStatus.InProgress:
|
25
|
+
return _jsx(DefaultNotification, Object.assign({}, payload, { duration: 0, onClose: onClose }), void 0);
|
26
|
+
case NotificationProcessStatus.Success:
|
27
|
+
return _jsx(DefaultNotification, Object.assign({}, payload, { status: Status.Success, onClose: onClose }), void 0);
|
28
|
+
case NotificationProcessStatus.Failure:
|
29
|
+
return _jsx(DefaultNotification, Object.assign({}, payload, { status: Status.Error, onClose: onClose }), void 0);
|
34
30
|
}
|
35
31
|
});
|
36
32
|
//# sourceMappingURL=notifications.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAc,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EACH,gBAAgB,EAEhB,yBAAyB,GAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EACH,gCAAgC,EAChC,gCAAgC,EAEhC,MAAM,GACT,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAMnE,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,MAAC,QAAQ,kBACL,UAAU,EAAE;QACR,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,kBAAkB;QAClB,oBAAoB;KACvB,iBAED,KAAC,sBAAsB,aAAG,EACzB,QAAQ,aACF,CACd,CAAC;AAEF,QAAQ,CAAC,gCAAgC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,YAAY,CAAC,OAAqC,CAAC;IAEnE,OAAO,KAAC,mBAAmB,oBAAK,OAAO,IAAE,OAAO,EAAE,OAAO,YAAI,CAAC;AAClE,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gCAAgC,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,YAAY,CAAC,OAA2C,CAAC;IAEzE,QAAQ,YAAY,CAAC,MAAM,EAAE;QACzB,KAAK,yBAAyB,CAAC,IAAI;YAC/B,OAAO,KAAC,mBAAmB,oBAAK,OAAO,IAAE,OAAO,EAAE,OAAO,YAAI,CAAC;QAElE,KAAK,yBAAyB,CAAC,UAAU;YACrC,OAAO,KAAC,mBAAmB,oBAAK,OAAO,IAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,YAAI,CAAC;QAE/E,KAAK,yBAAyB,CAAC,OAAO;YAClC,OAAO,KAAC,mBAAmB,oBAAK,OAAO,IAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,YAAI,CAAC;QAE1F,KAAK,yBAAyB,CAAC,OAAO;YAClC,OAAO,KAAC,mBAAmB,oBAAK,OAAO,IAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,YAAI,CAAC;KAC3F;AACL,CAAC,CAAC,CAAC"}
|
@@ -1,14 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
exports.ShadowDOM = void 0;
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
8
|
-
const react_1 = require("react");
|
9
|
-
const react_dom_1 = require("react-dom");
|
10
|
-
const react_shadow_dom_retarget_events_1 = __importDefault(require("react-shadow-dom-retarget-events"));
|
11
|
-
const use_style_sheets_1 = require("./use-style-sheets");
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useState } from 'react';
|
3
|
+
import { createPortal } from 'react-dom';
|
4
|
+
import retargetEvents from 'react-shadow-dom-retarget-events';
|
5
|
+
import { useStyleSheets } from './use-style-sheets';
|
12
6
|
function createLink(url, onLoad) {
|
13
7
|
const element = document.createElement('link');
|
14
8
|
element.href = url;
|
@@ -18,10 +12,10 @@ function createLink(url, onLoad) {
|
|
18
12
|
element.onerror = onLoad;
|
19
13
|
return element;
|
20
14
|
}
|
21
|
-
const ShadowDOM = ({ children }) => {
|
22
|
-
const [target, setTarget] =
|
23
|
-
const [loaded, setLoaded] =
|
24
|
-
const styleSheets =
|
15
|
+
export const ShadowDOM = ({ children }) => {
|
16
|
+
const [target, setTarget] = useState(null);
|
17
|
+
const [loaded, setLoaded] = useState(false);
|
18
|
+
const styleSheets = useStyleSheets();
|
25
19
|
const handleRef = (element) => {
|
26
20
|
if (!element || target) {
|
27
21
|
return;
|
@@ -39,10 +33,9 @@ const ShadowDOM = ({ children }) => {
|
|
39
33
|
root.append(createLink(url, handleLoad));
|
40
34
|
stylesCount++;
|
41
35
|
}
|
42
|
-
(
|
36
|
+
retargetEvents(root);
|
43
37
|
setTarget(root.appendChild(document.createElement('div')));
|
44
38
|
};
|
45
|
-
return (
|
39
|
+
return _jsx("div", Object.assign({ ref: handleRef }, { children: target && loaded ? createPortal(children, target) : null }), void 0);
|
46
40
|
};
|
47
|
-
exports.ShadowDOM = ShadowDOM;
|
48
41
|
//# sourceMappingURL=shadow-dom.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"shadow-dom.js","sourceRoot":"","sources":["../../src/components/shadow-dom.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"shadow-dom.js","sourceRoot":"","sources":["../../src/components/shadow-dom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,SAAS,UAAU,CAAC,GAAW,EAAE,MAAkB;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/C,OAAO,CAAC,IAAI,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,GAAG,GAAG,YAAY,CAAC;IAC3B,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;IAClC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;IAEzB,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,SAAS,GAAG,CAAC,OAA8B,EAAE,EAAE;QACjD,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE;YACpB,OAAO;SACV;QAED,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpD,MAAM,UAAU,GAAG,GAAG,EAAE;YACpB,YAAY,EAAE,CAAC;YAEf,IAAI,YAAY,KAAK,WAAW,EAAE;gBAC9B,SAAS,CAAC,IAAI,CAAC,CAAC;aACnB;QACL,CAAC,CAAC;QAEF,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;YAC3B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;YACzC,WAAW,EAAE,CAAC;SACjB;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,4BAAK,GAAG,EAAE,SAAS,gBAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,YAAO,CAAC;AACjG,CAAC,CAAC"}
|
@@ -1,11 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
const
|
5
|
-
|
6
|
-
const useStyleSheets = () => {
|
7
|
-
const defaultPortal = (0, react_1.useContext)(design_system_1.DefaultPortalContext);
|
8
|
-
return (0, react_1.useMemo)(() => {
|
1
|
+
import { useContext, useMemo } from 'react';
|
2
|
+
import { DefaultPortalContext } from '@servicetitan/design-system';
|
3
|
+
export const useStyleSheets = () => {
|
4
|
+
const defaultPortal = useContext(DefaultPortalContext);
|
5
|
+
return useMemo(() => {
|
9
6
|
const styleSheets = [];
|
10
7
|
for (const element of Array.from(defaultPortal.children)) {
|
11
8
|
if (element.tagName.toLowerCase() === 'link') {
|
@@ -15,5 +12,4 @@ const useStyleSheets = () => {
|
|
15
12
|
return styleSheets;
|
16
13
|
}, [defaultPortal]);
|
17
14
|
};
|
18
|
-
exports.useStyleSheets = useStyleSheets;
|
19
15
|
//# sourceMappingURL=use-style-sheets.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-style-sheets.js","sourceRoot":"","sources":["../../src/components/use-style-sheets.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"use-style-sheets.js","sourceRoot":"","sources":["../../src/components/use-style-sheets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,MAAM,WAAW,GAAa,EAAE,CAAC;QAEjC,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;YACtD,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE;gBAC1C,WAAW,CAAC,IAAI,CAAE,OAA2B,CAAC,IAAI,CAAC,CAAC;aACvD;SACJ;QAED,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC"}
|
package/dist/create-element.js
CHANGED
@@ -1,12 +1,8 @@
|
|
1
|
-
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.createElement = void 0;
|
4
|
-
const createElement = (tagName, attributes) => {
|
1
|
+
export const createElement = (tagName, attributes) => {
|
5
2
|
const element = document.createElement(tagName);
|
6
3
|
for (const [qualifiedName, value] of Object.entries(attributes)) {
|
7
4
|
element.setAttribute(qualifiedName, value);
|
8
5
|
}
|
9
6
|
return element;
|
10
7
|
};
|
11
|
-
exports.createElement = createElement;
|
12
8
|
//# sourceMappingURL=create-element.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"create-element.js","sourceRoot":"","sources":["../src/create-element.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"create-element.js","sourceRoot":"","sources":["../src/create-element.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,OAAU,EACV,UAAkC,EACpC,EAAE;IACA,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhD,KAAK,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;QAC7D,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;KAC9C;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
|
package/dist/date-from-string.js
CHANGED
@@ -1,10 +1,7 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.dateFromString = void 0;
|
4
1
|
const dateISO = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:[.,]\d+)?Z?$/i;
|
5
2
|
const dateISOMilliseconds = /[.,](\d+)/i;
|
6
3
|
const dateNet = /\/Date\((-?\d+)(?:-\d+)?\)\//i;
|
7
|
-
function dateFromString(date) {
|
4
|
+
export function dateFromString(date) {
|
8
5
|
if (typeof date === 'object') {
|
9
6
|
return date;
|
10
7
|
}
|
@@ -27,5 +24,4 @@ function dateFromString(date) {
|
|
27
24
|
}
|
28
25
|
throw 'Incorrect date format';
|
29
26
|
}
|
30
|
-
exports.dateFromString = dateFromString;
|
31
27
|
//# sourceMappingURL=date-from-string.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"date-from-string.js","sourceRoot":"","sources":["../src/date-from-string.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"date-from-string.js","sourceRoot":"","sources":["../src/date-from-string.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,sDAAsD,CAAC;AACvE,MAAM,mBAAmB,GAAG,YAAY,CAAC;AACzC,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAEhD,MAAM,UAAU,cAAc,CAAC,IAAmB;IAC9C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC1B,OAAO,IAAI,CAAC;KACf;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACpB,MAAM,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,EAAE,KAAK,IAAI,EAAE;YACb,IAAI,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACnD,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACnD,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;SACvC;QACD,OAAO,MAAM,CAAC;KACjB;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACpB,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,UAAU,KAAK,IAAI,EAAE;YACrB,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;SAChD;KACJ;IAED,MAAM,uBAAuB,CAAC;AAClC,CAAC"}
|
@@ -1,12 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
const
|
6
|
-
const
|
7
|
-
const __1 = require("..");
|
8
|
-
const ActionButtonPreview = () => {
|
9
|
-
const [notifications] = (0, react_ioc_1.useDependencies)(__1.NotificationsService);
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useDependencies } from '@servicetitan/react-ioc';
|
3
|
+
import { ButtonGroup, Button } from '@servicetitan/design-system';
|
4
|
+
import { NotificationsService } from '..';
|
5
|
+
export const ActionButtonPreview = () => {
|
6
|
+
const [notifications] = useDependencies(NotificationsService);
|
10
7
|
const handleWithLinkClick = () => notifications.show({
|
11
8
|
title: 'The action button will move you to the "Table (Master/Detail)" page.',
|
12
9
|
action: {
|
@@ -29,7 +26,6 @@ const ActionButtonPreview = () => {
|
|
29
26
|
onClick: () => alert("You've clicked the action button"),
|
30
27
|
},
|
31
28
|
});
|
32
|
-
return ((
|
29
|
+
return (_jsxs(ButtonGroup, { children: [_jsx(Button, Object.assign({ onClick: handleWithLinkClick }, { children: "With Link" }), void 0), _jsx(Button, Object.assign({ onClick: handleWithExternalLinkClick }, { children: "With Link (new tab)" }), void 0), _jsx(Button, Object.assign({ onClick: handleWithHandlerClick }, { children: "With Handler" }), void 0)] }, void 0));
|
33
30
|
};
|
34
|
-
exports.ActionButtonPreview = ActionButtonPreview;
|
35
31
|
//# sourceMappingURL=action-button-preview.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"action-button-preview.js","sourceRoot":"","sources":["../../src/demo/action-button-preview.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"action-button-preview.js","sourceRoot":"","sources":["../../src/demo/action-button-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE1C,MAAM,CAAC,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACxC,MAAM,CAAC,aAAa,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAE9D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAC7B,aAAa,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,sEAAsE;QAC7E,MAAM,EAAE;YACJ,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,sBAAsB;SAC/B;KACJ,CAAC,CAAC;IAEP,MAAM,2BAA2B,GAAG,GAAG,EAAE,CACrC,aAAa,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,sEAAsE;QAC7E,MAAM,EAAE;YACJ,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,sBAAsB;YAC5B,QAAQ,EAAE,IAAI;SACjB;KACJ,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAChC,aAAa,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,mDAAmD;QAC1D,MAAM,EAAE;YACJ,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kCAAkC,CAAC;SAC3D;KACJ,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,WAAW,eACR,KAAC,MAAM,kBAAC,OAAO,EAAE,mBAAmB,uCAAoB,EACxD,KAAC,MAAM,kBAAC,OAAO,EAAE,2BAA2B,iDAA8B,EAC1E,KAAC,MAAM,kBAAC,OAAO,EAAE,sBAAsB,0CAAuB,YACpD,CACjB,CAAC;AACN,CAAC,CAAC"}
|
@@ -1,9 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
const
|
5
|
-
const container_1 = require("./container");
|
6
|
-
const action_button_preview_1 = require("./action-button-preview");
|
7
|
-
const ActionButtonExample = () => (0, jsx_runtime_1.jsx)(container_1.Container, { children: () => (0, jsx_runtime_1.jsx)(action_button_preview_1.ActionButtonPreview, {}, void 0) }, void 0);
|
8
|
-
exports.ActionButtonExample = ActionButtonExample;
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Container } from './container';
|
3
|
+
import { ActionButtonPreview } from './action-button-preview';
|
4
|
+
export const ActionButtonExample = () => _jsx(Container, { children: () => _jsx(ActionButtonPreview, {}, void 0) }, void 0);
|
9
5
|
//# sourceMappingURL=action-button.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../src/demo/action-button.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../src/demo/action-button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,CAAC,MAAM,mBAAmB,GAAO,GAAG,EAAE,CAAC,KAAC,SAAS,cAAE,GAAG,EAAE,CAAC,KAAC,mBAAmB,aAAG,WAAa,CAAC"}
|
@@ -1,17 +1,13 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
const
|
6
|
-
const
|
7
|
-
const __1 = require("..");
|
8
|
-
const BasicPreview = () => {
|
9
|
-
const [notifications] = (0, react_ioc_1.useDependencies)(__1.NotificationsService);
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useDependencies } from '@servicetitan/react-ioc';
|
3
|
+
import { Button } from '@servicetitan/design-system';
|
4
|
+
import { NotificationsService } from '..';
|
5
|
+
export const BasicPreview = () => {
|
6
|
+
const [notifications] = useDependencies(NotificationsService);
|
10
7
|
const handleClick = () => notifications.show({
|
11
8
|
title: 'Congratulations!',
|
12
9
|
message: "You've successfully clicked the button.",
|
13
10
|
});
|
14
|
-
return (
|
11
|
+
return _jsx(Button, Object.assign({ onClick: handleClick }, { children: "Show" }), void 0);
|
15
12
|
};
|
16
|
-
exports.BasicPreview = BasicPreview;
|
17
13
|
//# sourceMappingURL=basic-preview.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"basic-preview.js","sourceRoot":"","sources":["../../src/demo/basic-preview.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"basic-preview.js","sourceRoot":"","sources":["../../src/demo/basic-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,CAAC,aAAa,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,GAAG,EAAE,CACrB,aAAa,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,yCAAyC;KACrD,CAAC,CAAC;IAEP,OAAO,KAAC,MAAM,kBAAC,OAAO,EAAE,WAAW,kCAAe,CAAC;AACvD,CAAC,CAAC"}
|
package/dist/demo/basic.js
CHANGED
@@ -1,9 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
const
|
5
|
-
const container_1 = require("./container");
|
6
|
-
const basic_preview_1 = require("./basic-preview");
|
7
|
-
const BasicExample = () => (0, jsx_runtime_1.jsx)(container_1.Container, { children: () => (0, jsx_runtime_1.jsx)(basic_preview_1.BasicPreview, {}, void 0) }, void 0);
|
8
|
-
exports.BasicExample = BasicExample;
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Container } from './container';
|
3
|
+
import { BasicPreview } from './basic-preview';
|
4
|
+
export const BasicExample = () => _jsx(Container, { children: () => _jsx(BasicPreview, {}, void 0) }, void 0);
|
9
5
|
//# sourceMappingURL=basic.js.map
|