superdesk-ui-framework 4.0.65 → 4.0.67
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 +1 -1
- package/app-typescript/components/TimePickerPopover.tsx +3 -0
- package/dist/examples.bundle.js +7 -6
- package/dist/superdesk-ui.bundle.js +6 -5
- package/package.json +1 -1
- package/react/components/DateTimePicker.js +3 -2
- package/react/components/TimePickerPopover.js +3 -3
|
@@ -53,7 +53,7 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
53
53
|
handleTimeChange = (time: string) => {
|
|
54
54
|
if (this.props.valueType === 'date') {
|
|
55
55
|
const [hours, minutes] = time.split(':').map((x) => defaultTo(parseInt(x, 10), 0));
|
|
56
|
-
const origDate = this.props.value
|
|
56
|
+
const origDate = this.props.value ?? new Date();
|
|
57
57
|
|
|
58
58
|
origDate.setHours(hours, minutes);
|
|
59
59
|
|
|
@@ -161,6 +161,7 @@ export class TimePickerPopover extends React.PureComponent<IProps> {
|
|
|
161
161
|
|
|
162
162
|
return (
|
|
163
163
|
<TimeValueHolder
|
|
164
|
+
key={hour}
|
|
164
165
|
ref={isActiveHour ? this.inputRefs[0] : undefined}
|
|
165
166
|
onClick={() => {
|
|
166
167
|
this.handleChange('hours', hour);
|
|
@@ -179,6 +180,7 @@ export class TimePickerPopover extends React.PureComponent<IProps> {
|
|
|
179
180
|
|
|
180
181
|
return (
|
|
181
182
|
<TimeValueHolder
|
|
183
|
+
key={minute}
|
|
182
184
|
ref={isActiveMinute ? this.inputRefs[1] : undefined}
|
|
183
185
|
isActive={isActiveMinute}
|
|
184
186
|
value={minute}
|
|
@@ -206,6 +208,7 @@ export class TimePickerPopover extends React.PureComponent<IProps> {
|
|
|
206
208
|
|
|
207
209
|
return (
|
|
208
210
|
<TimeValueHolder
|
|
211
|
+
key={second}
|
|
209
212
|
ref={isActiveMinute ? this.inputRefs[2] : undefined}
|
|
210
213
|
onClick={() => {
|
|
211
214
|
this.handleChange('seconds', second);
|
package/dist/examples.bundle.js
CHANGED
|
@@ -131181,9 +131181,10 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
131181
131181
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
131182
131182
|
_this.htmlId = (0, react_id_generator_1.default)();
|
|
131183
131183
|
_this.handleTimeChange = function (time) {
|
|
131184
|
+
var _a;
|
|
131184
131185
|
if (_this.props.valueType === 'date') {
|
|
131185
|
-
var
|
|
131186
|
-
var origDate = _this.props.value ?
|
|
131186
|
+
var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1];
|
|
131187
|
+
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
131187
131188
|
origDate.setHours(hours, minutes);
|
|
131188
131189
|
_this.props.onChange(origDate);
|
|
131189
131190
|
}
|
|
@@ -131455,14 +131456,14 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
131455
131456
|
React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start" },
|
|
131456
131457
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', this.is12HourFormat).map(function (hour) {
|
|
131457
131458
|
var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
|
|
131458
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
131459
|
+
return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
131459
131460
|
_this.handleChange('hours', hour);
|
|
131460
131461
|
}, isActive: isActiveHour, value: hour }));
|
|
131461
131462
|
})),
|
|
131462
131463
|
React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
|
|
131463
131464
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', this.is12HourFormat).map(function (minute) {
|
|
131464
131465
|
var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
|
|
131465
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
131466
|
+
return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
131466
131467
|
_this.handleChange('minutes', minute);
|
|
131467
131468
|
} }));
|
|
131468
131469
|
})),
|
|
@@ -131471,7 +131472,7 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
131471
131472
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', this.is12HourFormat).map(function (second) {
|
|
131472
131473
|
var isActiveMinute = second ===
|
|
131473
131474
|
parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
|
|
131474
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
131475
|
+
return (React.createElement(TimeValueHolder, { key: second, ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
131475
131476
|
_this.handleChange('seconds', second);
|
|
131476
131477
|
}, isActive: isActiveMinute, value: second }));
|
|
131477
131478
|
})))),
|
|
@@ -194544,7 +194545,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
194544
194545
|
/* 1048 */
|
|
194545
194546
|
/***/ (function(module, exports) {
|
|
194546
194547
|
|
|
194547
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
194548
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.67","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","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test","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","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","prettier":"3.5.3","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.66","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"^4.1.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"}}
|
|
194548
194549
|
|
|
194549
194550
|
/***/ }),
|
|
194550
194551
|
/* 1049 */
|
|
@@ -130528,9 +130528,10 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
130528
130528
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
130529
130529
|
_this.htmlId = (0, react_id_generator_1.default)();
|
|
130530
130530
|
_this.handleTimeChange = function (time) {
|
|
130531
|
+
var _a;
|
|
130531
130532
|
if (_this.props.valueType === 'date') {
|
|
130532
|
-
var
|
|
130533
|
-
var origDate = _this.props.value ?
|
|
130533
|
+
var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1];
|
|
130534
|
+
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
130534
130535
|
origDate.setHours(hours, minutes);
|
|
130535
130536
|
_this.props.onChange(origDate);
|
|
130536
130537
|
}
|
|
@@ -130802,14 +130803,14 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
130802
130803
|
React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start" },
|
|
130803
130804
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', this.is12HourFormat).map(function (hour) {
|
|
130804
130805
|
var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
|
|
130805
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
130806
|
+
return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
130806
130807
|
_this.handleChange('hours', hour);
|
|
130807
130808
|
}, isActive: isActiveHour, value: hour }));
|
|
130808
130809
|
})),
|
|
130809
130810
|
React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
|
|
130810
130811
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', this.is12HourFormat).map(function (minute) {
|
|
130811
130812
|
var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
|
|
130812
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
130813
|
+
return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
130813
130814
|
_this.handleChange('minutes', minute);
|
|
130814
130815
|
} }));
|
|
130815
130816
|
})),
|
|
@@ -130818,7 +130819,7 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
130818
130819
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', this.is12HourFormat).map(function (second) {
|
|
130819
130820
|
var isActiveMinute = second ===
|
|
130820
130821
|
parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
|
|
130821
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
130822
|
+
return (React.createElement(TimeValueHolder, { key: second, ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
130822
130823
|
_this.handleChange('seconds', second);
|
|
130823
130824
|
}, isActive: isActiveMinute, value: second }));
|
|
130824
130825
|
})))),
|
package/package.json
CHANGED
|
@@ -79,9 +79,10 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
79
79
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
80
80
|
_this.htmlId = (0, react_id_generator_1.default)();
|
|
81
81
|
_this.handleTimeChange = function (time) {
|
|
82
|
+
var _a;
|
|
82
83
|
if (_this.props.valueType === 'date') {
|
|
83
|
-
var
|
|
84
|
-
var origDate = _this.props.value ?
|
|
84
|
+
var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1];
|
|
85
|
+
var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
|
|
85
86
|
origDate.setHours(hours, minutes);
|
|
86
87
|
_this.props.onChange(origDate);
|
|
87
88
|
}
|
|
@@ -166,14 +166,14 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
166
166
|
React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start" },
|
|
167
167
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', this.is12HourFormat).map(function (hour) {
|
|
168
168
|
var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
|
|
169
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
169
|
+
return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
|
|
170
170
|
_this.handleChange('hours', hour);
|
|
171
171
|
}, isActive: isActiveHour, value: hour }));
|
|
172
172
|
})),
|
|
173
173
|
React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
|
|
174
174
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', this.is12HourFormat).map(function (minute) {
|
|
175
175
|
var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
|
|
176
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
176
|
+
return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
|
|
177
177
|
_this.handleChange('minutes', minute);
|
|
178
178
|
} }));
|
|
179
179
|
})),
|
|
@@ -182,7 +182,7 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
182
182
|
React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', this.is12HourFormat).map(function (second) {
|
|
183
183
|
var isActiveMinute = second ===
|
|
184
184
|
parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
|
|
185
|
-
return (React.createElement(TimeValueHolder, { ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
185
|
+
return (React.createElement(TimeValueHolder, { key: second, ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
|
|
186
186
|
_this.handleChange('seconds', second);
|
|
187
187
|
}, isActive: isActiveMinute, value: second }));
|
|
188
188
|
})))),
|