superdesk-ui-framework 5.2.1 → 5.2.2

package/app-typescript/components/CopyableTextBox.tsx

@@ -34,6 +34,11 @@ export const CopyableTextBox: React.FC<ICopyableTextBoxProps> = (props) => {
         navigator.clipboard
             .writeText(props.value)
             .then(() => {
+                toasted.notify(gettext('Copied to clipboard'), {
+                    type: 'success',
+                    duration: 500,
+                });
+
                 setCopied(true);
 
                 if (timeoutIdRef.current) {

package/app-typescript/components/IconButton.tsx

@@ -8,37 +8,31 @@ interface IProps {
     icon: string;
     ariaValue: string;
     toolTipFlow?: 'top' | 'left' | 'right' | 'down';
-    toolTipAppend?: boolean;
     size?: 'default' | 'small' | 'x-large';
     style?: 'default' | 'outline' | 'outlineWhite';
     disabled?: boolean;
     onClick(event: React.MouseEvent): void;
 }
 
-export class IconButton extends React.PureComponent<IProps> {
-    static defaultProps = {
-        toolTipAppend: true,
-    };
-    render() {
-        let classes = classNames('icn-btn', {
-            [`icn-btn--${this.props.size}`]: this.props.size || this.props.size !== undefined,
-            [`icn-btn--${this.props.style}`]: this.props.style || this.props.style !== undefined,
-            'icn-btn--disabled': this.props.disabled,
-        });
+export const IconButton: React.FC<IProps> = (props) => {
+    const classes = classNames('icn-btn', {
+        [`icn-btn--${props.size}`]: props.size || props.size !== undefined,
+        [`icn-btn--${props.style}`]: props.style || props.style !== undefined,
+        'icn-btn--disabled': props.disabled,
+    });
 
-        return (
-            <Tooltip text={this.props.disabled ? null : this.props.ariaValue} flow={this.props.toolTipFlow}>
-                <button
-                    id={this.props.id}
-                    tabIndex={0}
-                    onClick={this.props.onClick}
-                    className={classes}
-                    disabled={this.props.disabled}
-                    aria-label={this.props.ariaValue}
-                >
-                    <Icon name={this.props.icon} ariaHidden={true} />
-                </button>
-            </Tooltip>
-        );
-    }
-}
+    return (
+        <Tooltip text={props.disabled ? null : props.ariaValue} flow={props.toolTipFlow}>
+            <button
+                id={props.id}
+                tabIndex={0}
+                onClick={props.onClick}
+                className={classes}
+                disabled={props.disabled}
+                aria-label={props.ariaValue}
+            >
+                <Icon name={props.icon} ariaHidden={true} />
+            </button>
+        </Tooltip>
+    );
+};

package/app-typescript/translations.ts

@@ -7,6 +7,7 @@ export const translations = {
     Close: 'Close',
     Search: 'Search',
     Copy: 'Copy',
+    'Copied to clipboard': 'Copied to clipboard',
     'No results found': 'No results found',
     "Couldn't copy": "Couldn't copy",
 };

package/dist/examples.bundle.js

@@ -27456,21 +27456,6 @@ function addLeadingZeros(number, targetLength) {
 
 "use strict";
 
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -27513,27 +27498,17 @@ var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(13);
 var Tooltip_1 = __webpack_require__(50);
 var classnames_1 = __importDefault(__webpack_require__(3));
-var IconButton = /** @class */ (function (_super) {
-    __extends(IconButton, _super);
-    function IconButton() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconButton.prototype.render = function () {
-        var _a;
-        var classes = (0, classnames_1.default)('icn-btn', (_a = {},
-            _a["icn-btn--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
-            _a["icn-btn--".concat(this.props.style)] = this.props.style || this.props.style !== undefined,
-            _a['icn-btn--disabled'] = this.props.disabled,
-            _a));
-        return (React.createElement(Tooltip_1.Tooltip, { text: this.props.disabled ? null : this.props.ariaValue, flow: this.props.toolTipFlow },
-            React.createElement("button", { id: this.props.id, tabIndex: 0, onClick: this.props.onClick, className: classes, disabled: this.props.disabled, "aria-label": this.props.ariaValue },
-                React.createElement(Icon_1.Icon, { name: this.props.icon, ariaHidden: true }))));
-    };
-    IconButton.defaultProps = {
-        toolTipAppend: true,
-    };
-    return IconButton;
-}(React.PureComponent));
+var IconButton = function (props) {
+    var _a;
+    var classes = (0, classnames_1.default)('icn-btn', (_a = {},
+        _a["icn-btn--".concat(props.size)] = props.size || props.size !== undefined,
+        _a["icn-btn--".concat(props.style)] = props.style || props.style !== undefined,
+        _a['icn-btn--disabled'] = props.disabled,
+        _a));
+    return (React.createElement(Tooltip_1.Tooltip, { text: props.disabled ? null : props.ariaValue, flow: props.toolTipFlow },
+        React.createElement("button", { id: props.id, tabIndex: 0, onClick: props.onClick, className: classes, disabled: props.disabled, "aria-label": props.ariaValue },
+            React.createElement(Icon_1.Icon, { name: props.icon, ariaHidden: true }))));
+};
 exports.IconButton = IconButton;
 
 
@@ -64554,6 +64529,7 @@ exports.translations = {
     Close: 'Close',
     Search: 'Search',
     Copy: 'Copy',
+    'Copied to clipboard': 'Copied to clipboard',
     'No results found': 'No results found',
     "Couldn't copy": "Couldn't copy",
 };
@@ -102731,6 +102707,10 @@ var CopyableTextBox = function (props) {
         navigator.clipboard
             .writeText(props.value)
             .then(function () {
+            Toast_1.toasted.notify((0, translations_1.gettext)('Copied to clipboard'), {
+                type: 'success',
+                duration: 500,
+            });
             setCopied(true);
             if (timeoutIdRef.current) {
                 window.clearTimeout(timeoutIdRef.current);
@@ -190419,7 +190399,7 @@ var EditorTest = /** @class */ (function (_super) {
                             React.createElement("dd", null,
                                 React.createElement("time", { title: "July 29, 2021 3:58 PM" }, "07/29")))),
                     React.createElement(index_1.ButtonGroup, { align: "end" },
-                        React.createElement(index_1.IconButton, { icon: "preview-mode", toolTipAppend: true, ariaValue: "Print preview", onClick: function () { return false; } }),
+                        React.createElement(index_1.IconButton, { icon: "preview-mode", ariaValue: "Print preview", onClick: function () { return false; } }),
                         React.createElement(index_1.IconButton, { icon: "adjust", ariaValue: "Toogle theme", onClick: function () { return false; } }),
                         React.createElement(index_1.IconButton, { icon: "switches", ariaValue: "Theme settings", onClick: function () { return false; } }))), authoringHeader: React.createElement(React.Fragment, null,
                     React.createElement(Form.FormGroup, null,
@@ -190721,7 +190701,7 @@ var Editor = /** @class */ (function (_super) {
                                 React.createElement("dd", null,
                                     React.createElement("time", { title: "July 29, 2021 3:58 PM" }, "07/29")))),
                         React.createElement(index_1.ButtonGroup, { align: "end" },
-                            React.createElement(index_1.IconButton, { icon: "preview-mode", toolTipAppend: true, ariaValue: "Print preview", onClick: function () { return false; } }),
+                            React.createElement(index_1.IconButton, { icon: "preview-mode", ariaValue: "Print preview", onClick: function () { return false; } }),
                             React.createElement(index_1.IconButton, { icon: "adjust", ariaValue: "Toogle theme", onClick: function () { return false; } }),
                             React.createElement(index_1.IconButton, { icon: "switches", ariaValue: "Theme settings", onClick: function () { return false; } }))), authoringHeader: React.createElement(React.Fragment, null,
                         React.createElement(Form.FormGroup, { inlineLabel: true },
@@ -198425,7 +198405,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
 /* 1067 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"5.2.1","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic","Konstantin Markov","Helmy Giacoman"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prettier":"3.5.3","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"^5.8.3","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@sourcefabric/common":"0.0.66","@superdesk/primereact":"^5.0.2-16","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"^4.1.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"5.2.2","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic","Konstantin Markov","Helmy Giacoman"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","watch":"webpack --watch --config tasks/webpack.prod.js & tsc --watch","build":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prettier":"3.5.3","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"^5.8.3","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@sourcefabric/common":"0.0.66","@superdesk/primereact":"^5.0.2-16","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"^4.1.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
 
 /***/ }),
 /* 1068 */

package/dist/superdesk-ui.bundle.js

@@ -27233,21 +27233,6 @@ function addLeadingZeros(number, targetLength) {
 
 "use strict";
 
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -27290,27 +27275,17 @@ var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(13);
 var Tooltip_1 = __webpack_require__(50);
 var classnames_1 = __importDefault(__webpack_require__(3));
-var IconButton = /** @class */ (function (_super) {
-    __extends(IconButton, _super);
-    function IconButton() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconButton.prototype.render = function () {
-        var _a;
-        var classes = (0, classnames_1.default)('icn-btn', (_a = {},
-            _a["icn-btn--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
-            _a["icn-btn--".concat(this.props.style)] = this.props.style || this.props.style !== undefined,
-            _a['icn-btn--disabled'] = this.props.disabled,
-            _a));
-        return (React.createElement(Tooltip_1.Tooltip, { text: this.props.disabled ? null : this.props.ariaValue, flow: this.props.toolTipFlow },
-            React.createElement("button", { id: this.props.id, tabIndex: 0, onClick: this.props.onClick, className: classes, disabled: this.props.disabled, "aria-label": this.props.ariaValue },
-                React.createElement(Icon_1.Icon, { name: this.props.icon, ariaHidden: true }))));
-    };
-    IconButton.defaultProps = {
-        toolTipAppend: true,
-    };
-    return IconButton;
-}(React.PureComponent));
+var IconButton = function (props) {
+    var _a;
+    var classes = (0, classnames_1.default)('icn-btn', (_a = {},
+        _a["icn-btn--".concat(props.size)] = props.size || props.size !== undefined,
+        _a["icn-btn--".concat(props.style)] = props.style || props.style !== undefined,
+        _a['icn-btn--disabled'] = props.disabled,
+        _a));
+    return (React.createElement(Tooltip_1.Tooltip, { text: props.disabled ? null : props.ariaValue, flow: props.toolTipFlow },
+        React.createElement("button", { id: props.id, tabIndex: 0, onClick: props.onClick, className: classes, disabled: props.disabled, "aria-label": props.ariaValue },
+            React.createElement(Icon_1.Icon, { name: props.icon, ariaHidden: true }))));
+};
 exports.IconButton = IconButton;
 
 
@@ -64284,6 +64259,7 @@ exports.translations = {
     Close: 'Close',
     Search: 'Search',
     Copy: 'Copy',
+    'Copied to clipboard': 'Copied to clipboard',
     'No results found': 'No results found',
     "Couldn't copy": "Couldn't copy",
 };
@@ -102078,6 +102054,10 @@ var CopyableTextBox = function (props) {
         navigator.clipboard
             .writeText(props.value)
             .then(function () {
+            Toast_1.toasted.notify((0, translations_1.gettext)('Copied to clipboard'), {
+                type: 'success',
+                duration: 500,
+            });
             setCopied(true);
             if (timeoutIdRef.current) {
                 window.clearTimeout(timeoutIdRef.current);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "superdesk-ui-framework",
-    "version": "5.2.1",
+    "version": "5.2.2",
     "license": "AGPL-3.0",
     "repository": {
         "type": "git",
@@ -20,7 +20,7 @@
     ],
     "scripts": {
         "start": "webpack-dev-server --config tasks/webpack.dev.js",
-        "server": "webpack --watch --config tasks/webpack.prod.js && tsc-watch",
+        "watch": "webpack --watch --config tasks/webpack.prod.js & tsc --watch",
         "build": "tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc",
         "build-ui": "webpack && tsc && npm run lint",
         "playground-lint": "tsc -p examples/pages/playgrounds/react-playgrounds --noEmit",

package/react/components/CopyableTextBox.js

@@ -59,6 +59,10 @@ var CopyableTextBox = function (props) {
         navigator.clipboard
             .writeText(props.value)
             .then(function () {
+            Toast_1.toasted.notify((0, translations_1.gettext)('Copied to clipboard'), {
+                type: 'success',
+                duration: 500,
+            });
             setCopied(true);
             if (timeoutIdRef.current) {
                 window.clearTimeout(timeoutIdRef.current);

package/react/components/IconButton.d.ts

@@ -4,16 +4,10 @@ interface IProps {
     icon: string;
     ariaValue: string;
     toolTipFlow?: 'top' | 'left' | 'right' | 'down';
-    toolTipAppend?: boolean;
     size?: 'default' | 'small' | 'x-large';
     style?: 'default' | 'outline' | 'outlineWhite';
     disabled?: boolean;
     onClick(event: React.MouseEvent): void;
 }
-export declare class IconButton extends React.PureComponent<IProps> {
-    static defaultProps: {
-        toolTipAppend: boolean;
-    };
-    render(): JSX.Element;
-}
+export declare const IconButton: React.FC<IProps>;
 export {};

package/react/components/IconButton.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -56,25 +41,15 @@ var React = __importStar(require("react"));
 var Icon_1 = require("./Icon");
 var Tooltip_1 = require("./Tooltip");
 var classnames_1 = __importDefault(require("classnames"));
-var IconButton = /** @class */ (function (_super) {
-    __extends(IconButton, _super);
-    function IconButton() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconButton.prototype.render = function () {
-        var _a;
-        var classes = (0, classnames_1.default)('icn-btn', (_a = {},
-            _a["icn-btn--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
-            _a["icn-btn--".concat(this.props.style)] = this.props.style || this.props.style !== undefined,
-            _a['icn-btn--disabled'] = this.props.disabled,
-            _a));
-        return (React.createElement(Tooltip_1.Tooltip, { text: this.props.disabled ? null : this.props.ariaValue, flow: this.props.toolTipFlow },
-            React.createElement("button", { id: this.props.id, tabIndex: 0, onClick: this.props.onClick, className: classes, disabled: this.props.disabled, "aria-label": this.props.ariaValue },
-                React.createElement(Icon_1.Icon, { name: this.props.icon, ariaHidden: true }))));
-    };
-    IconButton.defaultProps = {
-        toolTipAppend: true,
-    };
-    return IconButton;
-}(React.PureComponent));
+var IconButton = function (props) {
+    var _a;
+    var classes = (0, classnames_1.default)('icn-btn', (_a = {},
+        _a["icn-btn--".concat(props.size)] = props.size || props.size !== undefined,
+        _a["icn-btn--".concat(props.style)] = props.style || props.style !== undefined,
+        _a['icn-btn--disabled'] = props.disabled,
+        _a));
+    return (React.createElement(Tooltip_1.Tooltip, { text: props.disabled ? null : props.ariaValue, flow: props.toolTipFlow },
+        React.createElement("button", { id: props.id, tabIndex: 0, onClick: props.onClick, className: classes, disabled: props.disabled, "aria-label": props.ariaValue },
+            React.createElement(Icon_1.Icon, { name: props.icon, ariaHidden: true }))));
+};
 exports.IconButton = IconButton;

package/react/translations.d.ts

@@ -6,6 +6,7 @@ export declare const translations: {
     Close: string;
     Search: string;
     Copy: string;
+    'Copied to clipboard': string;
     'No results found': string;
     "Couldn't copy": string;
 };

package/react/translations.js

@@ -11,6 +11,7 @@ exports.translations = {
     Close: 'Close',
     Search: 'Search',
     Copy: 'Copy',
+    'Copied to clipboard': 'Copied to clipboard',
     'No results found': 'No results found',
     "Couldn't copy": "Couldn't copy",
 };