decentraland-ui2 0.40.1-19180293670.commit-75cf76f → 0.41.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/components/WearablePreview/AnimationControls/AnimationControls.d.ts +2 -2
- package/dist/components/WearablePreview/AnimationControls/AnimationControls.js +13 -6
- package/dist/components/WearablePreview/AnimationControls/AnimationControls.js.map +1 -1
- package/dist/components/WearablePreview/AnimationControls/AnimationControls.types.d.ts +5 -3
- package/dist/components/WearablePreview/ZoomControls/ZoomControls.js +1 -1
- package/dist/components/WearablePreview/ZoomControls/ZoomControls.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import { AnimationControlsProps } from "./AnimationControls.types";
|
|
3
|
-
export declare const AnimationControls:
|
|
3
|
+
export declare const AnimationControls: FC<AnimationControlsProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, useCallback, useEffect, useMemo, useRef, useState, } from "react";
|
|
3
3
|
import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
|
|
4
4
|
import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
|
|
5
5
|
import ButtonGroup from "@mui/material/ButtonGroup";
|
|
@@ -10,10 +10,10 @@ import Paper from "@mui/material/Paper";
|
|
|
10
10
|
import Popper from "@mui/material/Popper";
|
|
11
11
|
import { useWearablePreviewController } from "../useWearablePreviewController";
|
|
12
12
|
import { StyledAnimationButton, StyledAnimationDivider, StyledAnimationGrow, } from "./AnimationControls.styled";
|
|
13
|
-
export const AnimationControls = ({ wearablePreviewId, className, wearablePreviewController, selectedAnimation, onSelectAnimation, }) => {
|
|
13
|
+
export const AnimationControls = ({ wearablePreviewId, className, wearablePreviewController, selectedAnimation, onSelectAnimation, renderAnimationSelector, }) => {
|
|
14
14
|
const { controllerRef, isReady } = useWearablePreviewController(wearablePreviewId, wearablePreviewController);
|
|
15
|
-
const [open, setOpen] =
|
|
16
|
-
const anchorRef =
|
|
15
|
+
const [open, setOpen] = useState(false);
|
|
16
|
+
const anchorRef = useRef(null);
|
|
17
17
|
const [socialEmoteAnimations, setSocialEmoteAnimations] = useState(undefined);
|
|
18
18
|
const selectedIndex = useMemo(() => {
|
|
19
19
|
if (!socialEmoteAnimations || !selectedAnimation) {
|
|
@@ -54,6 +54,13 @@ export const AnimationControls = ({ wearablePreviewId, className, wearablePrevie
|
|
|
54
54
|
if (!socialEmoteAnimations) {
|
|
55
55
|
return null;
|
|
56
56
|
}
|
|
57
|
-
|
|
57
|
+
if (renderAnimationSelector && onSelectAnimation) {
|
|
58
|
+
return (_jsx(_Fragment, { children: renderAnimationSelector({
|
|
59
|
+
socialEmoteAnimations,
|
|
60
|
+
selectedAnimation: selectedAnimation ?? socialEmoteAnimations[0],
|
|
61
|
+
onSelectAnimation,
|
|
62
|
+
}) }));
|
|
63
|
+
}
|
|
64
|
+
return (_jsxs(Fragment, { children: [_jsx(ButtonGroup, { className: className, variant: "contained", ref: anchorRef, "aria-label": "Button group with a nested menu", children: _jsxs(StyledAnimationButton, { size: "small", "aria-controls": open ? "split-button-menu" : undefined, "aria-expanded": open ? "true" : undefined, "aria-label": "select merge strategy", "aria-haspopup": "menu", onClick: handleToggle, children: [socialEmoteAnimations[selectedIndex].title, _jsx(StyledAnimationDivider, { orientation: "vertical", flexItem: true }), open ? _jsx(ArrowDropUpIcon, {}) : _jsx(ArrowDropDownIcon, {})] }) }), _jsx(Popper, { open: open, anchorEl: anchorRef.current, role: undefined, transition: true, disablePortal: true, className: `${className}__popper`, children: ({ TransitionProps, placement }) => (_jsx(StyledAnimationGrow, { ...TransitionProps, placement: placement, children: _jsx(Paper, { children: _jsx(ClickAwayListener, { onClickAway: handleClose, children: _jsx(MenuList, { id: "split-button-menu", autoFocusItem: true, children: socialEmoteAnimations.map((option, index) => (_jsx(MenuItem, { selected: index === selectedIndex, onClick: (event) => handleMenuItemClick(event, index), children: option.title }, option.title))) }) }) }) })) })] }));
|
|
58
65
|
};
|
|
59
66
|
//# sourceMappingURL=AnimationControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/AnimationControls/AnimationControls.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AnimationControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/AnimationControls/AnimationControls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
1
2
|
import { IPreviewController } from "@dcl/schemas";
|
|
2
3
|
import { SocialEmoteAnimation } from "@dcl/schemas/dist/dapps/preview/social-emote-animation";
|
|
3
4
|
export type AnimationControlsProps = {
|
|
@@ -7,7 +8,8 @@ export type AnimationControlsProps = {
|
|
|
7
8
|
selectedAnimation?: SocialEmoteAnimation;
|
|
8
9
|
onSelectAnimation?: (animation: SocialEmoteAnimation) => void;
|
|
9
10
|
renderAnimationSelector?: (props: {
|
|
10
|
-
socialEmoteAnimations: SocialEmoteAnimation[]
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
socialEmoteAnimations: SocialEmoteAnimation[];
|
|
12
|
+
selectedAnimation: SocialEmoteAnimation | null;
|
|
13
|
+
onSelectAnimation: (animation: SocialEmoteAnimation) => void;
|
|
14
|
+
}) => ReactNode;
|
|
13
15
|
};
|
|
@@ -14,6 +14,6 @@ export const ZoomControls = ({ wearablePreviewId, className, position = Position
|
|
|
14
14
|
const handleControlZoomOut = useCallback(async () => {
|
|
15
15
|
await controllerRef.current?.scene.changeZoom(-zoomDelta);
|
|
16
16
|
}, [zoomDelta, controllerRef]);
|
|
17
|
-
return (_jsxs(StyledZoomControlsContainer, { className: className, position: position, children: [_jsx(StyledZoomButton, { onClick: handleControlZoomIn, children: _jsx(AddIcon, {}) }), _jsx(StyledZoomButton, { onClick: handleControlZoomOut, children: _jsx(RemoveIcon, {}) })] }));
|
|
17
|
+
return (_jsxs(StyledZoomControlsContainer, { className: className, position: position, children: [_jsx(StyledZoomButton, { className: "ZoomIn", onClick: handleControlZoomIn, children: _jsx(AddIcon, {}) }), _jsx(StyledZoomButton, { className: "ZoomOut", onClick: handleControlZoomOut, children: _jsx(RemoveIcon, {}) })] }));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=ZoomControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/ZoomControls/ZoomControls.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAA;AAClE,OAAO,EACL,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,uBAAuB,CAAA;AAE9B,MAAM,UAAU,GAAG,GAAG,CAAA;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,iBAAiB,EACjB,SAAS,EACT,QAAQ,GAAG,QAAQ,CAAC,IAAI,EACxB,yBAAyB,EACzB,SAAS,GAAG,UAAU,GACvB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,4BAA4B,CACpD,iBAAiB,EACjB,yBAAyB,CAC1B,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACjD,MAAM,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,MAAC,2BAA2B,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,aACnE,KAAC,gBAAgB,IAAC,OAAO,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/ZoomControls/ZoomControls.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAA;AAClE,OAAO,EACL,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,uBAAuB,CAAA;AAE9B,MAAM,UAAU,GAAG,GAAG,CAAA;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,iBAAiB,EACjB,SAAS,EACT,QAAQ,GAAG,QAAQ,CAAC,IAAI,EACxB,yBAAyB,EACzB,SAAS,GAAG,UAAU,GACvB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,4BAA4B,CACpD,iBAAiB,EACjB,yBAAyB,CAC1B,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACjD,MAAM,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,MAAC,2BAA2B,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,aACnE,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,mBAAmB,YAC/D,KAAC,OAAO,KAAG,GACM,EACnB,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,oBAAoB,YACjE,KAAC,UAAU,KAAG,GACG,IACS,CAC/B,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.41.0",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"files": [
|
|
101
101
|
"dist"
|
|
102
102
|
],
|
|
103
|
-
"commit": "
|
|
103
|
+
"commit": "389b58d1f2ebb9429677ddee103fcede35b7d10c"
|
|
104
104
|
}
|