oolib 2.72.0 → 2.73.1

package/dist/components/Buttons/index.js

@@ -43,13 +43,13 @@ var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
 var themes_1 = require("../../themes");
 var DisplayIcon = function (_a) {
-    var icon = _a.icon, size = _a.size, color = _a.color;
+    var icon = _a.icon, size = _a.size, color = _a.color, iconWeight = _a.iconWeight;
     var IconComp = icons_1.icons[icon];
-    return react_1.default.createElement(react_1.default.Fragment, null, IconComp && react_1.default.createElement(IconComp, { size: size, color: color, weight: "bold" }));
+    return react_1.default.createElement(react_1.default.Fragment, null, IconComp && react_1.default.createElement(IconComp, { size: size, color: color, weight: iconWeight || 'bold' }));
 };
 var ButtonStyledWrapper = function (_a) {
     var props = _a.props, variant = _a.variant;
-    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, _iconColor = props.iconColor, stopPropagation = props.stopPropagation, preventDefault = props.preventDefault, forceHover = props.forceHover //used by multi-option button
+    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, _iconColor = props.iconColor, iconWeight = props.iconWeight, stopPropagation = props.stopPropagation, preventDefault = props.preventDefault, forceHover = props.forceHover //used by multi-option button
     ;
     /**
      * WHY WE ARE HAVING TO DO STOP PROPAGATION IN THIS TWISTED WAY:
@@ -101,9 +101,9 @@ var ButtonStyledWrapper = function (_a) {
             preventDefault && e.preventDefault();
             debouncedMouseDown && debouncedMouseDown(e);
         }, composition: composition, width: width, color: color, forceHover: forceHover },
-        icon && react_1.default.createElement(DisplayIcon, { icon: icon, color: iconColor, size: calcIconSize() }),
+        icon && react_1.default.createElement(DisplayIcon, { icon: icon, color: iconColor, size: calcIconSize(), iconWeight: iconWeight || '' }),
         displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText),
-        iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, color: iconColor, size: calcIconSize() })));
+        iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, color: iconColor, size: calcIconSize(), iconWeight: iconWeight || '' })));
 };
 var Button = function (_a) {
     var props = _a.props, variant = _a.variant;

package/dist/components/VideoInput/comps/VideoActionMenu.d.ts

@@ -1,4 +1,5 @@
-export function VideoActionMenu({ isInRTE, value, inputRef, setShowEmbedLinkModal, onChange, isUploadedVideo, invert }: {
+export function VideoActionMenu({ id, isInRTE, value, inputRef, setShowEmbedLinkModal, onChange, isUploadedVideo, invert }: {
+    id: any;
     isInRTE: any;
     value: any;
     inputRef: any;

package/dist/components/VideoInput/comps/VideoActionMenu.js

@@ -19,20 +19,20 @@ var react_1 = __importDefault(require("react"));
 var styled_1 = require("../styled");
 var ActionMenu_1 = require("../../ActionMenu");
 var VideoActionMenu = function (_a) {
-    var isInRTE = _a.isInRTE, value = _a.value, inputRef = _a.inputRef, setShowEmbedLinkModal = _a.setShowEmbedLinkModal, onChange = _a.onChange, isUploadedVideo = _a.isUploadedVideo, invert = _a.invert;
+    var id = _a.id, isInRTE = _a.isInRTE, value = _a.value, inputRef = _a.inputRef, setShowEmbedLinkModal = _a.setShowEmbedLinkModal, onChange = _a.onChange, isUploadedVideo = _a.isUploadedVideo, invert = _a.invert;
     return (react_1.default.createElement(styled_1.StyledActionButtonWrapper, null,
         react_1.default.createElement("div", { style: __assign({}, (isInRTE ? { display: "none" } : {})) },
             react_1.default.createElement(ActionMenu_1.ActionMenu, { popOutOfOverflowHiddenParent: true, ButtonComp: "ButtonPrimary", iconSize: "M", invert: invert, actions: [
                     isUploadedVideo(value) // Only allow user to replace URL when embed method is URL
                         ? {
-                            id: "uploadNewVideo",
+                            id: "".concat(id, "_uploadNewVideo"),
                             display: "Upload New Video",
                             onClick: function () {
                                 inputRef.current.click(); // Trigger file explorer popup
                             },
                         }
                         : {
-                            id: "replaceUrl",
+                            id: "".concat(id, "_replaceUrl"),
                             display: "Replace URL",
                             onClick: function (e) {
                                 setShowEmbedLinkModal(true);

package/dist/components/VideoInput/index.js

@@ -115,7 +115,7 @@ function VideoInput(_a) {
                             url.split("&list=")[0].match(regex)[1];
                 }
                 return (react_1.default.createElement(styled_1.StyledVideoEmbedPreviewSection, { style: { height: height } },
-                    actionMenuButton && react_1.default.createElement(VideoActionMenu_1.VideoActionMenu, __assign({}, __assign(__assign({}, isInRTE), { value: value, inputRef: inputRef, setShowEmbedLinkModal: setShowEmbedLinkModal, onChange: onChange, isUploadedVideo: isUploadedVideo, invert: invert }))),
+                    actionMenuButton && react_1.default.createElement(VideoActionMenu_1.VideoActionMenu, __assign({}, { isInRTE: isInRTE, value: value, inputRef: inputRef, setShowEmbedLinkModal: setShowEmbedLinkModal, onChange: onChange, isUploadedVideo: isUploadedVideo, invert: invert, id: id })),
                     react_1.default.createElement(react_player_1.default, { id: "outVideo", url: url, controls: true, width: width || "100%", height: height, light: lightPlayer, style: { overflow: "hidden" } })));
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.72.0",
+  "version": "2.73.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",