superdesk-ui-framework 3.0.1-beta.15 → 3.0.1-beta.16

package/dist/examples.bundle.js

@@ -41150,30 +41150,30 @@ var TableList = /** @class */ (function (_super) {
         return (this.state.items.length > 0
             ? this.props.dragAndDrop
                 ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
-                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("ul", __assign({ className: classes, ref: provided.innerRef }, provided.droppableProps),
+                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
                         _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
                             React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                                     ? item.onDoubleClick
                                     : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
                                     ? _this.props.itemsDropdown(index)
-                                    : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                                    : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                                     && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
                         provided.placeholder,
                         (_this.props.addItem && !_this.props.readOnly) &&
-                            React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                                 React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                     React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
-                : React.createElement("ul", { className: classes },
+                : React.createElement("div", { role: 'list', className: classes },
                     this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                             ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                             && _this.props.onAddItem(index, item); } })); }),
                     (this.props.addItem && !this.props.readOnly) &&
-                        React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                             React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                 React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly) ? React.createElement("ul", { className: classes },
-                React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
+                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                     React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                         React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
                 : null);
@@ -41213,12 +41213,14 @@ var TableListItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('table-list__item', {
             'table-list__item--clickable': this.props.onClick,
             'table-list__item--draggable': this.props.dragAndDrop,
+            'table-list__item--locked': this.props.locked,
+            'table-list__item--position-locked': this.props.positionLocked,
             'table-list__item--drag-handles-always': !this.props.showDragHandle,
             'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
         });
         return (this.props.addItem ?
-            React.createElement("li", { className: 'table-list__item-container' },
-                React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
+            React.createElement("div", { className: 'table-list__item-container' },
+                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
                     React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                     React.createElement("div", { className: 'table-list__item-content' },
                         React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
@@ -41230,7 +41232,7 @@ var TableListItem = /** @class */ (function (_super) {
                         React.createElement("div", { className: 'table-list__add-bar' },
                             React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
                                 React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
-            : React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
+            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
                 React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                 React.createElement("div", { className: 'table-list__item-content' },
                     React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
@@ -59779,7 +59781,7 @@ var ContentListItem = /** @class */ (function (_super) {
             'fetched': this.props.archived,
             'actioning': this.props.loading,
         });
-        return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
+        return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
             this.props.locked
                 ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
                 : React.createElement("div", { className: "sd-list-item__border" }),
@@ -59802,7 +59804,7 @@ var ContentList = /** @class */ (function (_super) {
     }
     ContentList.prototype.render = function () {
         var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
-        return (React.createElement("ul", { className: classes }, this.props.items.map(function (item, index) {
+        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
             return React.createElement(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 });
         })));
     };
@@ -101369,7 +101371,7 @@ var AuthoringMain = /** @class */ (function (_super) {
         return (React.createElement(_1.AuthoringMainContainer, null,
             this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
             React.createElement(_1.AuthoringMainContent, null,
-                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
+                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
                 this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
                 React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
     };
@@ -101606,7 +101608,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
     function AuthoringInnerHeader(props) {
         var _this = _super.call(this, props) || this;
         _this.state = {
-            collapsed: false,
+            collapsed: _this.props.collapsed ? _this.props.collapsed : false,
         };
         return _this;
     }
@@ -137766,7 +137768,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
 /* 649 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.15","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.16","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

@@ -35347,6 +35347,9 @@ tags-input,
     .table-list__item--draggable:active::after {
       opacity: 1 !important;
       cursor: grabbing; }
+  .table-list__item--locked {
+    border-color: rgba(224, 82, 105, 0.75);
+    border-left-color: rgba(224, 82, 105, 0.75) !important; }
   .table-list__item.table-list__item--selected.table-list__item--clickable:hover {
     box-shadow: var(--sd-shadow__item--selected-thin); }
   .table-list__item:hover .table-list__slide-in-actions,
@@ -39558,7 +39561,8 @@ a.text-link {
   opacity: 1;
   overflow-y: auto;
   width: auto;
-  min-width: 45vw; }
+  min-width: 45vw;
+  max-width: 45vw; }
   .open-editor .sd-editor__container.sd-editor__container--large {
     min-width: 52vw; }
 

package/dist/superdesk-ui.bundle.js

@@ -40794,30 +40794,30 @@ var TableList = /** @class */ (function (_super) {
         return (this.state.items.length > 0
             ? this.props.dragAndDrop
                 ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
-                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("ul", __assign({ className: classes, ref: provided.innerRef }, provided.droppableProps),
+                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
                         _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
                             React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                                     ? item.onDoubleClick
                                     : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
                                     ? _this.props.itemsDropdown(index)
-                                    : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                                    : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                                     && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
                         provided.placeholder,
                         (_this.props.addItem && !_this.props.readOnly) &&
-                            React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                                 React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                     React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
-                : React.createElement("ul", { className: classes },
+                : React.createElement("div", { role: 'list', className: classes },
                     this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                             ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                             && _this.props.onAddItem(index, item); } })); }),
                     (this.props.addItem && !this.props.readOnly) &&
-                        React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                             React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                 React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly) ? React.createElement("ul", { className: classes },
-                React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
+                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                     React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                         React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
                 : null);
@@ -40857,12 +40857,14 @@ var TableListItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('table-list__item', {
             'table-list__item--clickable': this.props.onClick,
             'table-list__item--draggable': this.props.dragAndDrop,
+            'table-list__item--locked': this.props.locked,
+            'table-list__item--position-locked': this.props.positionLocked,
             'table-list__item--drag-handles-always': !this.props.showDragHandle,
             'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
         });
         return (this.props.addItem ?
-            React.createElement("li", { className: 'table-list__item-container' },
-                React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
+            React.createElement("div", { className: 'table-list__item-container' },
+                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
                     React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                     React.createElement("div", { className: 'table-list__item-content' },
                         React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
@@ -40874,7 +40876,7 @@ var TableListItem = /** @class */ (function (_super) {
                         React.createElement("div", { className: 'table-list__add-bar' },
                             React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
                                 React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
-            : React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
+            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
                 React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                 React.createElement("div", { className: 'table-list__item-content' },
                     React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
@@ -59423,7 +59425,7 @@ var ContentListItem = /** @class */ (function (_super) {
             'fetched': this.props.archived,
             'actioning': this.props.loading,
         });
-        return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
+        return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
             this.props.locked
                 ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
                 : React.createElement("div", { className: "sd-list-item__border" }),
@@ -59446,7 +59448,7 @@ var ContentList = /** @class */ (function (_super) {
     }
     ContentList.prototype.render = function () {
         var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
-        return (React.createElement("ul", { className: classes }, this.props.items.map(function (item, index) {
+        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
             return React.createElement(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 });
         })));
     };
@@ -100630,7 +100632,7 @@ var AuthoringMain = /** @class */ (function (_super) {
         return (React.createElement(_1.AuthoringMainContainer, null,
             this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
             React.createElement(_1.AuthoringMainContent, null,
-                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
+                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
                 this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
                 React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
     };
@@ -100867,7 +100869,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
     function AuthoringInnerHeader(props) {
         var _this = _super.call(this, props) || this;
         _this.state = {
-            collapsed: false,
+            collapsed: _this.props.collapsed ? _this.props.collapsed : false,
         };
         return _this;
     }

package/package.json

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

package/react/components/Layouts/AuthoringInnerHeader.js

@@ -46,7 +46,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
     function AuthoringInnerHeader(props) {
         var _this = _super.call(this, props) || this;
         _this.state = {
-            collapsed: false,
+            collapsed: _this.props.collapsed ? _this.props.collapsed : false,
         };
         return _this;
     }

package/react/components/Layouts/AuthoringMain.js

@@ -46,7 +46,7 @@ var AuthoringMain = /** @class */ (function (_super) {
         return (React.createElement(_1.AuthoringMainContainer, null,
             this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
             React.createElement(_1.AuthoringMainContent, null,
-                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
+                this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
                 this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
                 React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
     };

package/react/components/Lists/ContentList.js

@@ -74,7 +74,7 @@ var ContentListItem = /** @class */ (function (_super) {
             'fetched': this.props.archived,
             'actioning': this.props.loading,
         });
-        return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
+        return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
             this.props.locked
                 ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
                 : React.createElement("div", { className: "sd-list-item__border" }),
@@ -97,7 +97,7 @@ var ContentList = /** @class */ (function (_super) {
     }
     ContentList.prototype.render = function () {
         var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
-        return (React.createElement("ul", { className: classes }, this.props.items.map(function (item, index) {
+        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
             return React.createElement(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 });
         })));
     };

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

@@ -20,6 +20,8 @@ export interface IPropsArrayItem {
     hexColor?: string;
     onClick?(): void;
     onDoubleClick?(): void;
+    locked?: boolean;
+    positionLocked?: boolean;
 }
 interface IState {
     items: Array<IPropsArrayItem>;
@@ -41,6 +43,8 @@ export interface IPropsItem {
     dragAndDrop?: boolean;
     hexColor?: string;
     showDragHandle?: 'always' | 'onHover' | 'none';
+    locked?: boolean;
+    positionLocked?: boolean;
     onClick?(): void;
     onDoubleClick?(): void;
     onSelect?(): void;

package/react/components/Lists/TableList.js

@@ -113,30 +113,30 @@ var TableList = /** @class */ (function (_super) {
         return (this.state.items.length > 0
             ? this.props.dragAndDrop
                 ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
-                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("ul", __assign({ className: classes, ref: provided.innerRef }, provided.droppableProps),
+                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
                         _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
                             React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                                     ? item.onDoubleClick
                                     : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
                                     ? _this.props.itemsDropdown(index)
-                                    : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                                    : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                                     && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
                         provided.placeholder,
                         (_this.props.addItem && !_this.props.readOnly) &&
-                            React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                                 React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                     React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
-                : React.createElement("ul", { className: classes },
+                : React.createElement("div", { role: 'list', className: classes },
                     this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                             ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                             && _this.props.onAddItem(index, item); } })); }),
                     (this.props.addItem && !this.props.readOnly) &&
-                        React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                             React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                 React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly) ? React.createElement("ul", { className: classes },
-                React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
+            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
+                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                     React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                         React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
                 : null);
@@ -176,12 +176,14 @@ var TableListItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('table-list__item', {
             'table-list__item--clickable': this.props.onClick,
             'table-list__item--draggable': this.props.dragAndDrop,
+            'table-list__item--locked': this.props.locked,
+            'table-list__item--position-locked': this.props.positionLocked,
             'table-list__item--drag-handles-always': !this.props.showDragHandle,
             'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
         });
         return (this.props.addItem ?
-            React.createElement("li", { className: 'table-list__item-container' },
-                React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
+            React.createElement("div", { className: 'table-list__item-container' },
+                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
                     React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                     React.createElement("div", { className: 'table-list__item-content' },
                         React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
@@ -193,7 +195,7 @@ var TableListItem = /** @class */ (function (_super) {
                         React.createElement("div", { className: 'table-list__add-bar' },
                             React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
                                 React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
-            : React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
+            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
                 React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                 React.createElement("div", { className: 'table-list__item-content' },
                     React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),

package/yarn-error.log

@@ -0,0 +1,111 @@
+Arguments: 
+  /usr/local/bin/node /usr/local/bin/yarn install
+
+PATH: 
+  /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
+
+Yarn version: 
+  1.21.1
+
+Node version: 
+  12.14.1
+
+Platform: 
+  linux x64
+
+Trace: 
+  Error: getaddrinfo EAI_AGAIN registry.yarnpkg.com
+      at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:60:26)
+
+npm manifest: 
+  {
+    "name": "superdesk-ui-framework",
+    "version": "2.1.11",
+    "license": "AGPL-3.0",
+    "repository": {
+      "type": "git",
+      "url": "https://github.com/superdesk/superdesk-ui-framework.git"
+    },
+    "main": "dist/superdesk-ui.bundle.js",
+    "types": "app-typescript/dist/index.d.ts",
+    "contributors": [
+      "Nemanja Pavlovic",
+      "Vladimir Stefanovic",
+      "Darko Tomic",
+      "Aleksandar Jelicic",
+      "Tomas Kikutis"
+    ],
+    "scripts": {
+      "start": "webpack-dev-server --config tasks/webpack.dev.js",
+      "server": "webpack --watch",
+      "build": "webpack && npm run lint && tsc",
+      "lint": "eslint app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'",
+      "prepublishOnly": "npm run build",
+      "prepublish": "patch-package"
+    },
+    "devDependencies": {
+      "@types/classnames": "^2.2.9",
+      "@types/lodash": "4.14.149",
+      "@types/react": "16.8.23",
+      "@types/react-dom": "16.8.0",
+      "@types/react-router-dom": "^5.1.2",
+      "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.15",
+      "node-sass": "^4.5.3",
+      "patch-package": "6.2.0",
+      "prismjs": "^1.17.1",
+      "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": "^3.5.1",
+      "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": {
+      "date-fns": "2.7.0",
+      "popper.js": "1.14.4",
+      "primeicons": "2.0.0",
+      "primereact": "3.3.2"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile