superdesk-ui-framework 3.0.29 → 3.0.31
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/app/styles/components/_list-item.scss +8 -14
- package/app-typescript/components/TreeSelect.tsx +5 -5
- package/dist/examples.bundle.js +5 -6
- package/dist/superdesk-ui.bundle.css +0 -6
- package/dist/superdesk-ui.bundle.js +4 -5
- package/package.json +1 -1
- package/react/components/TreeSelect.js +4 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// LIST ITEMS : components/list-items.scss
|
|
2
2
|
// --------------
|
|
3
3
|
|
|
4
|
-
//background color
|
|
4
|
+
//background color
|
|
5
5
|
$sd-ListItem-background: var(--sd-item__main-Bg);
|
|
6
6
|
$sd-ListItem-background-hover: var(--sd-item__main-Bg--hover);
|
|
7
7
|
$sd-ListItem-background-selected: var(--sd-item__main-Bg--selected);
|
|
@@ -38,7 +38,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
38
38
|
&:hover {
|
|
39
39
|
background-color: $sd-ListItem-background;
|
|
40
40
|
cursor: default;
|
|
41
|
-
}
|
|
41
|
+
}
|
|
42
42
|
}
|
|
43
43
|
&--inactive {
|
|
44
44
|
background-color: transparent;
|
|
@@ -140,7 +140,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
140
140
|
background-color: transparent;
|
|
141
141
|
&--locked, &--error {
|
|
142
142
|
background: $red;
|
|
143
|
-
}
|
|
143
|
+
}
|
|
144
144
|
&--success, &--active {
|
|
145
145
|
background: $green;
|
|
146
146
|
}
|
|
@@ -198,7 +198,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
198
198
|
justify-content: center;
|
|
199
199
|
z-index: 2;
|
|
200
200
|
opacity: 0;
|
|
201
|
-
transition: opacity 0.2s linear;
|
|
201
|
+
transition: opacity 0.2s linear;
|
|
202
202
|
.sd-check__wrapper {
|
|
203
203
|
height: 1.6rem;
|
|
204
204
|
width: 1.6rem;
|
|
@@ -222,7 +222,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
222
222
|
.sd-list-item__checkbox-container {
|
|
223
223
|
opacity: 1;
|
|
224
224
|
}
|
|
225
|
-
}
|
|
225
|
+
}
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
@@ -313,18 +313,12 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
313
313
|
}
|
|
314
314
|
|
|
315
315
|
.sd-list-item {
|
|
316
|
-
[class^="icon-"],
|
|
317
|
-
[class*=" icon-"] {
|
|
318
|
-
opacity: 0.75;
|
|
319
|
-
vertical-align: middle;
|
|
320
|
-
color: var(--color-icon-default);
|
|
321
|
-
}
|
|
322
316
|
time {
|
|
323
317
|
[class^="icon-"],
|
|
324
318
|
[class*=" icon-"] {
|
|
325
319
|
vertical-align: top;
|
|
326
320
|
margin-inline-end: 0.2rem;
|
|
327
|
-
}
|
|
321
|
+
}
|
|
328
322
|
}
|
|
329
323
|
}
|
|
330
324
|
|
|
@@ -475,7 +469,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
475
469
|
}
|
|
476
470
|
.sd-list-item--activated {
|
|
477
471
|
.dropdown__toggle {
|
|
478
|
-
|
|
472
|
+
|
|
479
473
|
[class^="icon-"],
|
|
480
474
|
[class*=" icon-"] {
|
|
481
475
|
opacity: 1;
|
|
@@ -586,7 +580,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
|
|
|
586
580
|
color: var(--sd-colour-interactive--darken-20);
|
|
587
581
|
border-bottom: 1px dotted currentColor;
|
|
588
582
|
}
|
|
589
|
-
}
|
|
583
|
+
}
|
|
590
584
|
}
|
|
591
585
|
.sd-list-header__number {
|
|
592
586
|
margin-inline-start: 1rem;
|
|
@@ -132,11 +132,10 @@ export class TreeSelect<T> extends React.Component<IProps<T>, IState<T>> {
|
|
|
132
132
|
componentDidMount = () => {
|
|
133
133
|
this.recursion(this.state.options);
|
|
134
134
|
document.addEventListener("mousedown", (event) => {
|
|
135
|
-
if (
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
&& (this.openDropdownRef.current && !this.openDropdownRef.current.contains(event.target))) {
|
|
135
|
+
if (
|
|
136
|
+
(this.dropdownRef.current?.contains(event.target as HTMLElement) !== true)
|
|
137
|
+
&& (this.openDropdownRef.current?.contains(event.target as HTMLElement) !== true)
|
|
138
|
+
) {
|
|
140
139
|
this.setState({openDropdown: false});
|
|
141
140
|
}
|
|
142
141
|
});
|
|
@@ -150,6 +149,7 @@ export class TreeSelect<T> extends React.Component<IProps<T>, IState<T>> {
|
|
|
150
149
|
);
|
|
151
150
|
if (e.key === 'Backspace') {
|
|
152
151
|
this.backButton();
|
|
152
|
+
this.backButtonValue();
|
|
153
153
|
|
|
154
154
|
const {buttonTarget} = this.state;
|
|
155
155
|
const className = buttonTarget.pop();
|
package/dist/examples.bundle.js
CHANGED
|
@@ -64241,11 +64241,9 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
64241
64241
|
_this.componentDidMount = function () {
|
|
64242
64242
|
_this.recursion(_this.state.options);
|
|
64243
64243
|
document.addEventListener("mousedown", function (event) {
|
|
64244
|
-
|
|
64245
|
-
|
|
64246
|
-
|
|
64247
|
-
if ((_this.dropdownRef.current && !_this.dropdownRef.current.contains(event.target))
|
|
64248
|
-
&& (_this.openDropdownRef.current && !_this.openDropdownRef.current.contains(event.target))) {
|
|
64244
|
+
var _a, _b;
|
|
64245
|
+
if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
|
|
64246
|
+
&& (((_b = _this.openDropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)) {
|
|
64249
64247
|
_this.setState({ openDropdown: false });
|
|
64250
64248
|
}
|
|
64251
64249
|
});
|
|
@@ -64254,6 +64252,7 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
64254
64252
|
keyboardNavigation(e, _this.ref.current, _this.categoryButtonRef.current ? _this.buttonFocus : _this.inputFocus);
|
|
64255
64253
|
if (e.key === 'Backspace') {
|
|
64256
64254
|
_this.backButton();
|
|
64255
|
+
_this.backButtonValue();
|
|
64257
64256
|
var buttonTarget = _this.state.buttonTarget;
|
|
64258
64257
|
var className = buttonTarget.pop();
|
|
64259
64258
|
if (className != null) {
|
|
@@ -142948,7 +142947,7 @@ exports.ResizablePanelsDoc = ResizablePanelsDoc;
|
|
|
142948
142947
|
/* 681 */
|
|
142949
142948
|
/***/ (function(module, exports) {
|
|
142950
142949
|
|
|
142951
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.
|
|
142950
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.31","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","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/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","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","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","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","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-10","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","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-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
|
|
142952
142951
|
|
|
142953
142952
|
/***/ }),
|
|
142954
142953
|
/* 682 */
|
|
@@ -41735,12 +41735,6 @@ a.text-link {
|
|
|
41735
41735
|
.sd-list-item .badge {
|
|
41736
41736
|
margin: 0.2rem; }
|
|
41737
41737
|
|
|
41738
|
-
.sd-list-item [class^="icon-"],
|
|
41739
|
-
.sd-list-item [class*=" icon-"] {
|
|
41740
|
-
opacity: 0.75;
|
|
41741
|
-
vertical-align: middle;
|
|
41742
|
-
color: var(--color-icon-default); }
|
|
41743
|
-
|
|
41744
41738
|
.sd-list-item time [class^="icon-"],
|
|
41745
41739
|
.sd-list-item time [class*=" icon-"] {
|
|
41746
41740
|
vertical-align: top;
|
|
@@ -63858,11 +63858,9 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
63858
63858
|
_this.componentDidMount = function () {
|
|
63859
63859
|
_this.recursion(_this.state.options);
|
|
63860
63860
|
document.addEventListener("mousedown", function (event) {
|
|
63861
|
-
|
|
63862
|
-
|
|
63863
|
-
|
|
63864
|
-
if ((_this.dropdownRef.current && !_this.dropdownRef.current.contains(event.target))
|
|
63865
|
-
&& (_this.openDropdownRef.current && !_this.openDropdownRef.current.contains(event.target))) {
|
|
63861
|
+
var _a, _b;
|
|
63862
|
+
if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
|
|
63863
|
+
&& (((_b = _this.openDropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)) {
|
|
63866
63864
|
_this.setState({ openDropdown: false });
|
|
63867
63865
|
}
|
|
63868
63866
|
});
|
|
@@ -63871,6 +63869,7 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
63871
63869
|
keyboardNavigation(e, _this.ref.current, _this.categoryButtonRef.current ? _this.buttonFocus : _this.inputFocus);
|
|
63872
63870
|
if (e.key === 'Backspace') {
|
|
63873
63871
|
_this.backButton();
|
|
63872
|
+
_this.backButtonValue();
|
|
63874
63873
|
var buttonTarget = _this.state.buttonTarget;
|
|
63875
63874
|
var className = buttonTarget.pop();
|
|
63876
63875
|
if (className != null) {
|
package/package.json
CHANGED
|
@@ -80,11 +80,9 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
80
80
|
_this.componentDidMount = function () {
|
|
81
81
|
_this.recursion(_this.state.options);
|
|
82
82
|
document.addEventListener("mousedown", function (event) {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
if ((_this.dropdownRef.current && !_this.dropdownRef.current.contains(event.target))
|
|
87
|
-
&& (_this.openDropdownRef.current && !_this.openDropdownRef.current.contains(event.target))) {
|
|
83
|
+
var _a, _b;
|
|
84
|
+
if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
|
|
85
|
+
&& (((_b = _this.openDropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)) {
|
|
88
86
|
_this.setState({ openDropdown: false });
|
|
89
87
|
}
|
|
90
88
|
});
|
|
@@ -93,6 +91,7 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
|
93
91
|
keyboardNavigation(e, _this.ref.current, _this.categoryButtonRef.current ? _this.buttonFocus : _this.inputFocus);
|
|
94
92
|
if (e.key === 'Backspace') {
|
|
95
93
|
_this.backButton();
|
|
94
|
+
_this.backButtonValue();
|
|
96
95
|
var buttonTarget = _this.state.buttonTarget;
|
|
97
96
|
var className = buttonTarget.pop();
|
|
98
97
|
if (className != null) {
|