@matrix-widget-toolkit/mui 1.1.2 → 1.1.4
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/build/cjs/index.js +5 -4
- package/build/esm/index.js +5 -4
- package/build/index.d.ts +1 -1
- package/package.json +19 -19
package/build/cjs/index.js
CHANGED
|
@@ -132,12 +132,12 @@ function EmotionCacheProvider(_a) {
|
|
|
132
132
|
*/
|
|
133
133
|
var fontFamily = [
|
|
134
134
|
'Inter',
|
|
135
|
-
'Twemoji',
|
|
136
|
-
'"Apple Color Emoji"',
|
|
137
|
-
'"Segoe UI Emoji"',
|
|
138
135
|
'Arial',
|
|
139
136
|
'Helvetica',
|
|
140
137
|
'sans-serif',
|
|
138
|
+
'Twemoji',
|
|
139
|
+
'"Apple Color Emoji"',
|
|
140
|
+
'"Segoe UI Emoji"',
|
|
141
141
|
'"Noto Color Emoji"',
|
|
142
142
|
].join(',');
|
|
143
143
|
var primaryColor = getEnvironment('REACT_APP_PRIMARY_COLOR', '#0dbd8b');
|
|
@@ -877,6 +877,7 @@ function CopyableCode(_a) {
|
|
|
877
877
|
var t = reactI18next.useTranslation('widget-toolkit').t;
|
|
878
878
|
var _b = react$2.useState(false), hasCopied = _b[0], setHasCopied = _b[1];
|
|
879
879
|
var _c = reactUse.useCopyToClipboard(), copyToClipboard = _c[1];
|
|
880
|
+
var copyLabel = t('code.copy-to-clipboard', 'Copy to clipboard');
|
|
880
881
|
return (jsxRuntime.jsx(material.Paper, __assign$5({ sx: { position: 'relative' } }, { children: jsxRuntime.jsxs(material.Box, __assign$5({ sx: { overflowY: 'auto' } }, { children: [jsxRuntime.jsx(material.Box, __assign$5({ component: "code", sx: { userSelect: 'all' }, m: 0 }, { children: jsxRuntime.jsx(material.Box, __assign$5({ component: "pre", m: 2 }, { children: code })) })), jsxRuntime.jsx(material.IconButton, __assign$5({ sx: function (theme) { return ({
|
|
881
882
|
position: 'absolute',
|
|
882
883
|
right: theme.spacing(1),
|
|
@@ -884,7 +885,7 @@ function CopyableCode(_a) {
|
|
|
884
885
|
}); }, onClick: function () {
|
|
885
886
|
copyToClipboard(code);
|
|
886
887
|
setHasCopied(true);
|
|
887
|
-
}, onBlur: function () { return setHasCopied(false); }, "aria-label":
|
|
888
|
+
}, onBlur: function () { return setHasCopied(false); }, "aria-label": copyLabel }, { children: hasCopied ? jsxRuntime.jsx(CheckOutlinedIcon__default.default, {}) : jsxRuntime.jsx(ContentCopyOutlinedIcon__default.default, {}) }))] })) })));
|
|
888
889
|
}
|
|
889
890
|
|
|
890
891
|
var __assign$4 = (undefined && undefined.__assign) || function () {
|
package/build/esm/index.js
CHANGED
|
@@ -120,12 +120,12 @@ function EmotionCacheProvider(_a) {
|
|
|
120
120
|
*/
|
|
121
121
|
var fontFamily = [
|
|
122
122
|
'Inter',
|
|
123
|
-
'Twemoji',
|
|
124
|
-
'"Apple Color Emoji"',
|
|
125
|
-
'"Segoe UI Emoji"',
|
|
126
123
|
'Arial',
|
|
127
124
|
'Helvetica',
|
|
128
125
|
'sans-serif',
|
|
126
|
+
'Twemoji',
|
|
127
|
+
'"Apple Color Emoji"',
|
|
128
|
+
'"Segoe UI Emoji"',
|
|
129
129
|
'"Noto Color Emoji"',
|
|
130
130
|
].join(',');
|
|
131
131
|
var primaryColor = getEnvironment('REACT_APP_PRIMARY_COLOR', '#0dbd8b');
|
|
@@ -865,6 +865,7 @@ function CopyableCode(_a) {
|
|
|
865
865
|
var t = useTranslation('widget-toolkit').t;
|
|
866
866
|
var _b = useState(false), hasCopied = _b[0], setHasCopied = _b[1];
|
|
867
867
|
var _c = useCopyToClipboard(), copyToClipboard = _c[1];
|
|
868
|
+
var copyLabel = t('code.copy-to-clipboard', 'Copy to clipboard');
|
|
868
869
|
return (jsx(Paper, __assign$5({ sx: { position: 'relative' } }, { children: jsxs(Box, __assign$5({ sx: { overflowY: 'auto' } }, { children: [jsx(Box, __assign$5({ component: "code", sx: { userSelect: 'all' }, m: 0 }, { children: jsx(Box, __assign$5({ component: "pre", m: 2 }, { children: code })) })), jsx(IconButton, __assign$5({ sx: function (theme) { return ({
|
|
869
870
|
position: 'absolute',
|
|
870
871
|
right: theme.spacing(1),
|
|
@@ -872,7 +873,7 @@ function CopyableCode(_a) {
|
|
|
872
873
|
}); }, onClick: function () {
|
|
873
874
|
copyToClipboard(code);
|
|
874
875
|
setHasCopied(true);
|
|
875
|
-
}, onBlur: function () { return setHasCopied(false); }, "aria-label":
|
|
876
|
+
}, onBlur: function () { return setHasCopied(false); }, "aria-label": copyLabel }, { children: hasCopied ? jsx(CheckOutlinedIcon, {}) : jsx(ContentCopyOutlinedIcon, {}) }))] })) })));
|
|
876
877
|
}
|
|
877
878
|
|
|
878
879
|
var __assign$4 = (undefined && undefined.__assign) || function () {
|
package/build/index.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ import { WidgetRegistration } from '@matrix-widget-toolkit/api';
|
|
|
22
22
|
* A component to display user and room avatars in the style of Element.
|
|
23
23
|
* @param param0 - {@link ElementAvatarProps}
|
|
24
24
|
*/
|
|
25
|
-
export declare const ElementAvatar: ForwardRefExoticComponent<Pick<ElementAvatarProps, "id" | "userId" | "displayName" | "avatarUrl" | "title" | "children" | "slot" | "onReset" | "onError" | "color" | "translate" | keyof CommonProps | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "
|
|
25
|
+
export declare const ElementAvatar: ForwardRefExoticComponent<Pick<ElementAvatarProps, "id" | "userId" | "displayName" | "avatarUrl" | "title" | "results" | "children" | "slot" | "onReset" | "onError" | "color" | "translate" | keyof CommonProps | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & RefAttributes<HTMLDivElement>>;
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* Props for the {@link ElementAvatar} component.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@matrix-widget-toolkit/mui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"description": "A customized material-ui theme that matches the style of the Element Matrix client",
|
|
5
5
|
"author": "Nordeck IT + Consulting GmbH",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"@testing-library/user-event": "^14.4.3",
|
|
15
15
|
"@types/jest": "^27.5.2",
|
|
16
16
|
"@types/jest-axe": "^3.5.5",
|
|
17
|
-
"@types/lodash": "^4.14.
|
|
18
|
-
"@types/node": "^16.18.
|
|
17
|
+
"@types/lodash": "^4.14.195",
|
|
18
|
+
"@types/node": "^16.18.34",
|
|
19
19
|
"@types/react": "^17.0.45",
|
|
20
20
|
"copyfiles": "^2.4.1",
|
|
21
|
-
"i18next-parser": "^
|
|
22
|
-
"jest-axe": "^7.0.
|
|
21
|
+
"i18next-parser": "^8.0.0",
|
|
22
|
+
"jest-axe": "^7.0.1",
|
|
23
23
|
"react": "^17.0.2",
|
|
24
24
|
"react-scripts": "5.0.1",
|
|
25
25
|
"typescript": "^4.8.4"
|
|
@@ -38,22 +38,22 @@
|
|
|
38
38
|
"generate-api-report": "tsc && api-extractor run --verbose --local"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@emotion/cache": "^11.
|
|
42
|
-
"@emotion/react": "^11.
|
|
43
|
-
"@emotion/styled": "^11.
|
|
44
|
-
"@fontsource/inter": "^
|
|
45
|
-
"@mui/icons-material": "^5.11.
|
|
46
|
-
"@mui/material": "^5.
|
|
47
|
-
"@mui/utils": "^5.
|
|
48
|
-
"@matrix-widget-toolkit/api": "^3.
|
|
49
|
-
"@matrix-widget-toolkit/react": "^1.0.
|
|
50
|
-
"i18next": "^22.
|
|
51
|
-
"i18next-browser-languagedetector": "^7.0.
|
|
52
|
-
"i18next-resources-to-backend": "^1.
|
|
41
|
+
"@emotion/cache": "^11.11.0",
|
|
42
|
+
"@emotion/react": "^11.11.1",
|
|
43
|
+
"@emotion/styled": "^11.11.0",
|
|
44
|
+
"@fontsource/inter": "^5.0.2",
|
|
45
|
+
"@mui/icons-material": "^5.11.16",
|
|
46
|
+
"@mui/material": "^5.13.4",
|
|
47
|
+
"@mui/utils": "^5.13.1",
|
|
48
|
+
"@matrix-widget-toolkit/api": "^3.2.1",
|
|
49
|
+
"@matrix-widget-toolkit/react": "^1.0.5",
|
|
50
|
+
"i18next": "^22.5.1",
|
|
51
|
+
"i18next-browser-languagedetector": "^7.0.2",
|
|
52
|
+
"i18next-resources-to-backend": "^1.1.3",
|
|
53
53
|
"lodash": "^4.17.21",
|
|
54
|
-
"matrix-widget-api": "^1.
|
|
54
|
+
"matrix-widget-api": "^1.3.1",
|
|
55
55
|
"react": "^17.0.2",
|
|
56
|
-
"react-i18next": "^12.
|
|
56
|
+
"react-i18next": "^12.3.1",
|
|
57
57
|
"react-use": "^17.4.0"
|
|
58
58
|
},
|
|
59
59
|
"repository": {
|