@workday/canvas-kit-labs-react 9.0.0-alpha.359-next.4 → 9.0.0-alpha.362-next.2
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/commonjs/index.d.ts +0 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -1
- package/dist/es6/index.d.ts +0 -1
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -1
- package/index.ts +0 -1
- package/package.json +3 -3
- package/dist/commonjs/toast/index.d.ts +0 -3
- package/dist/commonjs/toast/index.d.ts.map +0 -1
- package/dist/commonjs/toast/index.js +0 -14
- package/dist/commonjs/toast/lib/Toast.d.ts +0 -65
- package/dist/commonjs/toast/lib/Toast.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/Toast.js +0 -116
- package/dist/commonjs/toast/lib/ToastBody.d.ts +0 -6
- package/dist/commonjs/toast/lib/ToastBody.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/ToastBody.js +0 -40
- package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts +0 -6
- package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/ToastCloseIcon.js +0 -43
- package/dist/commonjs/toast/lib/ToastIcon.d.ts +0 -5
- package/dist/commonjs/toast/lib/ToastIcon.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/ToastIcon.js +0 -26
- package/dist/commonjs/toast/lib/ToastLink.d.ts +0 -9
- package/dist/commonjs/toast/lib/ToastLink.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/ToastLink.js +0 -42
- package/dist/commonjs/toast/lib/ToastMessage.d.ts +0 -11
- package/dist/commonjs/toast/lib/ToastMessage.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/ToastMessage.js +0 -41
- package/dist/commonjs/toast/lib/hooks/useToastModel.d.ts +0 -65
- package/dist/commonjs/toast/lib/hooks/useToastModel.d.ts.map +0 -1
- package/dist/commonjs/toast/lib/hooks/useToastModel.js +0 -35
- package/dist/es6/toast/index.d.ts +0 -3
- package/dist/es6/toast/index.d.ts.map +0 -1
- package/dist/es6/toast/index.js +0 -2
- package/dist/es6/toast/lib/Toast.d.ts +0 -65
- package/dist/es6/toast/lib/Toast.d.ts.map +0 -1
- package/dist/es6/toast/lib/Toast.js +0 -110
- package/dist/es6/toast/lib/ToastBody.d.ts +0 -6
- package/dist/es6/toast/lib/ToastBody.d.ts.map +0 -1
- package/dist/es6/toast/lib/ToastBody.js +0 -34
- package/dist/es6/toast/lib/ToastCloseIcon.d.ts +0 -6
- package/dist/es6/toast/lib/ToastCloseIcon.d.ts.map +0 -1
- package/dist/es6/toast/lib/ToastCloseIcon.js +0 -37
- package/dist/es6/toast/lib/ToastIcon.d.ts +0 -5
- package/dist/es6/toast/lib/ToastIcon.d.ts.map +0 -1
- package/dist/es6/toast/lib/ToastIcon.js +0 -20
- package/dist/es6/toast/lib/ToastLink.d.ts +0 -9
- package/dist/es6/toast/lib/ToastLink.d.ts.map +0 -1
- package/dist/es6/toast/lib/ToastLink.js +0 -36
- package/dist/es6/toast/lib/ToastMessage.d.ts +0 -11
- package/dist/es6/toast/lib/ToastMessage.d.ts.map +0 -1
- package/dist/es6/toast/lib/ToastMessage.js +0 -35
- package/dist/es6/toast/lib/hooks/useToastModel.d.ts +0 -65
- package/dist/es6/toast/lib/hooks/useToastModel.d.ts.map +0 -1
- package/dist/es6/toast/lib/hooks/useToastModel.js +0 -32
- package/toast/LICENSE +0 -52
- package/toast/README.md +0 -5
- package/toast/index.ts +0 -2
- package/toast/lib/Toast.tsx +0 -101
- package/toast/lib/ToastBody.tsx +0 -34
- package/toast/lib/ToastCloseIcon.tsx +0 -18
- package/toast/lib/ToastIcon.tsx +0 -24
- package/toast/lib/ToastLink.tsx +0 -27
- package/toast/lib/ToastMessage.tsx +0 -21
- package/toast/lib/hooks/useToastModel.tsx +0 -27
- package/toast/package.json +0 -6
package/dist/commonjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
package/dist/commonjs/index.js
CHANGED
package/dist/es6/index.d.ts
CHANGED
package/dist/es6/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
package/dist/es6/index.js
CHANGED
package/index.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-labs-react",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.362-next.2+ea2fe722",
|
|
4
4
|
"description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"@emotion/styled": "^11.6.0",
|
|
49
|
-
"@workday/canvas-kit-react": "^9.0.0-alpha.
|
|
49
|
+
"@workday/canvas-kit-react": "^9.0.0-alpha.362-next.2+ea2fe722",
|
|
50
50
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
51
51
|
"@workday/design-assets-types": "^0.2.8",
|
|
52
52
|
"chroma-js": "^2.1.0",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@types/lodash.flatten": "^4.4.6"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "ea2fe722d1176835120f765c4b9b88dcd5234fe5"
|
|
60
60
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./lib/Toast"), exports);
|
|
14
|
-
__exportStar(require("./lib/hooks/useToastModel"), exports);
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Popup } from '@workday/canvas-kit-react/popup';
|
|
3
|
-
export interface ToastProps extends Omit<ExtractProps<typeof Popup.Card, never>, 'model'> {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
|
|
7
|
-
* ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
|
|
8
|
-
* a specific `id`.
|
|
9
|
-
*
|
|
10
|
-
* `Toast` renders a {@link PopupCard Popup.Card} under the hood.
|
|
11
|
-
*/
|
|
12
|
-
export declare const Toast: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastProps & Partial<{
|
|
13
|
-
mode: import("./hooks/useToastModel").AriaRoleMode;
|
|
14
|
-
id: string;
|
|
15
|
-
}> & {} & {}, {
|
|
16
|
-
state: {
|
|
17
|
-
id: string;
|
|
18
|
-
mode: import("./hooks/useToastModel").AriaRoleMode;
|
|
19
|
-
};
|
|
20
|
-
events: {};
|
|
21
|
-
}> & {
|
|
22
|
-
/**
|
|
23
|
-
* `Toast.Body` defines a container for the contents of the `Toast`, including
|
|
24
|
-
* {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
|
|
25
|
-
*
|
|
26
|
-
* `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
|
|
27
|
-
*/
|
|
28
|
-
Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastBody").ToastBodyProps>;
|
|
29
|
-
/**
|
|
30
|
-
* `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
|
|
31
|
-
* set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
|
|
32
|
-
* `mode` to `'alert'`.
|
|
33
|
-
*
|
|
34
|
-
* `Toast.Icon` renders a {@link SystemIcon} under the hood.
|
|
35
|
-
*/
|
|
36
|
-
Icon: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastIcon").ToastIconProps>;
|
|
37
|
-
/**
|
|
38
|
-
* `Toast.Message` defines a container for the message of the `Toast`. It accepts any
|
|
39
|
-
* {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
|
|
40
|
-
* may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
|
|
41
|
-
*
|
|
42
|
-
* `Toast.Message` renders a {@link Box} under the hood.
|
|
43
|
-
*/
|
|
44
|
-
Message: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ToastMessage").ToastMessageProps, {
|
|
45
|
-
state: {
|
|
46
|
-
id: string;
|
|
47
|
-
mode: import("./hooks/useToastModel").AriaRoleMode;
|
|
48
|
-
};
|
|
49
|
-
events: {};
|
|
50
|
-
}>;
|
|
51
|
-
/**
|
|
52
|
-
* Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
|
|
53
|
-
* conjunction with `dialog` `mode` to provide an accessible experience.
|
|
54
|
-
*
|
|
55
|
-
* `Toast.Link` renders a {@link Hyperlink} under the hood.
|
|
56
|
-
*/
|
|
57
|
-
Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./ToastLink").ToastLinkProps>;
|
|
58
|
-
/**
|
|
59
|
-
* Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
|
|
60
|
-
*
|
|
61
|
-
* `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
|
|
62
|
-
*/
|
|
63
|
-
CloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ToastCloseIcon").ToastCloseIconProps>;
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAStD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;OAKG;;IAEH;;;;;;OAMG;;IAEH;;;;;;OAMG;;;;;;;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;CAwCL,CAAC"}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.Toast = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
|
-
var popup_1 = require("@workday/canvas-kit-react/popup");
|
|
33
|
-
var ToastCloseIcon_1 = require("./ToastCloseIcon");
|
|
34
|
-
var ToastIcon_1 = require("./ToastIcon");
|
|
35
|
-
var ToastMessage_1 = require("./ToastMessage");
|
|
36
|
-
var ToastLink_1 = require("./ToastLink");
|
|
37
|
-
var ToastBody_1 = require("./ToastBody");
|
|
38
|
-
var useToastModel_1 = require("./hooks/useToastModel");
|
|
39
|
-
/**
|
|
40
|
-
* `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
|
|
41
|
-
* ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
|
|
42
|
-
* a specific `id`.
|
|
43
|
-
*
|
|
44
|
-
* `Toast` renders a {@link PopupCard Popup.Card} under the hood.
|
|
45
|
-
*/
|
|
46
|
-
exports.Toast = common_1.createContainer('div')({
|
|
47
|
-
displayName: 'Toast',
|
|
48
|
-
modelHook: useToastModel_1.useToastModel,
|
|
49
|
-
subComponents: {
|
|
50
|
-
/**
|
|
51
|
-
* `Toast.Body` defines a container for the contents of the `Toast`, including
|
|
52
|
-
* {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
|
|
53
|
-
*
|
|
54
|
-
* `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
|
|
55
|
-
*/
|
|
56
|
-
Body: ToastBody_1.ToastBody,
|
|
57
|
-
/**
|
|
58
|
-
* `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
|
|
59
|
-
* set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
|
|
60
|
-
* `mode` to `'alert'`.
|
|
61
|
-
*
|
|
62
|
-
* `Toast.Icon` renders a {@link SystemIcon} under the hood.
|
|
63
|
-
*/
|
|
64
|
-
Icon: ToastIcon_1.ToastIcon,
|
|
65
|
-
/**
|
|
66
|
-
* `Toast.Message` defines a container for the message of the `Toast`. It accepts any
|
|
67
|
-
* {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
|
|
68
|
-
* may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
|
|
69
|
-
*
|
|
70
|
-
* `Toast.Message` renders a {@link Box} under the hood.
|
|
71
|
-
*/
|
|
72
|
-
Message: ToastMessage_1.ToastMessage,
|
|
73
|
-
/**
|
|
74
|
-
* Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
|
|
75
|
-
* conjunction with `dialog` `mode` to provide an accessible experience.
|
|
76
|
-
*
|
|
77
|
-
* `Toast.Link` renders a {@link Hyperlink} under the hood.
|
|
78
|
-
*/
|
|
79
|
-
Link: ToastLink_1.ToastLink,
|
|
80
|
-
/**
|
|
81
|
-
* Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
|
|
82
|
-
*
|
|
83
|
-
* `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
|
|
84
|
-
*/
|
|
85
|
-
CloseIcon: ToastCloseIcon_1.ToastCloseIcon,
|
|
86
|
-
},
|
|
87
|
-
})(function (_a, Element, model) {
|
|
88
|
-
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
89
|
-
var getAriaAttributes = function (mode) {
|
|
90
|
-
switch (mode) {
|
|
91
|
-
case 'dialog':
|
|
92
|
-
return {
|
|
93
|
-
'aria-describedby': model.state.id,
|
|
94
|
-
'aria-label': 'notification',
|
|
95
|
-
role: 'dialog',
|
|
96
|
-
};
|
|
97
|
-
case 'alert':
|
|
98
|
-
return {
|
|
99
|
-
role: 'alert',
|
|
100
|
-
'aria-live': 'assertive',
|
|
101
|
-
'aria-atomic': true,
|
|
102
|
-
};
|
|
103
|
-
case 'status':
|
|
104
|
-
return {
|
|
105
|
-
role: 'status',
|
|
106
|
-
'aria-live': 'polite',
|
|
107
|
-
'aria-atomic': true,
|
|
108
|
-
};
|
|
109
|
-
default: {
|
|
110
|
-
return {};
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
return (react_1.default.createElement(popup_1.Popup.Card, __assign({ as: Element, width: 360, padding: "0" }, getAriaAttributes(model.state.mode), elemProps),
|
|
115
|
-
react_1.default.createElement(layout_1.Flex, null, children)));
|
|
116
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Popup } from '@workday/canvas-kit-react/popup';
|
|
3
|
-
export interface ToastBodyProps extends ExtractProps<typeof Popup.Body> {
|
|
4
|
-
}
|
|
5
|
-
export declare const ToastBody: import("@workday/canvas-kit-react/common").ElementComponent<"div", ToastBodyProps>;
|
|
6
|
-
//# sourceMappingURL=ToastBody.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC;CAAG;AAW1E,eAAO,MAAM,SAAS,oFAgBpB,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ToastBody = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var popup_1 = require("@workday/canvas-kit-react/popup");
|
|
32
|
-
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
33
|
-
var StyledToastBody = common_1.styled(popup_1.Popup.Body)(__assign({ display: 'flex', alignItems: 'flex-start', flexDirection: 'column', justifyContent: 'center' }, tokens_1.type.levels.subtext.large));
|
|
34
|
-
exports.ToastBody = common_1.createComponent('div')({
|
|
35
|
-
displayName: 'Toast.Body',
|
|
36
|
-
Component: function (_a, ref, Element) {
|
|
37
|
-
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
38
|
-
return (react_1.default.createElement(StyledToastBody, __assign({ paddingInlineStart: "xxxs", paddingY: "s", paddingInlineEnd: "s", ref: ref, as: Element }, elemProps), children));
|
|
39
|
-
},
|
|
40
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Popup } from '@workday/canvas-kit-react/popup';
|
|
3
|
-
export interface ToastCloseIconProps extends ExtractProps<typeof Popup.CloseIcon, never> {
|
|
4
|
-
}
|
|
5
|
-
export declare const ToastCloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", ToastCloseIconProps>;
|
|
6
|
-
//# sourceMappingURL=ToastCloseIcon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAa,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;CAAG;AAO3F,eAAO,MAAM,cAAc,4FAKzB,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ToastCloseIcon = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var popup_1 = require("@workday/canvas-kit-react/popup");
|
|
32
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
33
|
-
// TODO Remove this once we extend style properties for buttons https://github.com/Workday/canvas-kit/issues/1746
|
|
34
|
-
var StyledCloseIcon = styled_1.default(popup_1.Popup.CloseIcon)({
|
|
35
|
-
position: 'relative',
|
|
36
|
-
});
|
|
37
|
-
exports.ToastCloseIcon = common_1.createComponent('button')({
|
|
38
|
-
displayName: 'Toast.CloseIcon',
|
|
39
|
-
Component: function (_a, ref, Element) {
|
|
40
|
-
var elemProps = __rest(_a, []);
|
|
41
|
-
return react_1.default.createElement(StyledCloseIcon, __assign({ as: Element, ref: ref, size: "small" }, elemProps));
|
|
42
|
-
},
|
|
43
|
-
});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { SystemIconProps } from '@workday/canvas-kit-react/icon';
|
|
2
|
-
export interface ToastIconProps extends Omit<SystemIconProps, 'colorHover'> {
|
|
3
|
-
}
|
|
4
|
-
export declare const ToastIcon: import("@workday/canvas-kit-react/common").ElementComponent<"div", ToastIconProps>;
|
|
5
|
-
//# sourceMappingURL=ToastIcon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;CAAG;AAE9E,eAAO,MAAM,SAAS,oFAgBpB,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.ToastIcon = void 0;
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
20
|
-
var icon_1 = require("@workday/canvas-kit-react/icon");
|
|
21
|
-
exports.ToastIcon = common_1.createComponent('div')({
|
|
22
|
-
displayName: 'Toast.Icon',
|
|
23
|
-
Component: function (elemProps, ref, Element) {
|
|
24
|
-
return (react_1.default.createElement(icon_1.SystemIcon, __assign({ colorHover: elemProps.color, marginY: "s", marginInlineEnd: "xs", marginInlineStart: "xs", alignSelf: "start", ref: ref, as: Element }, elemProps)));
|
|
25
|
-
},
|
|
26
|
-
});
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { HyperlinkProps } from '@workday/canvas-kit-react/button';
|
|
2
|
-
export interface ToastLinkProps extends HyperlinkProps {
|
|
3
|
-
/**
|
|
4
|
-
* attribute for the hyperlink URL
|
|
5
|
-
*/
|
|
6
|
-
href: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const ToastLink: import("@workday/canvas-kit-react/common").ElementComponent<"a", ToastLinkProps>;
|
|
9
|
-
//# sourceMappingURL=ToastLink.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastLink.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastLink.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAG3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,eAAO,MAAM,SAAS,kFASpB,CAAC"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ToastLink = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var button_1 = require("@workday/canvas-kit-react/button");
|
|
32
|
-
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
33
|
-
var StyledHyperLink = common_1.styled(button_1.Hyperlink)({
|
|
34
|
-
marginTop: tokens_1.space.xxxs,
|
|
35
|
-
});
|
|
36
|
-
exports.ToastLink = common_1.createComponent('a')({
|
|
37
|
-
displayName: 'Toast.Link',
|
|
38
|
-
Component: function (_a, ref, Element) {
|
|
39
|
-
var children = _a.children, href = _a.href, elemProps = __rest(_a, ["children", "href"]);
|
|
40
|
-
return (react_1.default.createElement(StyledHyperLink, __assign({ ref: ref, href: href, as: Element }, elemProps), children));
|
|
41
|
-
},
|
|
42
|
-
});
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FlexProps } from '@workday/canvas-kit-react/layout';
|
|
2
|
-
export interface ToastMessageProps extends FlexProps {
|
|
3
|
-
}
|
|
4
|
-
export declare const ToastMessage: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastMessageProps, {
|
|
5
|
-
state: {
|
|
6
|
-
id: string;
|
|
7
|
-
mode: import("./hooks/useToastModel").AriaRoleMode;
|
|
8
|
-
};
|
|
9
|
-
events: {};
|
|
10
|
-
}>;
|
|
11
|
-
//# sourceMappingURL=ToastMessage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAGjE,MAAM,WAAW,iBAAkB,SAAQ,SAAS;CAAG;AAMvD,eAAO,MAAM,YAAY;;;;;;EAQvB,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ToastMessage = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
|
-
var useToastModel_1 = require("./hooks/useToastModel");
|
|
33
|
-
var StyledMessage = common_1.styled(layout_1.Flex)({
|
|
34
|
-
wordBreak: 'break-word',
|
|
35
|
-
});
|
|
36
|
-
exports.ToastMessage = common_1.createSubcomponent('div')({
|
|
37
|
-
modelHook: useToastModel_1.useToastModel,
|
|
38
|
-
})(function (_a, Element, model) {
|
|
39
|
-
var children = _a.children, elemProps = __rest(_a, ["children"]);
|
|
40
|
-
return (react_1.default.createElement(StyledMessage, __assign({ flexDirection: "column", id: model.state.id, as: Element }, elemProps), children));
|
|
41
|
-
});
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
export declare type AriaRoleMode = 'dialog' | 'status' | 'alert';
|
|
2
|
-
export declare const useToastModel: (<TT_Special_Generic>(config?: (Partial<{
|
|
3
|
-
/**
|
|
4
|
-
* Sets the correct aria attributes for the Toast.
|
|
5
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
6
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
7
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
8
|
-
* @default 'status'
|
|
9
|
-
*/
|
|
10
|
-
mode: AriaRoleMode;
|
|
11
|
-
/**
|
|
12
|
-
* When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
|
|
13
|
-
*/
|
|
14
|
-
id: string;
|
|
15
|
-
}> & {} & {}) | undefined) => {
|
|
16
|
-
state: {
|
|
17
|
-
id: string;
|
|
18
|
-
/**
|
|
19
|
-
* Sets the correct aria attributes for the Toast.
|
|
20
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
21
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
22
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
23
|
-
* @default 'status'
|
|
24
|
-
*/
|
|
25
|
-
mode: AriaRoleMode;
|
|
26
|
-
};
|
|
27
|
-
events: {};
|
|
28
|
-
}) & import("@workday/canvas-kit-react/common").ModelExtras<{
|
|
29
|
-
/**
|
|
30
|
-
* Sets the correct aria attributes for the Toast.
|
|
31
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
32
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
33
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
34
|
-
* @default 'status'
|
|
35
|
-
*/
|
|
36
|
-
mode: AriaRoleMode;
|
|
37
|
-
/**
|
|
38
|
-
* When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
|
|
39
|
-
*/
|
|
40
|
-
id: string;
|
|
41
|
-
}, {}, {
|
|
42
|
-
id: string;
|
|
43
|
-
/**
|
|
44
|
-
* Sets the correct aria attributes for the Toast.
|
|
45
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
46
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
47
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
48
|
-
* @default 'status'
|
|
49
|
-
*/
|
|
50
|
-
mode: AriaRoleMode;
|
|
51
|
-
}, {}, {
|
|
52
|
-
state: {
|
|
53
|
-
id: string;
|
|
54
|
-
/**
|
|
55
|
-
* Sets the correct aria attributes for the Toast.
|
|
56
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
57
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
58
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
59
|
-
* @default 'status'
|
|
60
|
-
*/
|
|
61
|
-
mode: AriaRoleMode;
|
|
62
|
-
};
|
|
63
|
-
events: {};
|
|
64
|
-
}>;
|
|
65
|
-
//# sourceMappingURL=useToastModel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToastModel.d.ts","sourceRoot":"","sources":["../../../../../toast/lib/hooks/useToastModel.tsx"],"names":[],"mappings":"AACA,oBAAY,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,eAAO,MAAM,aAAa;IAEtB;;;;;;OAMG;;IAEH;;OAEG;;;;;QAVH;;;;;;WAMG;;;;;IANH;;;;;;OAMG;;IAEH;;OAEG;;;;IAVH;;;;;;OAMG;;;;;QANH;;;;;;WAMG;;;;EAeL,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.useToastModel = void 0;
|
|
15
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
16
|
-
exports.useToastModel = common_1.createModelHook({
|
|
17
|
-
defaultConfig: {
|
|
18
|
-
/**
|
|
19
|
-
* Sets the correct aria attributes for the Toast.
|
|
20
|
-
* Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
|
|
21
|
-
* Status toasts are used to convey a message or a successful action. The `role` is set to `status`
|
|
22
|
-
* Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`
|
|
23
|
-
* @default 'status'
|
|
24
|
-
*/
|
|
25
|
-
mode: 'status',
|
|
26
|
-
/**
|
|
27
|
-
* When the Toast has a `mode="dialog"` this adds a unique id to type the `Toast.Message` to the dialog.
|
|
28
|
-
*/
|
|
29
|
-
id: '',
|
|
30
|
-
},
|
|
31
|
-
})(function (config) {
|
|
32
|
-
var id = common_1.useUniqueId(config.id);
|
|
33
|
-
var state = __assign(__assign({}, config), { id: id });
|
|
34
|
-
return { state: state, events: {} };
|
|
35
|
-
});
|