@interopio/groups-ui-react 2.0.3 → 2.0.5

package/dist/cjs/defaultComponents/buttons/CloneButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CloneButtonProps } from "../../types/defaultComponents";
+declare const CloneButton: React.FC<CloneButtonProps>;
+export default CloneButton;

package/dist/cjs/index.d.ts

@@ -21,6 +21,7 @@ import LockButton from "./defaultComponents/buttons/LockButtons";
 import UnlockButton from "./defaultComponents/buttons/UnlockButton";
 import ExtractButton from "./defaultComponents/buttons/ExtractButton";
 import FeedbackButton from "./defaultComponents/buttons/FeedbackButton";
+import CloneButton from "./defaultComponents/buttons/CloneButton";
 import StickyButton from "./defaultComponents/buttons/StickyButton";
 import useIOConnectWindow from "./useIOConnectWindow";
 import CustomButton from "./defaultComponents/buttons/CustomButton";
@@ -38,7 +39,7 @@ import useEditableCaption from "./defaultComponents/captionEditor/useEditableCap
 import useCaptionEditor from "./defaultComponents/captionEditor/useCaptionEditor";
 import FrameLoadingAnimation from "./defaultComponents/loadingAnimation/FrameLoadingAnimation";
 import HtmlButtons from "./defaultComponents/htmlButtonsBar/buttons";
-export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
+export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, CloneButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
 export declare const getGroupId: () => string;
 export declare const requestPageFocus: () => void;
 export declare const requestFrameFocus: (frameId: string) => void;

package/dist/cjs/index.js

@@ -72,6 +72,7 @@
     var StandardButtons;
     (function (StandardButtons) {
         StandardButtons["Feedback"] = "feedback";
+        StandardButtons["Clone"] = "clone";
         StandardButtons["Sticky"] = "sticky";
         StandardButtons["Extract"] = "extract";
         StandardButtons["Lock"] = "lock";
@@ -263,6 +264,9 @@
         WebGroupsManagerDecorator.prototype.onFeedbackButtonClick = function (targetType, targetId) {
             window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Feedback);
         };
+        WebGroupsManagerDecorator.prototype.onCloneButtonClick = function (targetType, targetId) {
+            window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Clone);
+        };
         WebGroupsManagerDecorator.prototype.onStickyButtonClick = function (targetType, targetId) {
             window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Sticky);
         };
@@ -594,6 +598,11 @@
         return React__default["default"].createElement(BaseButton, { innerElement: { className: "t42-standard-button t42-standard-button-feedback" }, outerElement: { className: "t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-feedback", title: tooltip, onClick: onClick } });
     };
 
