@azure/communication-react 1.3.3-alpha-202208300017.0 → 1.3.3-alpha-202208310017.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/dist-cjs/communication-react/index.js +8 -3
- 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/react-components/src/components/Dialpad/Dialpad.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.js +7 -3
- package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.styles.js +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.styles.js.map +1 -1
- package/package.json +8 -8
|
@@ -192,7 +192,7 @@ const fromFlatCommunicationIdentifier = (id) => {
|
|
|
192
192
|
// Copyright (c) Microsoft Corporation.
|
|
193
193
|
// Licensed under the MIT license.
|
|
194
194
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
|
195
|
-
var telemetryVersion = '1.3.3-alpha-
|
|
195
|
+
var telemetryVersion = '1.3.3-alpha-202208310017.0';
|
|
196
196
|
|
|
197
197
|
// Copyright (c) Microsoft Corporation.
|
|
198
198
|
/**
|
|
@@ -15063,6 +15063,7 @@ const themedDialpadStyle$1 = (isMobile, theme) => ({
|
|
|
15063
15063
|
backgroundColor: theme.palette.white,
|
|
15064
15064
|
fontSize: theme.fonts.large.fontSize,
|
|
15065
15065
|
padding: '0 0.5rem ',
|
|
15066
|
+
direction: 'rtl',
|
|
15066
15067
|
textAlign: 'center',
|
|
15067
15068
|
':active': {
|
|
15068
15069
|
padding: '0 0.5rem'
|
|
@@ -15125,19 +15126,23 @@ const SendDtmfDialpad = (props) => {
|
|
|
15125
15126
|
const onDismissTriggered = () => {
|
|
15126
15127
|
onDismissDialpad();
|
|
15127
15128
|
};
|
|
15129
|
+
const [textFieldValue, setTextFieldValue] = React.useState();
|
|
15130
|
+
const onChange = (input) => {
|
|
15131
|
+
setTextFieldValue(input);
|
|
15132
|
+
};
|
|
15128
15133
|
const dialpadModalStyle = React.useMemo(() => themeddialpadModalStyle$1(theme), [theme]);
|
|
15129
15134
|
const dialpadStyle = React.useMemo(() => themedDialpadStyle$1(isMobile, theme), [theme, isMobile]);
|
|
15130
15135
|
if (isMobile) {
|
|
15131
15136
|
return (React__default['default'].createElement(react.Stack, null, showDialpad && (React__default['default'].createElement(react.Stack, { styles: drawerContainerStyles$1 },
|
|
15132
15137
|
React__default['default'].createElement(_DrawerSurface, { onLightDismiss: onDismissTriggered },
|
|
15133
15138
|
React__default['default'].createElement(react.Stack, { style: { padding: '1rem' } },
|
|
15134
|
-
React__default['default'].createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false, strings: strings, isMobile: isMobile }))))))));
|
|
15139
|
+
React__default['default'].createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false, textFieldValue: textFieldValue, onChange: onChange, strings: strings, isMobile: isMobile }))))))));
|
|
15135
15140
|
}
|
|
15136
15141
|
return (React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(react.Modal, { titleAriaId: strings.dialpadModalAriaLabel, isOpen: showDialpad, onDismiss: onDismissTriggered, isBlocking: true, styles: dialpadModalStyle },
|
|
15137
15142
|
React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "end", verticalAlign: "center" },
|
|
15138
15143
|
React__default['default'].createElement(react.IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: theme.palette.black } })),
|
|
15139
15144
|
React__default['default'].createElement(react.Stack, { style: { overflow: 'hidden' } },
|
|
15140
|
-
React__default['default'].createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false, strings: strings, isMobile: isMobile }))))));
|
|
15145
|
+
React__default['default'].createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { textFieldValue: textFieldValue, onChange: onChange, showDeleteButton: false, strings: strings, isMobile: isMobile }))))));
|
|
15141
15146
|
};
|
|
15142
15147
|
|
|
15143
15148
|
// Copyright (c) Microsoft Corporation.
|