superdesk-ui-framework 3.0.1-beta.23 → 3.0.1-beta.25

package/app/styles/components/_sd-comment-box.scss

@@ -1,11 +1,11 @@
 .comment-box__reply-item {
-    border-bottom: 1px solid rgba(123,123,123,0.2);
+    border-bottom: 1px solid var(--sd-colour-line--light);
 }
 
 .comment-box__input {
     padding: 0.4rem;
-    border-radius: $border-radius__base--x-small;
-    border: 1px solid rgba(123,123,123,0.4);
+    border-radius: $border-radius__base--small;
+    border: 1px solid var(--sd-colour-line--light);
     height: 2.8rem;
     resize: none;
 }
@@ -13,7 +13,10 @@
     display: none;
     padding-top: 1rem;
     &--active {
-        display: block;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        gap: var(--gap--small);
     }
 }
 .comment-box__button-toolbar {
@@ -22,6 +25,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
+    gap: var(--gap--small);
     &--right {
         justify-content: flex-end;
     }

package/app/styles/components/_sd-editor-popup.scss

@@ -17,11 +17,11 @@ $editor-popup-padding: 1.6rem;
 
 .editor-popup__main {
     display: flex;
-    color: $sd-text;
+    color: var(--color-text);
     width: 32rem;
     max-height: 100%;
     &.editor-popup__main--floating {
-        background-color: $white;
+        background-color: var(--color-dropdown-menu-Bg);
         z-index: 2;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
     }
@@ -84,6 +84,6 @@ $editor-popup-padding: 1.6rem;
 }
 
 .editor-popup__secondary-content {
-    background-color: rgba(123,123,123,0.1);
-    border-top: 1px solid rgba(123,123,123,0.2);
+    background-color: hsla(214, 13%, 48%, 0.05);
+    border-top: 1px solid var(--sd-colour-line--light);
 }

package/app-typescript/components/Label.tsx

@@ -66,7 +66,10 @@ export class Label extends React.PureComponent<IProps> {
                 );
             } else {
                 return (
-                    <span className={classes} style={{backgroundColor: this.props.hexColor}}>
+                    <span className={classes}
+                    style={this.props.hexColor
+                    ? {backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor)}
+                    : undefined}>
                         {this.props.text}
                     </span>
                 );
@@ -74,3 +77,12 @@ export class Label extends React.PureComponent<IProps> {
         }
     }
 }
+
+export function getTextColor(backgroundColor: string): 'black' | 'white' {
+    const r = parseInt(backgroundColor.substr(1, 2), 16);
+    const g = parseInt(backgroundColor.substr(3, 2), 16);
+    const b = parseInt(backgroundColor.substr(5, 2), 16);
+    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+
+    return (yiq >= 128) ? 'black' : 'white';
+}

package/app-typescript/components/Lists/ContentList.tsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 interface IPropsItem {
     action?: React.ReactNode;
     locked?: boolean;
-    itemColum: Array<{itemRow: Array<{content: any}>, border?: boolean, fullwidth?: boolean}>;
+    itemColum: Array<{ itemRow: Array<{ content: any }>, border?: boolean, fullwidth?: boolean }>;
     activated?: boolean;
     selected?: boolean;
     archived?: boolean;
@@ -40,42 +40,47 @@ class ContentListItem extends React.PureComponent<IPropsItem> {
         }, this.delay);
     }
 
+    onActionMenuClick = (event: React.MouseEvent<HTMLElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+
     render() {
         let classes = classNames('sd-list-item sd-shadow--z1', {
             'sd-list-item--activated': this.props.activated,
             'sd-list-item--selected': this.props.selected,
             'fetched': this.props.archived,
             'actioning': this.props.loading,
-    });
+        });
 
         return (
-                <div
+            <div
                 role='listitem'
                 className={classes}
                 onClick={this.onSingleClick}
                 onDoubleClick={this.onDoubleClick}>
-                    {this.props.locked
+                {this.props.locked
                     ? <div className="sd-list-item__border sd-list-item__border--locked"></div>
                     : <div className="sd-list-item__border"></div>}
-                    {this.props.itemColum.map((item, index) => {
-                        return <div
+                {this.props.itemColum.map((item, index) => {
+                    return <div
                         className={`sd-list-item__column ${item.fullwidth && 'sd-list-item__column--grow'} ${!item.border && 'sd-list-item__column--no-border'}`}
                         key={index}>
                         {item.itemRow.map((e, i) => {
                             return (
                                 item.itemRow.length <= 1
-                                ? <React.Fragment key={i}>{e.content}</React.Fragment>
-                                : <div className="sd-list-item__row" key={i}>
-                                    {e.content}
-                                </div>
+                                    ? <React.Fragment key={i}>{e.content}</React.Fragment>
+                                    : <div className="sd-list-item__row" key={i}>
+                                        {e.content}
+                                    </div>
                             );
                         })}
-                        </div>;
-                    })}
-                    <div className="sd-list-item__action-menu">
-                        {this.props.action}
-                    </div>
+                    </div>;
+                })}
+                <div className="sd-list-item__action-menu" onClick={this.onActionMenuClick}>
+                    {this.props.action}
                 </div>
+            </div>
         );
     }
 }
