@azure/communication-react 1.5.1-alpha-202305151941 → 1.5.1-alpha-202305160013
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/communication-react.d.ts +1 -1
- package/dist/dist-cjs/communication-react/index.js +46 -147
- package/dist/dist-cjs/communication-react/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/captionsSelector.d.ts +0 -1
- package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js +17 -2
- package/dist/dist-esm/calling-component-bindings/src/captionsSelector.js.map +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallClientState.d.ts +1 -1
- package/dist/dist-esm/calling-stateful-client/src/CallClientState.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/CaptionsBanner.js +1 -1
- package/dist/dist-esm/react-components/src/components/CaptionsBanner.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts +2 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.d.ts +2 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js +2 -2
- package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/MessageStatusIndicator.js +5 -5
- package/dist/dist-esm/react-components/src/components/MessageStatusIndicator.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/MessageThread.d.ts +2 -1
- package/dist/dist-esm/react-components/src/components/MessageThread.js +2 -2
- package/dist/dist-esm/react-components/src/components/MessageThread.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/SystemMessage.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/SystemMessage.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js +1 -1
- package/dist/dist-esm/react-components/src/theming/FluentThemeProvider.js.map +1 -1
- package/package.json +25 -22
- package/dist/dist-esm/northstar-wrapper/src/index.js +0 -2
- package/dist/dist-esm/northstar-wrapper/src/index.js.LICENSE.txt +0 -41
- package/dist/dist-esm/react-components/src/components/Announcer/Announcer.d.ts +0 -20
- package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js +0 -44
- package/dist/dist-esm/react-components/src/components/Announcer/Announcer.js.map +0 -1
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.d.ts +0 -10
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.js +0 -14
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerContext.js.map +0 -1
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.d.ts +0 -10
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js +0 -29
- package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js.map +0 -1
- package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.d.ts +0 -7
- package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js +0 -26
- package/dist/dist-esm/react-components/src/components/Announcer/LiveAnnouncer.js.map +0 -1
- package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.d.ts +0 -9
- package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js +0 -10
- package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.js.map +0 -1
- package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.d.ts +0 -8
- package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js +0 -19
- package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.js.map +0 -1
@@ -1,41 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* __ ___
|
3
|
-
* _____/ /___ __/ (_)____
|
4
|
-
* / ___/ __/ / / / / / ___/
|
5
|
-
* (__ ) /_/ /_/ / / (__ )
|
6
|
-
* /____/\__/\__, /_/_/____/
|
7
|
-
* /____/
|
8
|
-
*
|
9
|
-
* light - weight css preprocessor @licence MIT
|
10
|
-
*/
|
11
|
-
|
12
|
-
/*!
|
13
|
-
Copyright (c) 2018 Jed Watson.
|
14
|
-
Licensed under the MIT License (MIT), see
|
15
|
-
http://jedwatson.github.io/classnames
|
16
|
-
*/
|
17
|
-
|
18
|
-
/*!
|
19
|
-
* isobject <https://github.com/jonschlinkert/isobject>
|
20
|
-
*
|
21
|
-
* Copyright (c) 2014-2017, Jon Schlinkert.
|
22
|
-
* Released under the MIT License.
|
23
|
-
*/
|
24
|
-
|
25
|
-
/** @license React v0.20.2
|
26
|
-
* scheduler.production.min.js
|
27
|
-
*
|
28
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
29
|
-
*
|
30
|
-
* This source code is licensed under the MIT license found in the
|
31
|
-
* LICENSE file in the root directory of this source tree.
|
32
|
-
*/
|
33
|
-
|
34
|
-
/** @license React v16.13.1
|
35
|
-
* react-is.production.min.js
|
36
|
-
*
|
37
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
38
|
-
*
|
39
|
-
* This source code is licensed under the MIT license found in the
|
40
|
-
* LICENSE file in the root directory of this source tree.
|
41
|
-
*/
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
/** @private */
|
3
|
-
export declare type AnnouncerMessageBag = {
|
4
|
-
message: string;
|
5
|
-
id: string;
|
6
|
-
};
|
7
|
-
/** @private */
|
8
|
-
export declare type AnnouncerProps = {
|
9
|
-
polite?: AnnouncerMessageBag;
|
10
|
-
assertive?: AnnouncerMessageBag;
|
11
|
-
};
|
12
|
-
/** @private */
|
13
|
-
export declare const EMPTY_MESSAGE: {
|
14
|
-
message: string;
|
15
|
-
id: string;
|
16
|
-
};
|
17
|
-
/** @private */
|
18
|
-
declare const Announcer: (props: AnnouncerProps) => JSX.Element;
|
19
|
-
export default Announcer;
|
20
|
-
//# sourceMappingURL=Announcer.d.ts.map
|
@@ -1,44 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/Announcer.js
|
4
|
-
import React, { useEffect } from 'react';
|
5
|
-
import MessageBlock from './MessageBlock';
|
6
|
-
/** @private */
|
7
|
-
export const EMPTY_MESSAGE = { message: '', id: '' };
|
8
|
-
/** @private */
|
9
|
-
const Announcer = (props) => {
|
10
|
-
var _a, _b;
|
11
|
-
const newAssertive = (_a = props.assertive) !== null && _a !== void 0 ? _a : EMPTY_MESSAGE;
|
12
|
-
const oldAssertive = React.useRef(EMPTY_MESSAGE);
|
13
|
-
const [activeAssertive1, setActiveAssertive1] = React.useState(EMPTY_MESSAGE);
|
14
|
-
const [activeAssertive2, setActiveAssertive2] = React.useState(EMPTY_MESSAGE);
|
15
|
-
const alternateAssertive = React.useRef(false);
|
16
|
-
useEffect(() => {
|
17
|
-
if (oldAssertive.current.message !== (newAssertive === null || newAssertive === void 0 ? void 0 : newAssertive.message) || oldAssertive.current.id !== (newAssertive === null || newAssertive === void 0 ? void 0 : newAssertive.id)) {
|
18
|
-
setActiveAssertive1(alternateAssertive.current ? EMPTY_MESSAGE : newAssertive);
|
19
|
-
setActiveAssertive2(alternateAssertive.current ? newAssertive : EMPTY_MESSAGE);
|
20
|
-
oldAssertive.current = newAssertive;
|
21
|
-
alternateAssertive.current = !alternateAssertive.current;
|
22
|
-
}
|
23
|
-
}, [newAssertive]);
|
24
|
-
const newPolite = (_b = props.polite) !== null && _b !== void 0 ? _b : EMPTY_MESSAGE;
|
25
|
-
const oldPolite = React.useRef(EMPTY_MESSAGE);
|
26
|
-
const [activePolite1, setActivePolite1] = React.useState(EMPTY_MESSAGE);
|
27
|
-
const [activePolite2, setActivePolite2] = React.useState(EMPTY_MESSAGE);
|
28
|
-
const alternatePolite = React.useRef(false);
|
29
|
-
useEffect(() => {
|
30
|
-
if (oldPolite.current.message !== (newPolite === null || newPolite === void 0 ? void 0 : newPolite.message) || oldPolite.current.id !== (newPolite === null || newPolite === void 0 ? void 0 : newPolite.id)) {
|
31
|
-
setActivePolite1(alternatePolite.current ? EMPTY_MESSAGE : newPolite);
|
32
|
-
setActivePolite2(alternatePolite.current ? newPolite : EMPTY_MESSAGE);
|
33
|
-
oldPolite.current = newPolite;
|
34
|
-
alternatePolite.current = !alternatePolite.current;
|
35
|
-
}
|
36
|
-
}, [newPolite]);
|
37
|
-
return (React.createElement("div", null,
|
38
|
-
React.createElement(MessageBlock, { ariaLive: "assertive", message: activeAssertive1.message }),
|
39
|
-
React.createElement(MessageBlock, { ariaLive: "assertive", message: activeAssertive2.message }),
|
40
|
-
React.createElement(MessageBlock, { ariaLive: "polite", message: activePolite1.message }),
|
41
|
-
React.createElement(MessageBlock, { ariaLive: "polite", message: activePolite2.message })));
|
42
|
-
};
|
43
|
-
export default Announcer;
|
44
|
-
//# sourceMappingURL=Announcer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Announcer.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/Announcer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/Announcer.js\n\nimport React, { useEffect } from 'react';\nimport MessageBlock from './MessageBlock';\n\n/** @private */\nexport type AnnouncerMessageBag = {\n message: string;\n id: string;\n};\n\n/** @private */\nexport type AnnouncerProps = {\n polite?: AnnouncerMessageBag;\n assertive?: AnnouncerMessageBag;\n};\n\n/** @private */\nexport const EMPTY_MESSAGE = { message: '', id: '' };\n\n/** @private */\nconst Announcer = (props: AnnouncerProps): JSX.Element => {\n const newAssertive = props.assertive ?? EMPTY_MESSAGE;\n const oldAssertive = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive1, setActiveAssertive1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activeAssertive2, setActiveAssertive2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternateAssertive = React.useRef(false);\n\n useEffect(() => {\n if (oldAssertive.current.message !== newAssertive?.message || oldAssertive.current.id !== newAssertive?.id) {\n setActiveAssertive1(alternateAssertive.current ? EMPTY_MESSAGE : newAssertive);\n setActiveAssertive2(alternateAssertive.current ? newAssertive : EMPTY_MESSAGE);\n oldAssertive.current = newAssertive;\n alternateAssertive.current = !alternateAssertive.current;\n }\n }, [newAssertive]);\n\n const newPolite = props.polite ?? EMPTY_MESSAGE;\n const oldPolite = React.useRef<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite1, setActivePolite1] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [activePolite2, setActivePolite2] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const alternatePolite = React.useRef(false);\n\n useEffect(() => {\n if (oldPolite.current.message !== newPolite?.message || oldPolite.current.id !== newPolite?.id) {\n setActivePolite1(alternatePolite.current ? EMPTY_MESSAGE : newPolite);\n setActivePolite2(alternatePolite.current ? newPolite : EMPTY_MESSAGE);\n oldPolite.current = newPolite;\n alternatePolite.current = !alternatePolite.current;\n }\n }, [newPolite]);\n\n return (\n <div>\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive1.message} />\n <MessageBlock ariaLive=\"assertive\" message={activeAssertive2.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite1.message} />\n <MessageBlock ariaLive=\"polite\" message={activePolite2.message} />\n </div>\n );\n};\n\nexport default Announcer;\n"]}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
/** @private */
|
3
|
-
export declare type AnnouncerContextType = {
|
4
|
-
announceAssertive: (message: string, id: string) => void;
|
5
|
-
announcePolite: (message: string, id: string) => void;
|
6
|
-
};
|
7
|
-
/** @private */
|
8
|
-
declare const AnnouncerContext: React.Context<AnnouncerContextType>;
|
9
|
-
export default AnnouncerContext;
|
10
|
-
//# sourceMappingURL=AnnouncerContext.d.ts.map
|
@@ -1,14 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerContext.js
|
4
|
-
import React from 'react';
|
5
|
-
/** @private */
|
6
|
-
const AnnouncerContext = React.createContext({
|
7
|
-
announceAssertive: logContextWarning,
|
8
|
-
announcePolite: logContextWarning
|
9
|
-
});
|
10
|
-
function logContextWarning() {
|
11
|
-
console.warn('Announcement failed, LiveAnnouncer context is missing');
|
12
|
-
}
|
13
|
-
export default AnnouncerContext;
|
14
|
-
//# sourceMappingURL=AnnouncerContext.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"AnnouncerContext.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/AnnouncerContext.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAe;AACf,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACjE,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,iBAAiB;CAClC,CAAC,CAAC;AAEH,SAAS,iBAAiB;IACxB,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACxE,CAAC;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerContext.js\n\nimport React from 'react';\n\n/** @private */\nexport type AnnouncerContextType = {\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n};\n\n/** @private */\nconst AnnouncerContext = React.createContext<AnnouncerContextType>({\n announceAssertive: logContextWarning,\n announcePolite: logContextWarning\n});\n\nfunction logContextWarning(): void {\n console.warn('Announcement failed, LiveAnnouncer context is missing');\n}\n\nexport default AnnouncerContext;\n"]}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
/** @private */
|
2
|
-
declare const AnnouncerMessage: (props: {
|
3
|
-
message: string;
|
4
|
-
ariaLive: string;
|
5
|
-
clearOnUnmount?: boolean | undefined;
|
6
|
-
announceAssertive: (message: string, id: string) => void;
|
7
|
-
announcePolite: (message: string, id: string) => void;
|
8
|
-
}) => null;
|
9
|
-
export default AnnouncerMessage;
|
10
|
-
//# sourceMappingURL=AnnouncerMessage.d.ts.map
|
@@ -1,29 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerMessage.js
|
4
|
-
import { useCallback, useEffect } from 'react';
|
5
|
-
import { v1 as createGUID } from 'uuid';
|
6
|
-
/** @private */
|
7
|
-
const AnnouncerMessage = (props) => {
|
8
|
-
const { message, ariaLive, clearOnUnmount, announceAssertive, announcePolite } = props;
|
9
|
-
const announce = useCallback(() => {
|
10
|
-
if (ariaLive === 'assertive') {
|
11
|
-
announceAssertive(message || '', createGUID());
|
12
|
-
}
|
13
|
-
if (ariaLive === 'polite') {
|
14
|
-
announcePolite(message || '', createGUID());
|
15
|
-
}
|
16
|
-
}, [announceAssertive, announcePolite, ariaLive, message]);
|
17
|
-
useEffect(() => {
|
18
|
-
announce();
|
19
|
-
return () => {
|
20
|
-
if (clearOnUnmount) {
|
21
|
-
announceAssertive('', createGUID());
|
22
|
-
announcePolite('', createGUID());
|
23
|
-
}
|
24
|
-
};
|
25
|
-
}, [message, clearOnUnmount, announce, announceAssertive, announcePolite]);
|
26
|
-
return null;
|
27
|
-
};
|
28
|
-
export default AnnouncerMessage;
|
29
|
-
//# sourceMappingURL=AnnouncerMessage.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"AnnouncerMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/AnnouncerMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4GAA4G;AAE5G,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,UAAU,EAAE,MAAM,MAAM,CAAC;AAExC,eAAe;AACf,MAAM,gBAAgB,GAAG,CAAC,KAMzB,EAAQ,EAAE;IACT,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,QAAQ,KAAK,WAAW,EAAE;YAC5B,iBAAiB,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;SAChD;QACD,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,EAAE;gBAClB,iBAAiB,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;gBACpC,cAAc,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/AnnouncerMessage.js\n\nimport { useCallback, useEffect } from 'react';\nimport { v1 as createGUID } from 'uuid';\n\n/** @private */\nconst AnnouncerMessage = (props: {\n message: string;\n ariaLive: string;\n clearOnUnmount?: boolean;\n announceAssertive: (message: string, id: string) => void;\n announcePolite: (message: string, id: string) => void;\n}): null => {\n const { message, ariaLive, clearOnUnmount, announceAssertive, announcePolite } = props;\n\n const announce = useCallback(() => {\n if (ariaLive === 'assertive') {\n announceAssertive(message || '', createGUID());\n }\n if (ariaLive === 'polite') {\n announcePolite(message || '', createGUID());\n }\n }, [announceAssertive, announcePolite, ariaLive, message]);\n\n useEffect(() => {\n announce();\n return () => {\n if (clearOnUnmount) {\n announceAssertive('', createGUID());\n announcePolite('', createGUID());\n }\n };\n }, [message, clearOnUnmount, announce, announceAssertive, announcePolite]);\n\n return null;\n};\n\nexport default AnnouncerMessage;\n"]}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveAnnouncer.js
|
4
|
-
import React, { useCallback, useMemo } from 'react';
|
5
|
-
import Announcer, { EMPTY_MESSAGE } from './Announcer';
|
6
|
-
import AnnouncerContext from './AnnouncerContext';
|
7
|
-
/** @private */
|
8
|
-
const LiveAnnouncer = (props) => {
|
9
|
-
const [politeMessage, setPoliteMessage] = React.useState(EMPTY_MESSAGE);
|
10
|
-
const [assertiveMessage, setAssertiveMessage] = React.useState(EMPTY_MESSAGE);
|
11
|
-
const announcePolite = useCallback((message, id) => {
|
12
|
-
setPoliteMessage({ message, id });
|
13
|
-
}, []);
|
14
|
-
const announceAssertive = useCallback((message, id) => {
|
15
|
-
setAssertiveMessage({ message, id });
|
16
|
-
}, []);
|
17
|
-
const updateFunctions = useMemo(() => ({
|
18
|
-
announcePolite,
|
19
|
-
announceAssertive
|
20
|
-
}), [announceAssertive, announcePolite]);
|
21
|
-
return (React.createElement(AnnouncerContext.Provider, { value: updateFunctions },
|
22
|
-
props.children,
|
23
|
-
React.createElement(Announcer, { assertive: assertiveMessage, polite: politeMessage })));
|
24
|
-
};
|
25
|
-
export default LiveAnnouncer;
|
26
|
-
//# sourceMappingURL=LiveAnnouncer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"LiveAnnouncer.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/LiveAnnouncer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,yGAAyG;AAEzG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,EAAE,EAAuB,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAe,EAAE;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAC7F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,aAAa,CAAC,CAAC;IAEnG,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACjE,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QACpE,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,iBAAiB;KAClB,CAAC,EACF,CAAC,iBAAiB,EAAE,cAAc,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QAC9C,KAAK,CAAC,QAAQ;QACf,oBAAC,SAAS,IAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,aAAa,GAAI,CACvC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveAnnouncer.js\n\nimport React, { useCallback, useMemo } from 'react';\nimport Announcer, { AnnouncerMessageBag, EMPTY_MESSAGE } from './Announcer';\nimport AnnouncerContext from './AnnouncerContext';\n\n/** @private */\nconst LiveAnnouncer = (props: { children: React.ReactChild }): JSX.Element => {\n const [politeMessage, setPoliteMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n const [assertiveMessage, setAssertiveMessage] = React.useState<AnnouncerMessageBag>(EMPTY_MESSAGE);\n\n const announcePolite = useCallback((message: string, id: string) => {\n setPoliteMessage({ message, id });\n }, []);\n\n const announceAssertive = useCallback((message: string, id: string) => {\n setAssertiveMessage({ message, id });\n }, []);\n\n const updateFunctions = useMemo(\n () => ({\n announcePolite,\n announceAssertive\n }),\n [announceAssertive, announcePolite]\n );\n\n return (\n <AnnouncerContext.Provider value={updateFunctions}>\n {props.children}\n <Announcer assertive={assertiveMessage} polite={politeMessage} />\n </AnnouncerContext.Provider>\n );\n};\n\nexport default LiveAnnouncer;\n"]}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveMessage.js
|
4
|
-
import React from 'react';
|
5
|
-
import AnnouncerContext from './AnnouncerContext';
|
6
|
-
import AnnouncerMessage from './AnnouncerMessage';
|
7
|
-
/** @private */
|
8
|
-
const LiveMessage = (props) => (React.createElement(AnnouncerContext.Consumer, null, (contextProps) => React.createElement(AnnouncerMessage, Object.assign({}, contextProps, props))));
|
9
|
-
export default LiveMessage;
|
10
|
-
//# sourceMappingURL=LiveMessage.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"LiveMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/LiveMessage.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uGAAuG;AAEvG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,eAAe;AACf,MAAM,WAAW,GAAG,CAAC,KAAsE,EAAe,EAAE,CAAC,CAC3G,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,YAAY,EAAE,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,YAAY,EAAM,KAAK,EAAI,CAC1C,CAC7B,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/LiveMessage.js\n\nimport React from 'react';\nimport AnnouncerContext from './AnnouncerContext';\nimport AnnouncerMessage from './AnnouncerMessage';\n\n/** @private */\nconst LiveMessage = (props: { message: string; ariaLive: string; clearOnUnmount?: boolean }): JSX.Element => (\n <AnnouncerContext.Consumer>\n {(contextProps) => <AnnouncerMessage {...contextProps} {...props} />}\n </AnnouncerContext.Consumer>\n);\n\nexport default LiveMessage;\n"]}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
// Copyright (c) Microsoft Corporation.
|
2
|
-
// Licensed under the MIT license.
|
3
|
-
/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/MessageBlock.js
|
4
|
-
import React from 'react';
|
5
|
-
const offScreenStyle = {
|
6
|
-
border: 0,
|
7
|
-
clip: 'rect(0 0 0 0)',
|
8
|
-
height: '1px',
|
9
|
-
margin: '-1px',
|
10
|
-
overflow: 'hidden',
|
11
|
-
whiteSpace: 'nowrap',
|
12
|
-
padding: 0,
|
13
|
-
width: '1px',
|
14
|
-
position: 'absolute'
|
15
|
-
};
|
16
|
-
/** @private */
|
17
|
-
const MessageBlock = (props) => (React.createElement("div", { style: offScreenStyle, role: "log", "aria-live": props.ariaLive }, props.message ? props.message : ''));
|
18
|
-
export default MessageBlock;
|
19
|
-
//# sourceMappingURL=MessageBlock.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MessageBlock.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Announcer/MessageBlock.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wGAAwG;AAExG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,cAAc,GAAwB;IAC1C,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,eAAe;AACf,MAAM,YAAY,GAAG,CAAC,KAGrB,EAAe,EAAE,CAAC,CACjB,6BAAK,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,KAAK,eAAY,KAAK,CAAC,QAAQ,IAC7D,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAC/B,CACP,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/MessageBlock.js\n\nimport React from 'react';\n\nconst offScreenStyle: React.CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n padding: 0,\n width: '1px',\n position: 'absolute'\n};\n\n/** @private */\nconst MessageBlock = (props: {\n message: string;\n ariaLive: 'assertive' | 'polite' | 'off' | undefined;\n}): JSX.Element => (\n <div style={offScreenStyle} role=\"log\" aria-live={props.ariaLive}>\n {props.message ? props.message : ''}\n </div>\n);\n\nexport default MessageBlock;\n"]}
|