@xyo-network/react-address-render 2.47.3 → 2.47.5
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/cjs/components/RenderRowBox.js +3 -2
- package/dist/cjs/components/RenderRowBox.js.map +1 -1
- package/dist/cjs/components/favorite/FavoriteIconButton.js +21 -12
- package/dist/cjs/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/cjs/components/favorite/Popper.js +21 -0
- package/dist/cjs/components/favorite/Popper.js.map +1 -0
- package/dist/cjs/components/favorite/PopperButtonGroup.js +20 -0
- package/dist/cjs/components/favorite/PopperButtonGroup.js.map +1 -0
- package/dist/cjs/components/favorite/lib/PopperId.js +5 -0
- package/dist/cjs/components/favorite/lib/PopperId.js.map +1 -0
- package/dist/cjs/components/favorite/lib/index.js +5 -0
- package/dist/cjs/components/favorite/lib/index.js.map +1 -0
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/lib/FavoriteItemEvent.js +3 -0
- package/dist/cjs/components/lib/FavoriteItemEvent.js.map +1 -0
- package/dist/cjs/components/lib/index.js +5 -0
- package/dist/cjs/components/lib/index.js.map +1 -0
- package/dist/docs.json +795 -626
- package/dist/esm/components/RenderRowBox.js +2 -2
- package/dist/esm/components/RenderRowBox.js.map +1 -1
- package/dist/esm/components/favorite/FavoriteIconButton.js +22 -13
- package/dist/esm/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/esm/components/favorite/Popper.js +16 -0
- package/dist/esm/components/favorite/Popper.js.map +1 -0
- package/dist/esm/components/favorite/PopperButtonGroup.js +14 -0
- package/dist/esm/components/favorite/PopperButtonGroup.js.map +1 -0
- package/dist/esm/components/favorite/lib/PopperId.js +2 -0
- package/dist/esm/components/favorite/lib/PopperId.js.map +1 -0
- package/dist/esm/components/favorite/lib/index.js +2 -0
- package/dist/esm/components/favorite/lib/index.js.map +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/lib/FavoriteItemEvent.js +2 -0
- package/dist/esm/components/lib/FavoriteItemEvent.js.map +1 -0
- package/dist/esm/components/lib/index.js +2 -0
- package/dist/esm/components/lib/index.js.map +1 -0
- package/dist/types/components/RenderRowBox.d.ts +1 -0
- package/dist/types/components/RenderRowBox.d.ts.map +1 -1
- package/dist/types/components/favorite/FavoriteIconButton.d.ts +5 -6
- package/dist/types/components/favorite/FavoriteIconButton.d.ts.map +1 -1
- package/dist/types/components/favorite/Popper.d.ts +11 -0
- package/dist/types/components/favorite/Popper.d.ts.map +1 -0
- package/dist/types/components/favorite/PopperButtonGroup.d.ts +9 -0
- package/dist/types/components/favorite/PopperButtonGroup.d.ts.map +1 -0
- package/dist/types/components/favorite/lib/PopperId.d.ts +2 -0
- package/dist/types/components/favorite/lib/PopperId.d.ts.map +1 -0
- package/dist/types/components/favorite/lib/index.d.ts +2 -0
- package/dist/types/components/favorite/lib/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/lib/FavoriteItemEvent.d.ts +7 -0
- package/dist/types/components/lib/FavoriteItemEvent.d.ts.map +1 -0
- package/dist/types/components/lib/index.d.ts +2 -0
- package/dist/types/components/lib/index.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/RenderRowBox.stories.tsx +23 -3
- package/src/components/RenderRowBox.tsx +6 -3
- package/src/components/favorite/FavoriteIconButton.tsx +37 -18
- package/src/components/favorite/Popper.tsx +59 -0
- package/src/components/favorite/PopperButtonGroup.tsx +36 -0
- package/src/components/favorite/lib/PopperId.ts +1 -0
- package/src/components/favorite/lib/index.ts +1 -0
- package/src/components/index.ts +1 -0
- package/src/components/lib/FavoriteItemEvent.ts +6 -0
- package/src/components/lib/index.ts +1 -0
|
@@ -11,11 +11,12 @@ const react_shared_1 = require("@xyo-network/react-shared");
|
|
|
11
11
|
const react_1 = require("react");
|
|
12
12
|
const favorite_1 = require("./favorite");
|
|
13
13
|
exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
|
|
14
|
-
var
|
|
14
|
+
var _b;
|
|
15
|
+
var { address, alias, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "alias", "children", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
|
|
15
16
|
const theme = (0, material_1.useTheme)();
|
|
16
17
|
const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
|
|
17
18
|
const [elementRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => (address ? dispatch('address', 'click', address) : undefined) }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children:
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => (address ? dispatch('address', 'click', address) : undefined) }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: (_b = alias !== null && alias !== void 0 ? alias : name) !== null && _b !== void 0 ? _b : address })) })), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { alias: alias, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
|
|
19
20
|
});
|
|
20
21
|
exports.AddressRenderRowBox.displayName = 'AddressRenderRowBox';
|
|
21
22
|
//# sourceMappingURL=RenderRowBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,0DAAsD;AACtD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;
|
|
1
|
+
{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,0DAAsD;AACtD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAelC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CAAC,EAAkI,EAAE,GAAG,EAAE,EAAE;;QAA3I,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAhI,qGAAkI,CAAF;IAC/H,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAEhE,OAAO,CACL,wBAAC,2BAAW,kBACV,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IACxE,KAAK,eAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAC/B,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,IAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAY,cACX,uBAAC,2BAAY,kBAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAC/G,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,mCAAI,OAAO,IACZ,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAClH,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
|
|
@@ -9,28 +9,37 @@ const material_1 = require("@mui/material");
|
|
|
9
9
|
const react_event_1 = require("@xyo-network/react-event");
|
|
10
10
|
const react_shared_1 = require("@xyo-network/react-shared");
|
|
11
11
|
const react_1 = require("react");
|
|
12
|
+
const lib_1 = require("./lib");
|
|
13
|
+
const Popper_1 = require("./Popper");
|
|
12
14
|
exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
13
|
-
var {
|
|
15
|
+
var { alias, children, favorite: favoriteProp, valueType, value } = _a, props = tslib_1.__rest(_a, ["alias", "children", "favorite", "valueType", "value"]);
|
|
16
|
+
const [openPopper, setOpenPopper] = (0, react_1.useState)(false);
|
|
14
17
|
const [favorite, setFavorite] = (0, react_1.useState)(favoriteProp);
|
|
15
18
|
(0, react_1.useEffect)(() => {
|
|
16
19
|
setFavorite(favoriteProp);
|
|
17
20
|
}, [favoriteProp]);
|
|
18
21
|
const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
|
|
19
22
|
const [buttonRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
|
|
20
|
-
|
|
23
|
+
const onConfirmFavorite = (alias, newFavoriteState) => {
|
|
24
|
+
setFavorite(() => {
|
|
25
|
+
const favoriteEvent = {
|
|
26
|
+
alias,
|
|
27
|
+
favorite: !!newFavoriteState,
|
|
28
|
+
favoriteType: valueType,
|
|
29
|
+
favoriteValue: value,
|
|
30
|
+
};
|
|
31
|
+
dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
|
|
32
|
+
return newFavoriteState;
|
|
33
|
+
});
|
|
34
|
+
setOpenPopper(false);
|
|
35
|
+
};
|
|
36
|
+
const starRef = (0, react_1.useRef)(null);
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({ ref: buttonRef, "aria-describedby": lib_1.popperId,
|
|
21
38
|
// used to prevent parent items from rippling when IconButton is clicked
|
|
22
39
|
onMouseDown: (e) => e.stopPropagation(), onClick: (event) => {
|
|
23
40
|
event.stopPropagation();
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const favoriteEvent = {
|
|
27
|
-
address,
|
|
28
|
-
favorite: newFavoriteState,
|
|
29
|
-
};
|
|
30
|
-
dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
|
|
31
|
-
return newFavoriteState;
|
|
32
|
-
});
|
|
33
|
-
} }, props, { children: [favorite ? (0, jsx_runtime_1.jsx)(Star_1.default, { color: "secondary" }) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, {}), children] })));
|
|
41
|
+
setOpenPopper(true);
|
|
42
|
+
} }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: favorite ? (0, jsx_runtime_1.jsx)(Star_1.default, { component: 'svg', color: "secondary" }) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, {}) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { alias: alias, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] })));
|
|
34
43
|
});
|
|
35
44
|
exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
|
|
36
45
|
//# sourceMappingURL=FavoriteIconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAC3D,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAC3D,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,iCAA+D;AAG/D,+BAAgC;AAChC,qCAAyC;AAS5B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAC1C,CAAC,EAAuE,EAAE,GAAG,EAAE,EAAE;QAAhF,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,sBAArE,uDAAuE,CAAF;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,YAAY,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC/D,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,gBAA0B,EAAE,EAAE;QACvE,WAAW,CAAC,GAAG,EAAE;YACf,MAAM,aAAa,GAAsB;gBACvC,KAAK;gBACL,QAAQ,EAAE,CAAC,CAAC,gBAAgB;gBAC5B,YAAY,EAAE,SAAS;gBACvB,aAAa,EAAE,KAAK;aACrB,CAAA;YACD,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;YAC9D,OAAO,gBAAgB,CAAA;QACzB,CAAC,CAAC,CAAA;QACF,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,qBAAU,kBACT,GAAG,EAAE,SAAS,sBACI,cAAQ;QAC1B,wEAAwE;QACxE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC,IACG,KAAK,eAET,+CAAM,GAAG,EAAE,OAAO,gBAAG,QAAQ,CAAC,CAAC,CAAC,uBAAC,cAAQ,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,IAAQ,EAC7G,uBAAC,uBAAc,IACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,OAAO,EACpB,IAAI,EAAE,UAAU,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACvC,EACD,QAAQ,KACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FavoritePopper = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const lib_1 = require("./lib");
|
|
9
|
+
const PopperButtonGroup_1 = require("./PopperButtonGroup");
|
|
10
|
+
exports.FavoritePopper = (0, react_1.forwardRef)((_a, ref) => {
|
|
11
|
+
var { alias: aliasProp, favorite, favoriteRef, onClickAway = () => {
|
|
12
|
+
return;
|
|
13
|
+
}, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["alias", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
|
|
14
|
+
const [alias, setAlias] = (0, react_1.useState)();
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
|
+
setAlias(aliasProp);
|
|
17
|
+
}, [aliasProp]);
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(material_1.Popper, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, transition: true, ref: ref }, props, { children: ({ TransitionProps }) => ((0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({}, TransitionProps, { timeout: 350 }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ sx: { display: 'flex', gap: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { autoFocus: true, label: "Favorite Alias", placeholder: "optional", size: "small", value: alias !== null && alias !== void 0 ? alias : '', onChange: (e) => setAlias(e.target.value) }), (0, jsx_runtime_1.jsx)(PopperButtonGroup_1.PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, alias: alias })] })) }) }))) })) })));
|
|
19
|
+
});
|
|
20
|
+
exports.FavoritePopper.displayName = 'FavoritePopper';
|
|
21
|
+
//# sourceMappingURL=Popper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0G;AAC1G,iCAAkE;AAElE,+BAAgC;AAChC,2DAAuD;AAS1C,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;QACjB,OAAM;IACR,CAAC,EACD,iBAAiB,OAElB,EADI,KAAK,sBARV,wEASC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,WAAW,gBACzC,uBAAC,iBAAM,kBAAC,EAAE,EAAE,cAAQ,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cACjF,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,uBAAC,eAAI,oBAAK,eAAe,IAAE,OAAO,EAAE,GAAG,gBACrC,uBAAC,eAAI,cACH,wBAAC,sBAAW,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,iBAC1C,uBAAC,oBAAS,IACR,SAAS,QACT,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,EACF,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,KACjF,GACT,IACF,CACR,IACM,IACS,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PopperButtonGroup = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
|
|
7
|
+
const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const PopperButtonGroup = (_a) => {
|
|
10
|
+
var { alias, onConfirmFavorite, favorite } = _a, props = tslib_1.__rest(_a, ["alias", "onConfirmFavorite", "favorite"]);
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: (e) => {
|
|
12
|
+
e.stopPropagation();
|
|
13
|
+
onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, true);
|
|
14
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Star_1.default, {}) })), favorite ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: (e) => {
|
|
15
|
+
e.stopPropagation();
|
|
16
|
+
onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, false);
|
|
17
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }))) : null] })));
|
|
18
|
+
};
|
|
19
|
+
exports.PopperButtonGroup = PopperButtonGroup;
|
|
20
|
+
//# sourceMappingURL=PopperButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4EAA+C;AAC/C,4CAAqE;AAQ9D,MAAM,iBAAiB,GAAkC,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA9C,0CAAgD,CAAF;IAC7G,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,iBAAM,kBACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,EAAE,IAAI,CAAC,CAAA;gBAClC,CAAC,gBAED,uBAAC,cAAQ,KAAG,IACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,iBAAM,kBACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,EAAE,KAAK,CAAC,CAAA;gBACnC,CAAC,gBAED,uBAAC,gBAAU,KAAG,IACP,CACV,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopperId.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/PopperId.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}
|
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./favorite"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./lib"), exports);
|
|
5
6
|
tslib_1.__exportStar(require("./RenderRowBox"), exports);
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,yDAA8B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,gDAAqB;AACrB,yDAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC"}
|