@@ -95,7 +100,7 @@ interface IProps {
 }
 
 interface IItemArray {
-    itemRow: Array<{content: React.ReactNode}>;
+    itemRow: Array<{ content: React.ReactNode }>;
     border?: boolean;
     fullwidth?: boolean;
 }
@@ -107,16 +112,16 @@ class ContentList extends React.PureComponent<IProps> {
             <div role='list' className={classes}>
                 {this.props.items.map((item, index) => {
                     return <ContentListItem
-                    key={index}
-                    itemColum={item.itemColum}
-                    locked={item.locked}
-                    action={item.action}
-                    loading={item.loading}
-                    activated={item.activated}
-                    selected={item.selected}
-                    archived={item.archived}
-                    onClick={item.onClick}
-                    onDoubleClick={item.onDoubleClick} />;
+                        key={index}
+                        itemColum={item.itemColum}
+                        locked={item.locked}
+                        action={item.action}
+                        loading={item.loading}
+                        activated={item.activated}
+                        selected={item.selected}
+                        archived={item.archived}
+                        onClick={item.onClick}
+                        onDoubleClick={item.onDoubleClick} />;
                 })}
             </div>
         );

package/dist/examples.bundle.js

@@ -60026,6 +60026,10 @@ var ContentListItem = /** @class */ (function (_super) {
                 _this.prevent = false;
             }, _this.delay);
         };
+        _this.onActionMenuClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
         return _this;
     }
     ContentListItem.prototype.render = function () {
@@ -60046,7 +60050,7 @@ var ContentListItem = /** @class */ (function (_super) {
                         : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
                 }));
             }),
-            React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
+            React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
     };
     return ContentListItem;
 }(React.PureComponent));
@@ -68743,7 +68747,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
+exports.getTextColor = exports.Label = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var Label = /** @class */ (function (_super) {
@@ -68780,13 +68784,23 @@ var Label = /** @class */ (function (_super) {
                 return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
             }
             else {
-                return (React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor } }, this.props.text));
+                return (React.createElement("span", { className: classes, style: this.props.hexColor
+                        ? { backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor) }
+                        : undefined }, this.props.text));
             }
         }
     };
     return Label;
 }(React.PureComponent));
 exports.Label = Label;
+function getTextColor(backgroundColor) {
+    var r = parseInt(backgroundColor.substr(1, 2), 16);
+    var g = parseInt(backgroundColor.substr(3, 2), 16);
+    var b = parseInt(backgroundColor.substr(5, 2), 16);
+    var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+    return (yiq >= 128) ? 'black' : 'white';
+}
+exports.getTextColor = getTextColor;
 
 
 /***/ }),
@@ -137913,7 +137927,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
 /* 649 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.23","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"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@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.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","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","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","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","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","tslint":"^5.18.0","typescript":"4.5.2","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":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.25","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"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@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.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","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","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","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","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","tslint":"^5.18.0","typescript":"4.5.2","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":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
 
 /***/ }),
 /* 650 */

package/dist/superdesk-ui.bundle.css

@@ -41932,7 +41932,7 @@ a.text-link {
   width: 32rem;
   max-height: 100%; }
   .editor-popup__main.editor-popup__main--floating {
-    background-color: #fff;
+    background-color: var(--color-dropdown-menu-Bg);
     z-index: 2;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }
 
