@azure/communication-react 1.3.3-alpha-202208270015.0 → 1.3.3-alpha-202208280018.0

package/dist/communication-react.d.ts

@@ -4259,8 +4259,8 @@ export declare interface DialpadStyles {
     root?: IStyle;
     button?: IButtonStyles;
     textField?: Partial<ITextFieldStyles>;
-    primaryContent?: IStyle;
-    secondaryContent?: IStyle;
+    digit?: IStyle;
+    letter?: IStyle;
     deleteIcon?: IButtonStyles;
 }
 

package/dist/dist-cjs/communication-react/index.js

@@ -192,7 +192,7 @@ const fromFlatCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.3-alpha-202208270015.0';
+var telemetryVersion = '1.3.3-alpha-202208280018.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -7722,7 +7722,7 @@ const buttonStyles = (theme) => ({
 /**
  * @private
  */
-const primaryContentStyles = (theme) => {
+const digitStyles = (theme) => {
     return {
         fontSize: '1.25rem',
         fontWeight: theme.fonts.medium.fontWeight,
@@ -7758,7 +7758,7 @@ const textFieldStyles = (theme) => ({
 /**
  * @private
  */
-const secondaryContentStyles = (theme) => {
+const letterStyles = (theme) => {
     return {
         fontSize: '0.625rem',
         color: `${theme.palette.neutralSecondary}`,
@@ -7888,22 +7888,18 @@ var __awaiter$p = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 const dialPadButtonsDefault = [
+    [{ digit: '1' }, { digit: '2', letter: 'ABC' }, { digit: '3', letter: 'DEF' }],
     [
-        { primaryContent: '1' },
-        { primaryContent: '2', secondaryContent: 'ABC' },
-        { primaryContent: '3', secondaryContent: 'DEF' }
+        { digit: '4', letter: 'GHI' },
+        { digit: '5', letter: 'JKL' },
+        { digit: '6', letter: 'MNO' }
     ],
     [
-        { primaryContent: '4', secondaryContent: 'GHI' },
-        { primaryContent: '5', secondaryContent: 'JKL' },
-        { primaryContent: '6', secondaryContent: 'MNO' }
+        { digit: '7', letter: 'PQRS' },
+        { digit: '8', letter: 'TUV' },
+        { digit: '9', letter: 'WXYZ' }
     ],
-    [
-        { primaryContent: '7', secondaryContent: 'PQRS' },
-        { primaryContent: '8', secondaryContent: 'TUV' },
-        { primaryContent: '9', secondaryContent: 'WXYZ' }
-    ],
-    [{ primaryContent: '*' }, { primaryContent: '0', secondaryContent: '+' }, { primaryContent: '#' }]
+    [{ digit: '*' }, { digit: '0', letter: '+' }, { digit: '#' }]
 ];
 const DtmfTones = [
     'Num1',
@@ -7922,18 +7918,18 @@ const DtmfTones = [
 const DialpadButton = (props) => {
     var _a, _b, _c, _d;
     const theme = react.useTheme();
-    const { primaryContent, index, onClick, onLongPress } = props;
+    const { digit, index, onClick, onLongPress } = props;
     const clickFunction = React.useCallback(() => __awaiter$p(void 0, void 0, void 0, function* () {
-        onClick(primaryContent, index);
-    }), [primaryContent, index, onClick]);
+        onClick(digit, index);
+    }), [digit, index, onClick]);
     const longPressFunction = React.useCallback(() => __awaiter$p(void 0, void 0, void 0, function* () {
-        onLongPress(primaryContent, index);
-    }), [primaryContent, index, onLongPress]);
+        onLongPress(digit, index);
+    }), [digit, index, onLongPress]);
     const { handlers } = useLongPress(clickFunction, longPressFunction);
     return (React__default['default'].createElement(react.DefaultButton, Object.assign({ "data-test-id": `dialpad-button-${props.index}`, styles: react.concatStyleSets(buttonStyles(), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.button) }, handlers),
         React__default['default'].createElement(react.Stack, null,
-            React__default['default'].createElement(react.Text, { className: react.mergeStyles(primaryContentStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.primaryContent) }, props.primaryContent),
-            React__default['default'].createElement(react.Text, { className: react.mergeStyles(secondaryContentStyles(theme), (_c = props.styles) === null || _c === void 0 ? void 0 : _c.secondaryContent) }, (_d = props.secondaryContent) !== null && _d !== void 0 ? _d : ' '))));
+            React__default['default'].createElement(react.Text, { className: react.mergeStyles(digitStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.digit) }, props.digit),
+            React__default['default'].createElement(react.Text, { className: react.mergeStyles(letterStyles(theme), (_c = props.styles) === null || _c === void 0 ? void 0 : _c.letter) }, (_d = props.letter) !== null && _d !== void 0 ? _d : ' '))));
 };
 const DialpadContainer = (props) => {
     var _a, _b;
@@ -8009,7 +8005,7 @@ const DialpadContainer = (props) => {
                 then use this index to locate the corresponding dtmf tones
                 DtmfTones[index]
                 */
-                index: columnIndex + rowIndex * rows.length, primaryContent: button.primaryContent, secondaryContent: button.secondaryContent, styles: props.styles, onClick: onClickDialpad, onLongPress: onLongPressDialpad })))));
+                index: columnIndex + rowIndex * rows.length, digit: button.digit, letter: button.letter, styles: props.styles, onClick: onClickDialpad, onLongPress: onLongPressDialpad })))));
         }))));
 };
 /**
@@ -15067,7 +15063,7 @@ const themedDialpadStyle$1 = (isMobile, theme) => ({
             }
         }
     },
-    primaryContent: {
+    digit: {
         color: theme.palette.themeDarkAlt
     }
 });
@@ -15742,7 +15738,7 @@ const themedDialpadStyle = (isMobile, theme) => ({
             }
         }
     },
-    primaryContent: {
+    digit: {
         color: theme.palette.themeDarkAlt
     }
 });