superdesk-ui-framework 3.0.1-beta.15 → 3.0.1-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/settings.json +5 -0
- package/app/styles/_table-list.scss +4 -0
- package/app/styles/layout/_editor.scss +1 -0
- package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx +1 -1
- package/app-typescript/components/Layouts/AuthoringMain.tsx +4 -2
- package/app-typescript/components/Lists/ContentList.tsx +7 -3
- package/app-typescript/components/Lists/TableList.tsx +29 -16
- package/app-typescript/dist/components/Alert.d.ts +16 -0
- package/app-typescript/dist/components/Autocomplete.d.ts +48 -0
- package/app-typescript/dist/components/Avatar.d.ts +33 -0
- package/app-typescript/dist/components/Badge.d.ts +13 -0
- package/app-typescript/dist/components/Button.d.ts +23 -0
- package/app-typescript/dist/components/ButtonGroup.d.ts +12 -0
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +11 -0
- package/app-typescript/dist/components/CheckGroup.d.ts +9 -0
- package/app-typescript/dist/components/Checkbox.d.ts +19 -0
- package/app-typescript/dist/components/CheckboxButton.d.ts +19 -0
- package/app-typescript/dist/components/DatePicker.d.ts +37 -0
- package/app-typescript/dist/components/Divider.d.ts +9 -0
- package/app-typescript/dist/components/DonutChart.d.ts +12 -0
- package/app-typescript/dist/components/Dropdown.d.ts +28 -0
- package/app-typescript/dist/components/DropdownFirst.d.ts +42 -0
- package/app-typescript/dist/components/EmptyState.d.ts +11 -0
- package/app-typescript/dist/components/FormLabel.d.ts +9 -0
- package/app-typescript/dist/components/Genie.d.ts +13 -0
- package/app-typescript/dist/components/GridItem.d.ts +69 -0
- package/app-typescript/dist/components/GridList.d.ts +14 -0
- package/app-typescript/dist/components/HeadingText.d.ts +10 -0
- package/app-typescript/dist/components/HelloWorld.d.ts +8 -0
- package/app-typescript/dist/components/Icon.d.ts +12 -0
- package/app-typescript/dist/components/IconButton.d.ts +12 -0
- package/app-typescript/dist/components/IconLabel.d.ts +11 -0
- package/app-typescript/dist/components/Input.d.ts +24 -0
- package/app-typescript/dist/components/Label.d.ts +15 -0
- package/app-typescript/dist/components/LeftMenu.d.ts +26 -0
- package/app-typescript/dist/components/Loader.d.ts +8 -0
- package/app-typescript/dist/components/NavButton.d.ts +15 -0
- package/app-typescript/dist/components/Popover.d.ts +13 -0
- package/app-typescript/dist/components/PropsList.d.ts +15 -0
- package/app-typescript/dist/components/Radio.d.ts +19 -0
- package/app-typescript/dist/components/RadioButton.d.ts +20 -0
- package/app-typescript/dist/components/Select.d.ts +29 -0
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +32 -0
- package/app-typescript/dist/components/SlidingToolbar.d.ts +8 -0
- package/app-typescript/dist/components/StrechBar.d.ts +4 -0
- package/app-typescript/dist/components/SubNav.d.ts +10 -0
- package/app-typescript/dist/components/Switch.d.ts +12 -0
- package/app-typescript/dist/components/TabCustom.d.ts +25 -0
- package/app-typescript/dist/components/TabList.d.ts +22 -0
- package/app-typescript/dist/components/Tag.d.ts +9 -0
- package/app-typescript/dist/components/TagInput.d.ts +7 -0
- package/app-typescript/dist/components/TagInputTest.d.ts +18 -0
- package/app-typescript/dist/components/TimePicker.d.ts +11 -0
- package/app-typescript/dist/components/Tooltip.d.ts +11 -0
- package/app-typescript/dist/components/_Positioner.d.ts +27 -0
- package/app-typescript/dist/index.d.ts +56 -0
- package/dist/examples.bundle.js +18 -16
- package/dist/superdesk-ui.bundle.css +5 -1
- package/dist/superdesk-ui.bundle.js +17 -15
- package/package.json +1 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +1 -1
- package/react/components/Layouts/AuthoringMain.js +1 -1
- package/react/components/Lists/ContentList.js +2 -2
- package/react/components/Lists/TableList.d.ts +4 -0
- package/react/components/Lists/TableList.js +13 -11
- package/yarn-error.log +111 -0
package/dist/examples.bundle.js
CHANGED
@@ -41150,30 +41150,30 @@ var TableList = /** @class */ (function (_super) {
|
|
41150
41150
|
return (this.state.items.length > 0
|
41151
41151
|
? this.props.dragAndDrop
|
41152
41152
|
? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
|
41153
|
-
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("
|
41153
|
+
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),
|
41154
41154
|
_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),
|
41155
41155
|
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
|
41156
41156
|
? item.onDoubleClick
|
41157
41157
|
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
41158
41158
|
? _this.props.itemsDropdown(index)
|
41159
|
-
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41159
|
+
: []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
41160
41160
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
41161
41161
|
provided.placeholder,
|
41162
41162
|
(_this.props.addItem && !_this.props.readOnly) &&
|
41163
|
-
React.createElement("
|
41163
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41164
41164
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41165
41165
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
|
41166
|
-
: React.createElement("
|
41166
|
+
: React.createElement("div", { role: 'list', className: classes },
|
41167
41167
|
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
|
41168
41168
|
? item.onDoubleClick
|
41169
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41169
|
+
: 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
|
41170
41170
|
&& _this.props.onAddItem(index, item); } })); }),
|
41171
41171
|
(this.props.addItem && !this.props.readOnly) &&
|
41172
|
-
React.createElement("
|
41172
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41173
41173
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41174
41174
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
41175
|
-
: (this.props.addItem && !this.props.readOnly) ? React.createElement("
|
41176
|
-
React.createElement("
|
41175
|
+
: (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
|
41176
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
41177
41177
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41178
41178
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
41179
41179
|
: null);
|
@@ -41213,12 +41213,14 @@ var TableListItem = /** @class */ (function (_super) {
|
|
41213
41213
|
var classes = (0, classnames_1.default)('table-list__item', {
|
41214
41214
|
'table-list__item--clickable': this.props.onClick,
|
41215
41215
|
'table-list__item--draggable': this.props.dragAndDrop,
|
41216
|
+
'table-list__item--locked': this.props.locked,
|
41217
|
+
'table-list__item--position-locked': this.props.positionLocked,
|
41216
41218
|
'table-list__item--drag-handles-always': !this.props.showDragHandle,
|
41217
41219
|
'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
|
41218
41220
|
});
|
41219
41221
|
return (this.props.addItem ?
|
41220
|
-
React.createElement("
|
41221
|
-
React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
41222
|
+
React.createElement("div", { className: 'table-list__item-container' },
|
41223
|
+
React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
41222
41224
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
41223
41225
|
React.createElement("div", { className: 'table-list__item-content' },
|
41224
41226
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -41230,7 +41232,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
41230
41232
|
React.createElement("div", { className: 'table-list__add-bar' },
|
41231
41233
|
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
41232
41234
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
41233
|
-
: React.createElement("
|
41235
|
+
: React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
41234
41236
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
41235
41237
|
React.createElement("div", { className: 'table-list__item-content' },
|
41236
41238
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -59779,7 +59781,7 @@ var ContentListItem = /** @class */ (function (_super) {
|
|
59779
59781
|
'fetched': this.props.archived,
|
59780
59782
|
'actioning': this.props.loading,
|
59781
59783
|
});
|
59782
|
-
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59784
|
+
return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59783
59785
|
this.props.locked
|
59784
59786
|
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59785
59787
|
: React.createElement("div", { className: "sd-list-item__border" }),
|
@@ -59802,7 +59804,7 @@ var ContentList = /** @class */ (function (_super) {
|
|
59802
59804
|
}
|
59803
59805
|
ContentList.prototype.render = function () {
|
59804
59806
|
var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
|
59805
|
-
return (React.createElement("
|
59807
|
+
return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
|
59806
59808
|
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 });
|
59807
59809
|
})));
|
59808
59810
|
};
|
@@ -101369,7 +101371,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
101369
101371
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
101370
101372
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
101371
101373
|
React.createElement(_1.AuthoringMainContent, null,
|
101372
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
|
101374
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
101373
101375
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
101374
101376
|
React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
|
101375
101377
|
};
|
@@ -101606,7 +101608,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
101606
101608
|
function AuthoringInnerHeader(props) {
|
101607
101609
|
var _this = _super.call(this, props) || this;
|
101608
101610
|
_this.state = {
|
101609
|
-
collapsed: false,
|
101611
|
+
collapsed: _this.props.collapsed ? _this.props.collapsed : false,
|
101610
101612
|
};
|
101611
101613
|
return _this;
|
101612
101614
|
}
|
@@ -137766,7 +137768,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
|
|
137766
137768
|
/* 649 */
|
137767
137769
|
/***/ (function(module, exports) {
|
137768
137770
|
|
137769
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.
|
137771
|
+
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"}}
|
137770
137772
|
|
137771
137773
|
/***/ }),
|
137772
137774
|
/* 650 */
|
@@ -35347,6 +35347,9 @@ tags-input,
|
|
35347
35347
|
.table-list__item--draggable:active::after {
|
35348
35348
|
opacity: 1 !important;
|
35349
35349
|
cursor: grabbing; }
|
35350
|
+
.table-list__item--locked {
|
35351
|
+
border-color: rgba(224, 82, 105, 0.75);
|
35352
|
+
border-left-color: rgba(224, 82, 105, 0.75) !important; }
|
35350
35353
|
.table-list__item.table-list__item--selected.table-list__item--clickable:hover {
|
35351
35354
|
box-shadow: var(--sd-shadow__item--selected-thin); }
|
35352
35355
|
.table-list__item:hover .table-list__slide-in-actions,
|
@@ -39558,7 +39561,8 @@ a.text-link {
|
|
39558
39561
|
opacity: 1;
|
39559
39562
|
overflow-y: auto;
|
39560
39563
|
width: auto;
|
39561
|
-
min-width: 45vw;
|
39564
|
+
min-width: 45vw;
|
39565
|
+
max-width: 45vw; }
|
39562
39566
|
.open-editor .sd-editor__container.sd-editor__container--large {
|
39563
39567
|
min-width: 52vw; }
|
39564
39568
|
|
@@ -40794,30 +40794,30 @@ var TableList = /** @class */ (function (_super) {
|
|
40794
40794
|
return (this.state.items.length > 0
|
40795
40795
|
? this.props.dragAndDrop
|
40796
40796
|
? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
|
40797
|
-
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("
|
40797
|
+
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),
|
40798
40798
|
_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),
|
40799
40799
|
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
|
40800
40800
|
? item.onDoubleClick
|
40801
40801
|
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
40802
40802
|
? _this.props.itemsDropdown(index)
|
40803
|
-
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40803
|
+
: []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
40804
40804
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
40805
40805
|
provided.placeholder,
|
40806
40806
|
(_this.props.addItem && !_this.props.readOnly) &&
|
40807
|
-
React.createElement("
|
40807
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40808
40808
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40809
40809
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
|
40810
|
-
: React.createElement("
|
40810
|
+
: React.createElement("div", { role: 'list', className: classes },
|
40811
40811
|
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
|
40812
40812
|
? item.onDoubleClick
|
40813
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40813
|
+
: 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
|
40814
40814
|
&& _this.props.onAddItem(index, item); } })); }),
|
40815
40815
|
(this.props.addItem && !this.props.readOnly) &&
|
40816
|
-
React.createElement("
|
40816
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40817
40817
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40818
40818
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
40819
|
-
: (this.props.addItem && !this.props.readOnly) ? React.createElement("
|
40820
|
-
React.createElement("
|
40819
|
+
: (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
|
40820
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40821
40821
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40822
40822
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
40823
40823
|
: null);
|
@@ -40857,12 +40857,14 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40857
40857
|
var classes = (0, classnames_1.default)('table-list__item', {
|
40858
40858
|
'table-list__item--clickable': this.props.onClick,
|
40859
40859
|
'table-list__item--draggable': this.props.dragAndDrop,
|
40860
|
+
'table-list__item--locked': this.props.locked,
|
40861
|
+
'table-list__item--position-locked': this.props.positionLocked,
|
40860
40862
|
'table-list__item--drag-handles-always': !this.props.showDragHandle,
|
40861
40863
|
'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
|
40862
40864
|
});
|
40863
40865
|
return (this.props.addItem ?
|
40864
|
-
React.createElement("
|
40865
|
-
React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
40866
|
+
React.createElement("div", { className: 'table-list__item-container' },
|
40867
|
+
React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
40866
40868
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
40867
40869
|
React.createElement("div", { className: 'table-list__item-content' },
|
40868
40870
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -40874,7 +40876,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40874
40876
|
React.createElement("div", { className: 'table-list__add-bar' },
|
40875
40877
|
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
40876
40878
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
40877
|
-
: React.createElement("
|
40879
|
+
: React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
40878
40880
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
40879
40881
|
React.createElement("div", { className: 'table-list__item-content' },
|
40880
40882
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -59423,7 +59425,7 @@ var ContentListItem = /** @class */ (function (_super) {
|
|
59423
59425
|
'fetched': this.props.archived,
|
59424
59426
|
'actioning': this.props.loading,
|
59425
59427
|
});
|
59426
|
-
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59428
|
+
return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59427
59429
|
this.props.locked
|
59428
59430
|
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59429
59431
|
: React.createElement("div", { className: "sd-list-item__border" }),
|
@@ -59446,7 +59448,7 @@ var ContentList = /** @class */ (function (_super) {
|
|
59446
59448
|
}
|
59447
59449
|
ContentList.prototype.render = function () {
|
59448
59450
|
var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
|
59449
|
-
return (React.createElement("
|
59451
|
+
return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
|
59450
59452
|
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 });
|
59451
59453
|
})));
|
59452
59454
|
};
|
@@ -100630,7 +100632,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
100630
100632
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
100631
100633
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
100632
100634
|
React.createElement(_1.AuthoringMainContent, null,
|
100633
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
|
100635
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
100634
100636
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
100635
100637
|
React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
|
100636
100638
|
};
|
@@ -100867,7 +100869,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
100867
100869
|
function AuthoringInnerHeader(props) {
|
100868
100870
|
var _this = _super.call(this, props) || this;
|
100869
100871
|
_this.state = {
|
100870
|
-
collapsed: false,
|
100872
|
+
collapsed: _this.props.collapsed ? _this.props.collapsed : false,
|
100871
100873
|
};
|
100872
100874
|
return _this;
|
100873
100875
|
}
|
package/package.json
CHANGED
@@ -46,7 +46,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
46
46
|
function AuthoringInnerHeader(props) {
|
47
47
|
var _this = _super.call(this, props) || this;
|
48
48
|
_this.state = {
|
49
|
-
collapsed: false,
|
49
|
+
collapsed: _this.props.collapsed ? _this.props.collapsed : false,
|
50
50
|
};
|
51
51
|
return _this;
|
52
52
|
}
|
@@ -46,7 +46,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
46
46
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
47
47
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
48
48
|
React.createElement(_1.AuthoringMainContent, null,
|
49
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
|
49
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
50
50
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
51
51
|
React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
|
52
52
|
};
|
@@ -74,7 +74,7 @@ var ContentListItem = /** @class */ (function (_super) {
|
|
74
74
|
'fetched': this.props.archived,
|
75
75
|
'actioning': this.props.loading,
|
76
76
|
});
|
77
|
-
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
77
|
+
return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
78
78
|
this.props.locked
|
79
79
|
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
80
80
|
: React.createElement("div", { className: "sd-list-item__border" }),
|
@@ -97,7 +97,7 @@ var ContentList = /** @class */ (function (_super) {
|
|
97
97
|
}
|
98
98
|
ContentList.prototype.render = function () {
|
99
99
|
var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
|
100
|
-
return (React.createElement("
|
100
|
+
return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
|
101
101
|
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 });
|
102
102
|
})));
|
103
103
|
};
|
@@ -20,6 +20,8 @@ export interface IPropsArrayItem {
|
|
20
20
|
hexColor?: string;
|
21
21
|
onClick?(): void;
|
22
22
|
onDoubleClick?(): void;
|
23
|
+
locked?: boolean;
|
24
|
+
positionLocked?: boolean;
|
23
25
|
}
|
24
26
|
interface IState {
|
25
27
|
items: Array<IPropsArrayItem>;
|
@@ -41,6 +43,8 @@ export interface IPropsItem {
|
|
41
43
|
dragAndDrop?: boolean;
|
42
44
|
hexColor?: string;
|
43
45
|
showDragHandle?: 'always' | 'onHover' | 'none';
|
46
|
+
locked?: boolean;
|
47
|
+
positionLocked?: boolean;
|
44
48
|
onClick?(): void;
|
45
49
|
onDoubleClick?(): void;
|
46
50
|
onSelect?(): void;
|
@@ -113,30 +113,30 @@ var TableList = /** @class */ (function (_super) {
|
|
113
113
|
return (this.state.items.length > 0
|
114
114
|
? this.props.dragAndDrop
|
115
115
|
? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
|
116
|
-
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("
|
116
|
+
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),
|
117
117
|
_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),
|
118
118
|
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
|
119
119
|
? item.onDoubleClick
|
120
120
|
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
121
121
|
? _this.props.itemsDropdown(index)
|
122
|
-
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
122
|
+
: []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
123
123
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
124
124
|
provided.placeholder,
|
125
125
|
(_this.props.addItem && !_this.props.readOnly) &&
|
126
|
-
React.createElement("
|
126
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
127
127
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
128
128
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
|
129
|
-
: React.createElement("
|
129
|
+
: React.createElement("div", { role: 'list', className: classes },
|
130
130
|
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
|
131
131
|
? item.onDoubleClick
|
132
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
132
|
+
: 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
|
133
133
|
&& _this.props.onAddItem(index, item); } })); }),
|
134
134
|
(this.props.addItem && !this.props.readOnly) &&
|
135
|
-
React.createElement("
|
135
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
136
136
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
137
137
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
138
|
-
: (this.props.addItem && !this.props.readOnly) ? React.createElement("
|
139
|
-
React.createElement("
|
138
|
+
: (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
|
139
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
140
140
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
141
141
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
142
142
|
: null);
|
@@ -176,12 +176,14 @@ var TableListItem = /** @class */ (function (_super) {
|
|
176
176
|
var classes = (0, classnames_1.default)('table-list__item', {
|
177
177
|
'table-list__item--clickable': this.props.onClick,
|
178
178
|
'table-list__item--draggable': this.props.dragAndDrop,
|
179
|
+
'table-list__item--locked': this.props.locked,
|
180
|
+
'table-list__item--position-locked': this.props.positionLocked,
|
179
181
|
'table-list__item--drag-handles-always': !this.props.showDragHandle,
|
180
182
|
'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
|
181
183
|
});
|
182
184
|
return (this.props.addItem ?
|
183
|
-
React.createElement("
|
184
|
-
React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
185
|
+
React.createElement("div", { className: 'table-list__item-container' },
|
186
|
+
React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
185
187
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
186
188
|
React.createElement("div", { className: 'table-list__item-content' },
|
187
189
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -193,7 +195,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
193
195
|
React.createElement("div", { className: 'table-list__add-bar' },
|
194
196
|
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
195
197
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
196
|
-
: React.createElement("
|
198
|
+
: React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
197
199
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
198
200
|
React.createElement("div", { className: 'table-list__item-content' },
|
199
201
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
package/yarn-error.log
ADDED
@@ -0,0 +1,111 @@
|
|
1
|
+
Arguments:
|
2
|
+
/usr/local/bin/node /usr/local/bin/yarn install
|
3
|
+
|
4
|
+
PATH:
|
5
|
+
/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
|
6
|
+
|
7
|
+
Yarn version:
|
8
|
+
1.21.1
|
9
|
+
|
10
|
+
Node version:
|
11
|
+
12.14.1
|
12
|
+
|
13
|
+
Platform:
|
14
|
+
linux x64
|
15
|
+
|
16
|
+
Trace:
|
17
|
+
Error: getaddrinfo EAI_AGAIN registry.yarnpkg.com
|
18
|
+
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:60:26)
|
19
|
+
|
20
|
+
npm manifest:
|
21
|
+
{
|
22
|
+
"name": "superdesk-ui-framework",
|
23
|
+
"version": "2.1.11",
|
24
|
+
"license": "AGPL-3.0",
|
25
|
+
"repository": {
|
26
|
+
"type": "git",
|
27
|
+
"url": "https://github.com/superdesk/superdesk-ui-framework.git"
|
28
|
+
},
|
29
|
+
"main": "dist/superdesk-ui.bundle.js",
|
30
|
+
"types": "app-typescript/dist/index.d.ts",
|
31
|
+
"contributors": [
|
32
|
+
"Nemanja Pavlovic",
|
33
|
+
"Vladimir Stefanovic",
|
34
|
+
"Darko Tomic",
|
35
|
+
"Aleksandar Jelicic",
|
36
|
+
"Tomas Kikutis"
|
37
|
+
],
|
38
|
+
"scripts": {
|
39
|
+
"start": "webpack-dev-server --config tasks/webpack.dev.js",
|
40
|
+
"server": "webpack --watch",
|
41
|
+
"build": "webpack && npm run lint && tsc",
|
42
|
+
"lint": "eslint app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'",
|
43
|
+
"prepublishOnly": "npm run build",
|
44
|
+
"prepublish": "patch-package"
|
45
|
+
},
|
46
|
+
"devDependencies": {
|
47
|
+
"@types/classnames": "^2.2.9",
|
48
|
+
"@types/lodash": "4.14.149",
|
49
|
+
"@types/react": "16.8.23",
|
50
|
+
"@types/react-dom": "16.8.0",
|
51
|
+
"@types/react-router-dom": "^5.1.2",
|
52
|
+
"angular": "^1.7.9",
|
53
|
+
"angular-animate": "^1.7.9",
|
54
|
+
"angular-route": "^1.7.9",
|
55
|
+
"babel-core": "^6.26.0",
|
56
|
+
"babel-loader": "^7.1.2",
|
57
|
+
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
58
|
+
"babel-preset-es2015": "^6.24.1",
|
59
|
+
"babel-preset-react": "^6.24.1",
|
60
|
+
"classnames": "^2.2.5",
|
61
|
+
"clean-webpack-plugin": "^1.0.0",
|
62
|
+
"code-prettify": "^0.1.0",
|
63
|
+
"copy-webpack-plugin": "^4.6.0",
|
64
|
+
"css-loader": "^2.1.1",
|
65
|
+
"eslint": "^4.6.1",
|
66
|
+
"eslint-loader": "^1.9.0",
|
67
|
+
"eslint-plugin-angular": "^3.1.1",
|
68
|
+
"eslint-plugin-react": "^7.3.0",
|
69
|
+
"extract-text-webpack-plugin": "^3.0.2",
|
70
|
+
"file-loader": "^0.11.2",
|
71
|
+
"html-loader": "^0.5.1",
|
72
|
+
"html-webpack-plugin": "^2.30.1",
|
73
|
+
"jquery": "^3.1.1",
|
74
|
+
"jquery-ui": "^1.12.1",
|
75
|
+
"lodash": "4.17.15",
|
76
|
+
"node-sass": "^4.5.3",
|
77
|
+
"patch-package": "6.2.0",
|
78
|
+
"prismjs": "^1.17.1",
|
79
|
+
"prop-types": "^15.6.0",
|
80
|
+
"react": "16.8.6",
|
81
|
+
"react-bootstrap": "^0.31.2",
|
82
|
+
"react-dom": "16.8.6",
|
83
|
+
"react-redux": "^5.0.6",
|
84
|
+
"react-router-dom": "^5.1.2",
|
85
|
+
"redux": "^3.7.2",
|
86
|
+
"redux-form": "^7.0.4",
|
87
|
+
"sass-loader": "^6.0.6",
|
88
|
+
"style-loader": "^0.18.2",
|
89
|
+
"superdesk-code-style": "^1.1.2",
|
90
|
+
"ts-loader": "^6.0.2",
|
91
|
+
"tslint": "^5.18.0",
|
92
|
+
"typescript": "^3.5.1",
|
93
|
+
"url-loader": "^1.1.2",
|
94
|
+
"webpack": "^3.5.5",
|
95
|
+
"webpack-cli": "3.3.10",
|
96
|
+
"webpack-dev-server": "2.11.1",
|
97
|
+
"webpack-merge": "^4.2.1"
|
98
|
+
},
|
99
|
+
"dependencies": {
|
100
|
+
"date-fns": "2.7.0",
|
101
|
+
"popper.js": "1.14.4",
|
102
|
+
"primeicons": "2.0.0",
|
103
|
+
"primereact": "3.3.2"
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
yarn manifest:
|
108
|
+
No manifest
|
109
|
+
|
110
|
+
Lockfile:
|
111
|
+
No lockfile
|