superdesk-ui-framework 4.0.44 → 4.0.45
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.
|
@@ -25,10 +25,6 @@ interface IProps<T> {
|
|
|
25
25
|
|
|
26
26
|
export class TreeSelectItem<T> extends React.Component<IProps<T>> {
|
|
27
27
|
render() {
|
|
28
|
-
const ariaLabel = this.props.parentCategory !== undefined
|
|
29
|
-
? `${this.props.getLabel(this.props.option.value)}, parent ${this.props.parentCategory}`
|
|
30
|
-
: this.props.getLabel(this.props.option.value);
|
|
31
|
-
|
|
32
28
|
return (
|
|
33
29
|
<li
|
|
34
30
|
className='suggestion-item suggestion-item--multi-select'
|
|
@@ -55,7 +51,7 @@ export class TreeSelectItem<T> extends React.Component<IProps<T>> {
|
|
|
55
51
|
}}
|
|
56
52
|
disabled={this.props.disabledItem}
|
|
57
53
|
data-test-id="option"
|
|
58
|
-
role='
|
|
54
|
+
role='treeitem'
|
|
59
55
|
aria-selected={this.props.selectedItem === true}
|
|
60
56
|
aria-disabled={this.props.disabledItem === true}
|
|
61
57
|
>
|
|
@@ -83,7 +79,6 @@ export class TreeSelectItem<T> extends React.Component<IProps<T>> {
|
|
|
83
79
|
}
|
|
84
80
|
: undefined
|
|
85
81
|
}
|
|
86
|
-
aria-label={ariaLabel}
|
|
87
82
|
>
|
|
88
83
|
{this.props.optionTemplate
|
|
89
84
|
? this.props.optionTemplate(this.props.option.value)
|
package/dist/examples.bundle.js
CHANGED
|
@@ -88589,9 +88589,6 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88589
88589
|
}
|
|
88590
88590
|
TreeSelectItem.prototype.render = function () {
|
|
88591
88591
|
var _this = this;
|
|
88592
|
-
var ariaLabel = this.props.parentCategory !== undefined
|
|
88593
|
-
? "".concat(this.props.getLabel(this.props.option.value), ", parent ").concat(this.props.parentCategory)
|
|
88594
|
-
: this.props.getLabel(this.props.option.value);
|
|
88595
88592
|
return (React.createElement("li", { className: 'suggestion-item suggestion-item--multi-select', role: 'none', onClick: function (event) {
|
|
88596
88593
|
var _a, _b;
|
|
88597
88594
|
if (!_this.props.disabledItem) {
|
|
@@ -88609,7 +88606,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88609
88606
|
if (event.key === 'Enter' && _this.props.option.children) {
|
|
88610
88607
|
(_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
88611
88608
|
}
|
|
88612
|
-
}, disabled: this.props.disabledItem, "data-test-id": "option", role: '
|
|
88609
|
+
}, disabled: this.props.disabledItem, "data-test-id": "option", role: 'treeitem', "aria-selected": this.props.selectedItem === true, "aria-disabled": this.props.disabledItem === true },
|
|
88613
88610
|
(this.props.getBorderColor && !this.props.allowMultiple)
|
|
88614
88611
|
&& React.createElement("div", { className: "item-border", style: {
|
|
88615
88612
|
backgroundColor: this.props.getBorderColor(this.props.option.value),
|
|
@@ -88620,7 +88617,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88620
88617
|
backgroundColor: this.props.getBackgroundColor(this.props.option.value),
|
|
88621
88618
|
color: (0, helpers_1.getTextColor)(this.props.getBackgroundColor(this.props.option.value)),
|
|
88622
88619
|
}
|
|
88623
|
-
: undefined
|
|
88620
|
+
: undefined }, this.props.optionTemplate
|
|
88624
88621
|
? this.props.optionTemplate(this.props.option.value)
|
|
88625
88622
|
: this.props.getLabel(this.props.option.value)),
|
|
88626
88623
|
this.props.option.children
|
|
@@ -207944,7 +207941,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
207944
207941
|
/* 975 */
|
|
207945
207942
|
/***/ (function(module, exports) {
|
|
207946
207943
|
|
|
207947
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
207944
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.45","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":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"tsc -p tsconfig.json --noEmit && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","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","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"^5.8.3","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@sourcefabric/common":"0.0.63","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
|
|
207948
207945
|
|
|
207949
207946
|
/***/ }),
|
|
207950
207947
|
/* 976 */
|
|
@@ -88093,9 +88093,6 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88093
88093
|
}
|
|
88094
88094
|
TreeSelectItem.prototype.render = function () {
|
|
88095
88095
|
var _this = this;
|
|
88096
|
-
var ariaLabel = this.props.parentCategory !== undefined
|
|
88097
|
-
? "".concat(this.props.getLabel(this.props.option.value), ", parent ").concat(this.props.parentCategory)
|
|
88098
|
-
: this.props.getLabel(this.props.option.value);
|
|
88099
88096
|
return (React.createElement("li", { className: 'suggestion-item suggestion-item--multi-select', role: 'none', onClick: function (event) {
|
|
88100
88097
|
var _a, _b;
|
|
88101
88098
|
if (!_this.props.disabledItem) {
|
|
@@ -88113,7 +88110,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88113
88110
|
if (event.key === 'Enter' && _this.props.option.children) {
|
|
88114
88111
|
(_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
88115
88112
|
}
|
|
88116
|
-
}, disabled: this.props.disabledItem, "data-test-id": "option", role: '
|
|
88113
|
+
}, disabled: this.props.disabledItem, "data-test-id": "option", role: 'treeitem', "aria-selected": this.props.selectedItem === true, "aria-disabled": this.props.disabledItem === true },
|
|
88117
88114
|
(this.props.getBorderColor && !this.props.allowMultiple)
|
|
88118
88115
|
&& React.createElement("div", { className: "item-border", style: {
|
|
88119
88116
|
backgroundColor: this.props.getBorderColor(this.props.option.value),
|
|
@@ -88124,7 +88121,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
88124
88121
|
backgroundColor: this.props.getBackgroundColor(this.props.option.value),
|
|
88125
88122
|
color: (0, helpers_1.getTextColor)(this.props.getBackgroundColor(this.props.option.value)),
|
|
88126
88123
|
}
|
|
88127
|
-
: undefined
|
|
88124
|
+
: undefined }, this.props.optionTemplate
|
|
88128
88125
|
? this.props.optionTemplate(this.props.option.value)
|
|
88129
88126
|
: this.props.getLabel(this.props.option.value)),
|
|
88130
88127
|
this.props.option.children
|
package/package.json
CHANGED
|
@@ -63,9 +63,6 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
63
63
|
}
|
|
64
64
|
TreeSelectItem.prototype.render = function () {
|
|
65
65
|
var _this = this;
|
|
66
|
-
var ariaLabel = this.props.parentCategory !== undefined
|
|
67
|
-
? "".concat(this.props.getLabel(this.props.option.value), ", parent ").concat(this.props.parentCategory)
|
|
68
|
-
: this.props.getLabel(this.props.option.value);
|
|
69
66
|
return (React.createElement("li", { className: 'suggestion-item suggestion-item--multi-select', role: 'none', onClick: function (event) {
|
|
70
67
|
var _a, _b;
|
|
71
68
|
if (!_this.props.disabledItem) {
|
|
@@ -83,7 +80,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
83
80
|
if (event.key === 'Enter' && _this.props.option.children) {
|
|
84
81
|
(_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
85
82
|
}
|
|
86
|
-
}, disabled: this.props.disabledItem, "data-test-id": "option", role: '
|
|
83
|
+
}, disabled: this.props.disabledItem, "data-test-id": "option", role: 'treeitem', "aria-selected": this.props.selectedItem === true, "aria-disabled": this.props.disabledItem === true },
|
|
87
84
|
(this.props.getBorderColor && !this.props.allowMultiple)
|
|
88
85
|
&& React.createElement("div", { className: "item-border", style: {
|
|
89
86
|
backgroundColor: this.props.getBorderColor(this.props.option.value),
|
|
@@ -94,7 +91,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
|
|
|
94
91
|
backgroundColor: this.props.getBackgroundColor(this.props.option.value),
|
|
95
92
|
color: (0, helpers_1.getTextColor)(this.props.getBackgroundColor(this.props.option.value)),
|
|
96
93
|
}
|
|
97
|
-
: undefined
|
|
94
|
+
: undefined }, this.props.optionTemplate
|
|
98
95
|
? this.props.optionTemplate(this.props.option.value)
|
|
99
96
|
: this.props.getLabel(this.props.option.value)),
|
|
100
97
|
this.props.option.children
|