superdesk-ui-framework 4.0.9 → 4.0.10
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-typescript/components/DateTimePicker.tsx +9 -9
- package/dist/components/DateTimePicker.tsx +2 -2
- package/dist/examples.bundle.js +10 -10
- package/dist/superdesk-ui.bundle.js +7 -7
- package/examples/pages/components/DateTimePicker.tsx +2 -2
- package/package.json +4 -1
- package/react/components/DateTimePicker.d.ts +2 -2
- package/react/components/DateTimePicker.js +7 -7
|
@@ -12,7 +12,7 @@ interface IProps {
|
|
|
12
12
|
hidden?: boolean;
|
|
13
13
|
};
|
|
14
14
|
dateFormat: string;
|
|
15
|
-
onChange: (value:
|
|
15
|
+
onChange: (value: Date | null) => void;
|
|
16
16
|
preview?: boolean;
|
|
17
17
|
fullWidth?: boolean;
|
|
18
18
|
allowSeconds?: boolean;
|
|
@@ -31,10 +31,10 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
31
31
|
origDate.setHours(hours);
|
|
32
32
|
origDate.setMinutes(minutes);
|
|
33
33
|
|
|
34
|
-
this.props.onChange(origDate
|
|
34
|
+
this.props.onChange(origDate);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
handleDateChange = (date
|
|
37
|
+
handleDateChange = (date: Date | null) => {
|
|
38
38
|
if (date == null) {
|
|
39
39
|
this.props.onChange(null);
|
|
40
40
|
|
|
@@ -47,7 +47,7 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
47
47
|
selectedDate.setHours(origDate.getHours());
|
|
48
48
|
selectedDate.setMinutes(origDate.getMinutes());
|
|
49
49
|
|
|
50
|
-
this.props.onChange(selectedDate
|
|
50
|
+
this.props.onChange(selectedDate);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
prepareFormat(unitOfTime: number) {
|
|
@@ -55,9 +55,9 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
render() {
|
|
58
|
-
const
|
|
59
|
-
const convertedTimeValue =
|
|
60
|
-
? `${this.prepareFormat(
|
|
58
|
+
const {value} = this.props;
|
|
59
|
+
const convertedTimeValue = value
|
|
60
|
+
? `${this.prepareFormat(value.getHours())}:${this.prepareFormat(value.getMinutes())}`
|
|
61
61
|
: '';
|
|
62
62
|
|
|
63
63
|
return (
|
|
@@ -68,9 +68,9 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
68
68
|
preview={this.props.preview}
|
|
69
69
|
required={this.props.required}
|
|
70
70
|
hideClearButton={true}
|
|
71
|
-
value={
|
|
71
|
+
value={value}
|
|
72
72
|
onChange={(val) => {
|
|
73
|
-
this.handleDateChange(val
|
|
73
|
+
this.handleDateChange(val);
|
|
74
74
|
}}
|
|
75
75
|
dateFormat={this.props.dateFormat}
|
|
76
76
|
label={this.props.label.text}
|
|
@@ -14,11 +14,11 @@ class DateTimePickerExample extends React.PureComponent<{}, {dateTime: Date | nu
|
|
|
14
14
|
render() {
|
|
15
15
|
return (
|
|
16
16
|
<DateTimePicker
|
|
17
|
-
label=
|
|
17
|
+
label={{text: "Planning date"}}
|
|
18
18
|
value={this.state.dateTime}
|
|
19
19
|
dateFormat="YYYY-MM-DD"
|
|
20
20
|
onChange={(val) => {
|
|
21
|
-
const parsedVal = val != null
|
|
21
|
+
const parsedVal = val != null ? new Date(val) : null;
|
|
22
22
|
|
|
23
23
|
this.setState({dateTime: parsedVal});
|
|
24
24
|
}}
|
package/dist/examples.bundle.js
CHANGED
|
@@ -124106,7 +124106,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
124106
124106
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
124107
124107
|
origDate.setHours(hours);
|
|
124108
124108
|
origDate.setMinutes(minutes);
|
|
124109
|
-
_this.props.onChange(origDate
|
|
124109
|
+
_this.props.onChange(origDate);
|
|
124110
124110
|
};
|
|
124111
124111
|
_this.handleDateChange = function (date) {
|
|
124112
124112
|
var _a;
|
|
@@ -124118,7 +124118,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
124118
124118
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
124119
124119
|
selectedDate.setHours(origDate.getHours());
|
|
124120
124120
|
selectedDate.setMinutes(origDate.getMinutes());
|
|
124121
|
-
_this.props.onChange(selectedDate
|
|
124121
|
+
_this.props.onChange(selectedDate);
|
|
124122
124122
|
};
|
|
124123
124123
|
return _this;
|
|
124124
124124
|
}
|
|
@@ -124128,14 +124128,14 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
124128
124128
|
DateTimePicker.prototype.render = function () {
|
|
124129
124129
|
var _this = this;
|
|
124130
124130
|
var _a, _b;
|
|
124131
|
-
var
|
|
124132
|
-
var convertedTimeValue =
|
|
124133
|
-
? "".concat(this.prepareFormat(
|
|
124131
|
+
var value = this.props.value;
|
|
124132
|
+
var convertedTimeValue = value
|
|
124133
|
+
? "".concat(this.prepareFormat(value.getHours()), ":").concat(this.prepareFormat(value.getMinutes()))
|
|
124134
124134
|
: '';
|
|
124135
124135
|
return (React.createElement("div", { style: { width: Number(this.props.width) > MIN_WIDTH ? this.props.width : MIN_WIDTH } },
|
|
124136
124136
|
React.createElement(common_1.Spacer, { h: true, gap: "0", noGrow: true, alignItems: 'end' },
|
|
124137
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value:
|
|
124138
|
-
_this.handleDateChange(val
|
|
124137
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: value, onChange: function (val) {
|
|
124138
|
+
_this.handleDateChange(val);
|
|
124139
124139
|
}, dateFormat: this.props.dateFormat, label: this.props.label.text, inlineLabel: (_a = this.props.label.hidden) !== null && _a !== void 0 ? _a : false, labelHidden: (_b = this.props.label.hidden) !== null && _b !== void 0 ? _b : false, fullWidth: this.props.fullWidth }),
|
|
124140
124140
|
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: convertedTimeValue, onChange: function (val) {
|
|
124141
124141
|
_this.handleTimeChange(val);
|
|
@@ -171969,8 +171969,8 @@ var DateTimePickerExample = /** @class */ (function (_super) {
|
|
|
171969
171969
|
}
|
|
171970
171970
|
DateTimePickerExample.prototype.render = function () {
|
|
171971
171971
|
var _this = this;
|
|
171972
|
-
return (React.createElement(app_typescript_1.DateTimePicker, { label:
|
|
171973
|
-
var parsedVal = val != null
|
|
171972
|
+
return (React.createElement(app_typescript_1.DateTimePicker, { label: { text: "Planning date" }, value: this.state.dateTime, dateFormat: "YYYY-MM-DD", onChange: function (val) {
|
|
171973
|
+
var parsedVal = val != null ? new Date(val) : null;
|
|
171974
171974
|
_this.setState({ dateTime: parsedVal });
|
|
171975
171975
|
} }));
|
|
171976
171976
|
};
|
|
@@ -185405,7 +185405,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
185405
185405
|
/* 938 */
|
|
185406
185406
|
/***/ (function(module, exports) {
|
|
185407
185407
|
|
|
185408
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
185408
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.10","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"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":"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":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@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"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
|
|
185409
185409
|
|
|
185410
185410
|
/***/ }),
|
|
185411
185411
|
/* 939 */
|
|
@@ -123227,7 +123227,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
123227
123227
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
123228
123228
|
origDate.setHours(hours);
|
|
123229
123229
|
origDate.setMinutes(minutes);
|
|
123230
|
-
_this.props.onChange(origDate
|
|
123230
|
+
_this.props.onChange(origDate);
|
|
123231
123231
|
};
|
|
123232
123232
|
_this.handleDateChange = function (date) {
|
|
123233
123233
|
var _a;
|
|
@@ -123239,7 +123239,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
123239
123239
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
123240
123240
|
selectedDate.setHours(origDate.getHours());
|
|
123241
123241
|
selectedDate.setMinutes(origDate.getMinutes());
|
|
123242
|
-
_this.props.onChange(selectedDate
|
|
123242
|
+
_this.props.onChange(selectedDate);
|
|
123243
123243
|
};
|
|
123244
123244
|
return _this;
|
|
123245
123245
|
}
|
|
@@ -123249,14 +123249,14 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
123249
123249
|
DateTimePicker.prototype.render = function () {
|
|
123250
123250
|
var _this = this;
|
|
123251
123251
|
var _a, _b;
|
|
123252
|
-
var
|
|
123253
|
-
var convertedTimeValue =
|
|
123254
|
-
? "".concat(this.prepareFormat(
|
|
123252
|
+
var value = this.props.value;
|
|
123253
|
+
var convertedTimeValue = value
|
|
123254
|
+
? "".concat(this.prepareFormat(value.getHours()), ":").concat(this.prepareFormat(value.getMinutes()))
|
|
123255
123255
|
: '';
|
|
123256
123256
|
return (React.createElement("div", { style: { width: Number(this.props.width) > MIN_WIDTH ? this.props.width : MIN_WIDTH } },
|
|
123257
123257
|
React.createElement(common_1.Spacer, { h: true, gap: "0", noGrow: true, alignItems: 'end' },
|
|
123258
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value:
|
|
123259
|
-
_this.handleDateChange(val
|
|
123258
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: value, onChange: function (val) {
|
|
123259
|
+
_this.handleDateChange(val);
|
|
123260
123260
|
}, dateFormat: this.props.dateFormat, label: this.props.label.text, inlineLabel: (_a = this.props.label.hidden) !== null && _a !== void 0 ? _a : false, labelHidden: (_b = this.props.label.hidden) !== null && _b !== void 0 ? _b : false, fullWidth: this.props.fullWidth }),
|
|
123261
123261
|
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: convertedTimeValue, onChange: function (val) {
|
|
123262
123262
|
_this.handleTimeChange(val);
|
|
@@ -14,11 +14,11 @@ class DateTimePickerExample extends React.PureComponent<{}, {dateTime: Date | nu
|
|
|
14
14
|
render() {
|
|
15
15
|
return (
|
|
16
16
|
<DateTimePicker
|
|
17
|
-
label=
|
|
17
|
+
label={{text: "Planning date"}}
|
|
18
18
|
value={this.state.dateTime}
|
|
19
19
|
dateFormat="YYYY-MM-DD"
|
|
20
20
|
onChange={(val) => {
|
|
21
|
-
const parsedVal = val != null
|
|
21
|
+
const parsedVal = val != null ? new Date(val) : null;
|
|
22
22
|
|
|
23
23
|
this.setState({dateTime: parsedVal});
|
|
24
24
|
}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "superdesk-ui-framework",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.10",
|
|
4
4
|
"license": "AGPL-3.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -110,5 +110,8 @@
|
|
|
110
110
|
},
|
|
111
111
|
"peerDependencies": {
|
|
112
112
|
"moment": "*"
|
|
113
|
+
},
|
|
114
|
+
"volta": {
|
|
115
|
+
"node": "14.21.3"
|
|
113
116
|
}
|
|
114
117
|
}
|
|
@@ -6,7 +6,7 @@ interface IProps {
|
|
|
6
6
|
hidden?: boolean;
|
|
7
7
|
};
|
|
8
8
|
dateFormat: string;
|
|
9
|
-
onChange: (value:
|
|
9
|
+
onChange: (value: Date | null) => void;
|
|
10
10
|
preview?: boolean;
|
|
11
11
|
fullWidth?: boolean;
|
|
12
12
|
allowSeconds?: boolean;
|
|
@@ -16,7 +16,7 @@ interface IProps {
|
|
|
16
16
|
}
|
|
17
17
|
export declare class DateTimePicker extends React.PureComponent<IProps> {
|
|
18
18
|
handleTimeChange: (time: string) => void;
|
|
19
|
-
handleDateChange: (date
|
|
19
|
+
handleDateChange: (date: Date | null) => void;
|
|
20
20
|
prepareFormat(unitOfTime: number): string;
|
|
21
21
|
render(): JSX.Element;
|
|
22
22
|
}
|
|
@@ -56,7 +56,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
56
56
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
57
57
|
origDate.setHours(hours);
|
|
58
58
|
origDate.setMinutes(minutes);
|
|
59
|
-
_this.props.onChange(origDate
|
|
59
|
+
_this.props.onChange(origDate);
|
|
60
60
|
};
|
|
61
61
|
_this.handleDateChange = function (date) {
|
|
62
62
|
var _a;
|
|
@@ -68,7 +68,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
68
68
|
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
69
69
|
selectedDate.setHours(origDate.getHours());
|
|
70
70
|
selectedDate.setMinutes(origDate.getMinutes());
|
|
71
|
-
_this.props.onChange(selectedDate
|
|
71
|
+
_this.props.onChange(selectedDate);
|
|
72
72
|
};
|
|
73
73
|
return _this;
|
|
74
74
|
}
|
|
@@ -78,14 +78,14 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
78
78
|
DateTimePicker.prototype.render = function () {
|
|
79
79
|
var _this = this;
|
|
80
80
|
var _a, _b;
|
|
81
|
-
var
|
|
82
|
-
var convertedTimeValue =
|
|
83
|
-
? "".concat(this.prepareFormat(
|
|
81
|
+
var value = this.props.value;
|
|
82
|
+
var convertedTimeValue = value
|
|
83
|
+
? "".concat(this.prepareFormat(value.getHours()), ":").concat(this.prepareFormat(value.getMinutes()))
|
|
84
84
|
: '';
|
|
85
85
|
return (React.createElement("div", { style: { width: Number(this.props.width) > MIN_WIDTH ? this.props.width : MIN_WIDTH } },
|
|
86
86
|
React.createElement(common_1.Spacer, { h: true, gap: "0", noGrow: true, alignItems: 'end' },
|
|
87
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value:
|
|
88
|
-
_this.handleDateChange(val
|
|
87
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: value, onChange: function (val) {
|
|
88
|
+
_this.handleDateChange(val);
|
|
89
89
|
}, dateFormat: this.props.dateFormat, label: this.props.label.text, inlineLabel: (_a = this.props.label.hidden) !== null && _a !== void 0 ? _a : false, labelHidden: (_b = this.props.label.hidden) !== null && _b !== void 0 ? _b : false, fullWidth: this.props.fullWidth }),
|
|
90
90
|
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: convertedTimeValue, onChange: function (val) {
|
|
91
91
|
_this.handleTimeChange(val);
|