@interopio/groups-ui-react 2.0.3 → 2.0.5

package/dist/cjs/types/api.d.ts

@@ -68,6 +68,7 @@ export interface FlatCaptionBarProps {
     moveAreaId: string;
     caption: string;
     feedback?: ButtonProps;
+    clone?: ButtonProps;
     sticky?: ToggleButtonProps;
     extract?: ButtonProps;
     lock?: ButtonProps;
@@ -99,6 +100,7 @@ export interface AfterTabsProps {
 }
 export interface TabHeaderButtonsProps {
     feedback?: ButtonProps;
+    clone?: ButtonProps;
     sticky?: ToggleButtonProps;
     extract?: ButtonProps;
     lock?: ButtonProps;

package/dist/cjs/types/defaultComponents.d.ts

@@ -22,6 +22,8 @@ export interface StickyButtonProps extends ToggleButtonProps {
 }
 export interface FeedbackButtonProps extends ButtonProps {
 }
+export interface CloneButtonProps extends ButtonProps {
+}
 export interface ExtractButtonProps extends ButtonProps {
 }
 export interface LockButtonProps extends ButtonProps {
@@ -75,6 +77,7 @@ export interface FlatMoveAreaProps {
 }
 export interface FlatButtonsProps {
     feedback?: ButtonProps;
+    clone?: ButtonProps;
     sticky?: ToggleButtonProps;
     extract?: ButtonProps;
     lock?: ButtonProps;

package/dist/cjs/types/internal.d.ts

@@ -132,6 +132,10 @@ export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
         tooltip: string;
         visible: boolean;
     };
+    clone: {
+        tooltip: string;
+        visible: boolean;
+    };
     sticky: {
         tooltip: string;
         visible: boolean;
@@ -194,6 +198,7 @@ export declare enum TargetType {
 }
 export declare enum StandardButtons {
     Feedback = "feedback",
+    Clone = "clone",
     Sticky = "sticky",
     Extract = "extract",
     Lock = "lock",

package/dist/cjs/webGroupsManager.d.ts

@@ -20,6 +20,7 @@ declare class WebGroupsManagerDecorator {
     onLockButtonClick(targetType: TargetType, targetId: string): void;
     onUnlockButtonClick(targetType: TargetType, targetId: string): void;
     onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
+    onCloneButtonClick(targetType: TargetType, targetId: string): void;
     onStickyButtonClick(targetType: TargetType, targetId: string): void;
     onExtractButtonClick(targetType: TargetType, targetId: string): void;
     closeTab(targetId: string): void;

package/dist/esm/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/esm/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/esm/index.js

@@ -65,6 +65,7 @@ var TargetType;
 var StandardButtons;
 (function (StandardButtons) {
     StandardButtons["Feedback"] = "feedback";
+    StandardButtons["Clone"] = "clone";
     StandardButtons["Sticky"] = "sticky";
     StandardButtons["Extract"] = "extract";
     StandardButtons["Lock"] = "lock";
@@ -256,6 +257,9 @@ var WebGroupsManagerDecorator = /** @class */ (function () {
     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);
     };
@@ -587,6 +591,11 @@ var FeedbackButton = function (_a) {
     return React.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.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";
@@ -624,13 +633,14 @@ var CustomButton = function (_a) {
 };
 
 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.createElement("div", { className: "t42-buttons-container t42-frame-caption-bar-element" },
         React.createElement("ul", { className: "t42-buttons t42-tab-bar-element" }, customButtons.map(function (customButton) {
             return customButton.visible && React.createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
         })),
         React.createElement("ul", { className: "t42-buttons t42-frame-caption-bar-element" },
             (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React.createElement(FeedbackButton, __assign({}, feedback)),
+            (clone === null || clone === void 0 ? void 0 : clone.visible) && React.createElement(CloneButton, __assign({}, clone)),
             (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React.createElement(StickyButton, __assign({}, sticky)),
             (extract === null || extract === void 0 ? void 0 : extract.visible) && React.createElement(ExtractButton, __assign({}, extract)),
             (lock === null || lock === void 0 ? void 0 : lock.visible) && React.createElement(LockButton, __assign({}, lock)),
@@ -1814,13 +1824,14 @@ var Tab = function (_a) {
 };
 
 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.createElement("div", { className: "t42-buttons-container t42-tab-bar-element" },
         React.createElement("ul", { className: "t42-buttons t42-tab-bar-element" }, customButtons.map(function (customButton) {
             return customButton.visible && React.createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
         })),
         React.createElement("ul", { className: "t42-buttons t42-tab-bar-element" },
             (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React.createElement(FeedbackButton, __assign({}, feedback)),
+            (clone === null || clone === void 0 ? void 0 : clone.visible) && React.createElement(CloneButton, __assign({}, clone)),
             (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React.createElement(StickyButton, __assign({}, sticky)),
             (extract === null || extract === void 0 ? void 0 : extract.visible) && React.createElement(ExtractButton, __assign({}, extract)),
             (lock === null || lock === void 0 ? void 0 : lock.visible) && React.createElement(LockButton, __assign({}, lock)),
@@ -2820,7 +2831,7 @@ var webGroupsStore = new WebGroupsStore();
 var FrameLoadingAnimation = function (_a) {
     var show = _a.show;
     return (show ?
-        (React.createElement("div", { className: "loader-wraper active" },
+        (React.createElement("div", { className: "loader-wrapper active" },
             React.createElement("div", { className: "loader" }),
             React.createElement("div", { className: "loader-text" }, "Loading..."))) : React.createElement(React.Fragment, null));
 };
@@ -2883,6 +2894,9 @@ var GroupElementCreationWrapper = function (_a) {
             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);
@@ -2941,7 +2955,7 @@ var GroupElementCreationWrapper = function (_a) {
                 } });
             var notifyCaptionBoundsChanged = function (bounds) { return webGroupsManager.onCaptionTextBoundsChanged(TargetType.Frame, options.targetId, bounds); };
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.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.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 () {
@@ -3085,6 +3099,9 @@ var GroupElementCreationWrapper = function (_a) {
             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);
@@ -3124,7 +3141,7 @@ var GroupElementCreationWrapper = function (_a) {
                 });
             }
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.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.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 () {
@@ -3150,6 +3167,9 @@ var GroupElementCreationWrapper = function (_a) {
             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);
@@ -3189,7 +3209,7 @@ var GroupElementCreationWrapper = function (_a) {
                 });
             }
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.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.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.createElement(React.Fragment, null,
@@ -3252,13 +3272,14 @@ function useCommitFlatCaptionEditingRequested(targetId, text) {
 }
 
 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.createElement("div", { className: "t42-buttons-container t42-html-buttons-bar-element" },
         React.createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" }, customButtons.map(function (customButton) {
             return customButton.visible && React.createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
         })),
         React.createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" },
             (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React.createElement(FeedbackButton, __assign({}, feedback)),
+            (clone === null || clone === void 0 ? void 0 : clone.visible) && React.createElement(CloneButton, __assign({}, clone)),
             (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React.createElement(StickyButton, __assign({}, sticky)),
             (extract === null || extract === void 0 ? void 0 : extract.visible) && React.createElement(ExtractButton, __assign({}, extract)),
             (lock === null || lock === void 0 ? void 0 : lock.visible) && React.createElement(LockButton, __assign({}, lock)),
@@ -3277,5 +3298,5 @@ var onCommitGroupCaptionEditingRequested = function (targetId, cb) { return webG
 var onCommitFlatCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb); };
 var onCommitTabCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb); };
 
-export { CloseButton, CustomButton, ExtractButton, FeedbackButton, FlatButtons, FlatCaption, FlatCaptionBar, FlatCaptionEditor, FlatChannelSelector, FlatMoveArea, FrameLoadingAnimation, GroupButtons, GroupCaption, GroupCaptionBar, GroupCaptionEditor, GroupMoveArea, HtmlButtons, LockButton, MaximizeButton, MinimizeButton, RestoreButton, StickyButton, Tab, TabCaption, TabCaptionEditor, TabChannelSelector, TabCloseButton, TabHeaderButtons, UnlockButton, GroupElementCreationWrapper as default, getGroupId, onCommitFlatCaptionEditingRequested, onCommitGroupCaptionEditingRequested, onCommitTabCaptionEditingRequested, requestFrameFocus, requestGroupFocus, requestPageFocus, useCaptionEditor, useCommitFlatCaptionEditingRequested, useCommitGroupCaptionEditingRequested, useCommitTabCaptionEditingRequested, useEditableCaption, useGroupComponentVisibility, useIOConnectWindow, waitForWindow };
+export { CloneButton, CloseButton, CustomButton, ExtractButton, FeedbackButton, FlatButtons, FlatCaption, FlatCaptionBar, FlatCaptionEditor, FlatChannelSelector, FlatMoveArea, FrameLoadingAnimation, GroupButtons, GroupCaption, GroupCaptionBar, GroupCaptionEditor, GroupMoveArea, HtmlButtons, LockButton, MaximizeButton, MinimizeButton, RestoreButton, StickyButton, Tab, TabCaption, TabCaptionEditor, TabChannelSelector, TabCloseButton, TabHeaderButtons, UnlockButton, GroupElementCreationWrapper as default, getGroupId, onCommitFlatCaptionEditingRequested, onCommitGroupCaptionEditingRequested, onCommitTabCaptionEditingRequested, requestFrameFocus, requestGroupFocus, requestPageFocus, useCaptionEditor, useCommitFlatCaptionEditingRequested, useCommitGroupCaptionEditingRequested, useCommitTabCaptionEditingRequested, useEditableCaption, useGroupComponentVisibility, useIOConnectWindow, waitForWindow };
 //# sourceMappingURL=index.js.map