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

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),