@@ -41987,16 +41987,16 @@ a.text-link {
   padding-top: 0; }
 
 .editor-popup__secondary-content {
-  background-color: rgba(123, 123, 123, 0.1);
-  border-top: 1px solid rgba(123, 123, 123, 0.2); }
+  background-color: rgba(106, 120, 138, 0.05);
+  border-top: 1px solid var(--sd-colour-line--light); }
 
 .comment-box__reply-item {
-  border-bottom: 1px solid rgba(123, 123, 123, 0.2); }
+  border-bottom: 1px solid var(--sd-colour-line--light); }
 
 .comment-box__input {
   padding: 0.4rem;
-  border-radius: var(--b-radius--x-small);
-  border: 1px solid rgba(123, 123, 123, 0.4);
+  border-radius: var(--b-radius--small);
+  border: 1px solid var(--sd-colour-line--light);
   height: 2.8rem;
   resize: none; }
 
@@ -42004,14 +42004,18 @@ a.text-link {
   display: none;
   padding-top: 1rem; }
   .comment-box__reply-toolbar--active {
-    display: block; }
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: var(--gap--small); }
 
 .comment-box__button-toolbar {
   margin-top: 1.2rem;
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: flex-start; }
+  justify-content: flex-start;
+  gap: var(--gap--small); }
   .comment-box__button-toolbar--right {
     justify-content: flex-end; }
   .comment-box__button-toolbar--small {

package/dist/superdesk-ui.bundle.js

@@ -59670,6 +59670,10 @@ var ContentListItem = /** @class */ (function (_super) {
                 _this.prevent = false;
             }, _this.delay);
         };
+        _this.onActionMenuClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
         return _this;
     }
     ContentListItem.prototype.render = function () {
@@ -59690,7 +59694,7 @@ var ContentListItem = /** @class */ (function (_super) {
                         : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
                 }));
             }),
-            React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
+            React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
     };
     return ContentListItem;
 }(React.PureComponent));
@@ -68004,7 +68008,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
+exports.getTextColor = exports.Label = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var Label = /** @class */ (function (_super) {
@@ -68041,13 +68045,23 @@ var Label = /** @class */ (function (_super) {
                 return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
             }
             else {
-                return (React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor } }, this.props.text));
+                return (React.createElement("span", { className: classes, style: this.props.hexColor
+                        ? { backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor) }
+                        : undefined }, this.props.text));
             }
         }
     };
     return Label;
 }(React.PureComponent));
 exports.Label = Label;
+function getTextColor(backgroundColor) {
+    var r = parseInt(backgroundColor.substr(1, 2), 16);
+    var g = parseInt(backgroundColor.substr(3, 2), 16);
+    var b = parseInt(backgroundColor.substr(5, 2), 16);
+    var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+    return (yiq >= 128) ? 'black' : 'white';
+}
+exports.getTextColor = getTextColor;
 
 
 /***/ }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "3.0.1-beta.23",
+  "version": "3.0.1-beta.25",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",

package/react/components/Label.d.ts

@@ -13,4 +13,5 @@ interface IProps {
 export declare class Label extends React.PureComponent<IProps> {
     render(): JSX.Element;
 }
+export declare function getTextColor(backgroundColor: string): 'black' | 'white';
 export {};

package/react/components/Label.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
+exports.getTextColor = exports.Label = void 0;
 var React = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Label = /** @class */ (function (_super) {
@@ -74,10 +74,20 @@ var Label = /** @class */ (function (_super) {
                 return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
             }
             else {
-                return (React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor } }, this.props.text));
+                return (React.createElement("span", { className: classes, style: this.props.hexColor
+                        ? { backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor) }
+                        : undefined }, this.props.text));
             }
         }
     };
     return Label;
 }(React.PureComponent));
 exports.Label = Label;
+function getTextColor(backgroundColor) {
+    var r = parseInt(backgroundColor.substr(1, 2), 16);
+    var g = parseInt(backgroundColor.substr(3, 2), 16);
+    var b = parseInt(backgroundColor.substr(5, 2), 16);
+    var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+    return (yiq >= 128) ? 'black' : 'white';
+}
+exports.getTextColor = getTextColor;

package/react/components/Lists/ContentList.d.ts

@@ -22,6 +22,7 @@ declare class ContentListItem extends React.PureComponent<IPropsItem> {
     private prevent;
     onSingleClick: () => void;
     onDoubleClick: () => void;
+    onActionMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
     render(): JSX.Element;
 }
 interface IProps {

package/react/components/Lists/ContentList.js

@@ -65,6 +65,10 @@ var ContentListItem = /** @class */ (function (_super) {
                 _this.prevent = false;
             }, _this.delay);
         };
+        _this.onActionMenuClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
         return _this;
     }
     ContentListItem.prototype.render = function () {
@@ -85,7 +89,7 @@ var ContentListItem = /** @class */ (function (_super) {
                         : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
                 }));
             }),
-            React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
+            React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
     };
     return ContentListItem;
 }(React.PureComponent));

package/.vscode/settings.json

@@ -1,5 +0,0 @@
-{
-    "cSpell.words": [
-        "qcode"
-    ]
-}

package/app-typescript/dist/components/Alert.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    type?: 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
-    style?: 'filled' | 'hollow';
-    size?: 'normal' | 'small';
-    restoreIcon?: 'info' | 'help';
-}
-interface IState {
-    open: boolean;
-}
-export declare class Alert extends React.PureComponent<IProps, IState> {
-    constructor(props: IProps);
-    onToggle(): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Autocomplete.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    items: Array<any>;
-    keyValue?: string;
-    minLength?: number;
-    value?: string | object;
-    label?: string;
-    placeholder?: string;
-    info?: string;
-    error?: string;
-    required?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    inlineLabel?: boolean;
-    isSearchField?: boolean;
-    listItemTemplate?(value: any): any;
-    search?(searhString: string, callback: (result: Array<any>) => void): {
-        cancel: () => void;
-    };
-    onChange(newValue: string): void;
-    onSelect?(suggestion: string): void;
-}
-interface IState {
-    selectedItem: any;
-    filteredItems: any;
-    invalid: boolean;
-    focused: boolean;
-}
-export declare class Autocomplete extends React.Component<IProps, IState> {
-    latestCall?: {
-        cancel: () => void;
-    };
-    constructor(props: IProps);
-    htmlId: string;
-    search(term: string): void;
-    searchItem(event: any): void;
-    handleChange(event: {
-        originalEvent: Event;
-        value: any;
-    }): void;
-    handleSelect(event: {
-        originalEvent: Event;
-        value: any;
-    }): void;
-    handleInputClear(): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Avatar.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-interface IBase {
-    tooltipText?: string;
-}
-interface IImageAvatar extends IBase {
-    imageUrl?: string;
-}
-interface ITextAvatar extends IBase {
-    text: string;
-}
-export declare class AvatarContentText extends React.PureComponent<ITextAvatar> {
-    render(): JSX.Element;
-}
-export declare class AvatarContentImage extends React.PureComponent<IImageAvatar> {
-    render(): JSX.Element;
-}
-interface IPropsAvatarWrapper {
-    size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    statusIndicator?: {
-        status: 'online' | 'offline';
-        tooltipText?: string;
-    };
-    administratorIndicator?: {
-        enabled: boolean;
-        tooltipText?: string;
-    };
-    children: React.ReactNode;
-    'data-test-id'?: string;
-}
-export declare class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Badge.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    text?: string;
-    type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
-    color?: string;
-    shape?: 'round' | 'square';
-    children?: React.ReactNode;
-    'data-test-id'?: string;
-}
-export declare class Badge extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Button.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-interface IButtonBase {
-    id?: string;
-    theme?: 'light' | 'dark';
-    type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
-    size?: 'small' | 'normal' | 'large';
-    children?: never;
-    icon?: string;
-    disabled?: boolean;
-    iconOnly?: boolean;
-    onClick(): void;
-    'data-test-id'?: string;
-}
-interface IPropsButton extends IButtonBase {
-    text: string;
-    expand?: boolean;
-    style?: 'filled' | 'hollow' | 'text-only';
-    shape?: 'square' | 'round';
-}
-export declare class Button extends React.PureComponent<IPropsButton> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/ButtonGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    spaces?: 'comfort' | 'compact';
-    align?: 'left' | 'right' | 'center' | 'inline';
-    padded?: boolean;
-    children: React.ReactNode;
-}
-export declare class ButtonGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/CheckButtonGroup.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    grid?: boolean;
-    align?: 'left' | 'right' | 'center' | 'inline';
-    padded?: boolean;
-}
-export declare class CheckButtonGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/CheckGroup.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    children: React.ReactNode;
-}
-export declare class CheckGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Checkbox.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    label: {
-        text: string;
-        side?: 'left' | 'right';
-        hidden?: boolean;
-    };
-    checked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    onChange(nextValue: boolean): void;
-}
-export declare class Checkbox extends React.Component<IProps> {
-    htmlId: string;
-    constructor(props: IProps);
-    handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
-}
-export {};