+    var CloneButton = function (_a) {
+        var onClick = _a.onClick, tooltip = _a.tooltip;
+        return React__default["default"].createElement(BaseButton, { innerElement: { className: "t42-standard-button t42-standard-button-clone" }, outerElement: { className: "t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-clone", title: tooltip, onClick: onClick } });
+    };
+
     var StickyButton = function (_a) {
         var onClick = _a.onClick, tooltip = _a.tooltip, isPressed = _a.isPressed;
         var outerElementClassName = "t42-button t42-caption-bar-button t42-tab-bar-button t42-caption-bar-button-sticky";
@@ -631,13 +640,14 @@
     };
 
     var FlatButtons = function (_a) {
-        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, sticky = _a.sticky, customButtons = _a.customButtons;
+        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, clone = _a.clone, sticky = _a.sticky, customButtons = _a.customButtons;
         return React__default["default"].createElement("div", { className: "t42-buttons-container t42-frame-caption-bar-element" },
             React__default["default"].createElement("ul", { className: "t42-buttons t42-tab-bar-element" }, customButtons.map(function (customButton) {
                 return customButton.visible && React__default["default"].createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
             })),
             React__default["default"].createElement("ul", { className: "t42-buttons t42-frame-caption-bar-element" },
                 (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React__default["default"].createElement(FeedbackButton, __assign({}, feedback)),
+                (clone === null || clone === void 0 ? void 0 : clone.visible) && React__default["default"].createElement(CloneButton, __assign({}, clone)),
                 (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React__default["default"].createElement(StickyButton, __assign({}, sticky)),
                 (extract === null || extract === void 0 ? void 0 : extract.visible) && React__default["default"].createElement(ExtractButton, __assign({}, extract)),
                 (lock === null || lock === void 0 ? void 0 : lock.visible) && React__default["default"].createElement(LockButton, __assign({}, lock)),
@@ -1821,13 +1831,14 @@
     };
 
     var TabHeaderButtons = function (_a) {
-        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, sticky = _a.sticky, customButtons = _a.customButtons;
+        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, clone = _a.clone, sticky = _a.sticky, customButtons = _a.customButtons;
         return React__default["default"].createElement("div", { className: "t42-buttons-container t42-tab-bar-element" },
             React__default["default"].createElement("ul", { className: "t42-buttons t42-tab-bar-element" }, customButtons.map(function (customButton) {
                 return customButton.visible && React__default["default"].createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
             })),
             React__default["default"].createElement("ul", { className: "t42-buttons t42-tab-bar-element" },
                 (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React__default["default"].createElement(FeedbackButton, __assign({}, feedback)),
+                (clone === null || clone === void 0 ? void 0 : clone.visible) && React__default["default"].createElement(CloneButton, __assign({}, clone)),
                 (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React__default["default"].createElement(StickyButton, __assign({}, sticky)),
                 (extract === null || extract === void 0 ? void 0 : extract.visible) && React__default["default"].createElement(ExtractButton, __assign({}, extract)),
                 (lock === null || lock === void 0 ? void 0 : lock.visible) && React__default["default"].createElement(LockButton, __assign({}, lock)),
@@ -2827,7 +2838,7 @@
     var FrameLoadingAnimation = function (_a) {
         var show = _a.show;
         return (show ?
-            (React__default["default"].createElement("div", { className: "loader-wraper active" },
+            (React__default["default"].createElement("div", { className: "loader-wrapper active" },
                 React__default["default"].createElement("div", { className: "loader" }),
                 React__default["default"].createElement("div", { className: "loader-text" }, "Loading..."))) : React__default["default"].createElement(React__default["default"].Fragment, null));
     };
@@ -2890,6 +2901,9 @@
                 var feedback = __assign({ onClick: function () {
                         webGroupsManager.onFeedbackButtonClick(TargetType.Frame, options.targetId);
                     } }, options.feedback);
+                var clone = __assign({ onClick: function () {
+                        webGroupsManager.onCloneButtonClick(TargetType.Frame, options.targetId);
+                    } }, options.clone);
                 var sticky = __assign({ onClick: function () {
                         webGroupsManager.onStickyButtonClick(TargetType.Frame, options.targetId);
                     } }, options.sticky);
@@ -2948,7 +2962,7 @@
                     } });
                 var notifyCaptionBoundsChanged = function (bounds) { return webGroupsManager.onCaptionTextBoundsChanged(TargetType.Frame, options.targetId, bounds); };
                 return React__default["default"].createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                    React__default["default"].createElement(FrameCaptionBarCustomElement, __assign({}, options, { feedback: feedback, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, channels: channels, customButtons: customButtonsProps, frameId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged })));
+                    React__default["default"].createElement(FrameCaptionBarCustomElement, __assign({}, options, { feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, channels: channels, customButtons: customButtonsProps, frameId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged })));
             });
         };
         var renderFrameWindowOverlay = function () {
@@ -3092,6 +3106,9 @@
                 var feedback = __assign({ onClick: function () {
                         webGroupsManager.onFeedbackButtonClick(TargetType.TabBar, options.targetId);
                     } }, options.feedback);
+                var clone = __assign({ onClick: function () {
+                        webGroupsManager.onCloneButtonClick(TargetType.TabBar, options.targetId);
+                    } }, options.clone);
                 var sticky = __assign({ onClick: function () {
                         webGroupsManager.onStickyButtonClick(TargetType.TabBar, options.targetId);
                     } }, options.sticky);
@@ -3131,7 +3148,7 @@
                     });
                 }
                 return React__default["default"].createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                    React__default["default"].createElement(TabButtonsCustomElement, __assign({}, options, { feedback: feedback, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
+                    React__default["default"].createElement(TabButtonsCustomElement, __assign({}, options, { feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
             });
         };
         var renderBelowTabs = function () {
@@ -3157,6 +3174,9 @@
                 var feedback = __assign({ onClick: function () {
                         webGroupsManager.onFeedbackButtonClick(TargetType.HtmlButtons, options.targetId);
                     } }, options.feedback);
+                var clone = __assign({ onClick: function () {
+                        webGroupsManager.onCloneButtonClick(TargetType.HtmlButtons, options.targetId);
+                    } }, options.clone);
                 var sticky = __assign({ onClick: function () {
                         webGroupsManager.onStickyButtonClick(TargetType.HtmlButtons, options.targetId);
                     } }, options.sticky);
@@ -3196,7 +3216,7 @@
                     });
                 }
                 return React__default["default"].createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                    React__default["default"].createElement(HtmlButtonsCustomElement, __assign({}, options, { feedback: feedback, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
+                    React__default["default"].createElement(HtmlButtonsCustomElement, __assign({}, options, { feedback: feedback, clone: clone, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
             });
         };
         return React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -3259,13 +3279,14 @@
     }
 
     var HtmlButtons = function (_a) {
-        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, sticky = _a.sticky, customButtons = _a.customButtons;
+        var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, clone = _a.clone, sticky = _a.sticky, customButtons = _a.customButtons;
         return React__default["default"].createElement("div", { className: "t42-buttons-container t42-html-buttons-bar-element" },
             React__default["default"].createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" }, customButtons.map(function (customButton) {
                 return customButton.visible && React__default["default"].createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
             })),
             React__default["default"].createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" },
                 (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React__default["default"].createElement(FeedbackButton, __assign({}, feedback)),
+                (clone === null || clone === void 0 ? void 0 : clone.visible) && React__default["default"].createElement(CloneButton, __assign({}, clone)),
                 (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React__default["default"].createElement(StickyButton, __assign({}, sticky)),
                 (extract === null || extract === void 0 ? void 0 : extract.visible) && React__default["default"].createElement(ExtractButton, __assign({}, extract)),
                 (lock === null || lock === void 0 ? void 0 : lock.visible) && React__default["default"].createElement(LockButton, __assign({}, lock)),
@@ -3284,6 +3305,7 @@
     var onCommitFlatCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb); };
     var onCommitTabCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb); };
 
+    exports.CloneButton = CloneButton;
     exports.CloseButton = CloseButton;
     exports.CustomButton = CustomButton;
     exports.ExtractButton = ExtractButton;