superdesk-ui-framework 4.0.66 → 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.
|
@@ -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
|
@@ -131456,14 +131456,14 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
131456
131456
|
React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start" },
|
|
131457
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) {
|
|
131458
131458
|
var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
|
|
131459
|
-
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 () {
|
|
131460
131460
|
_this.handleChange('hours', hour);
|
|
131461
131461
|
}, isActive: isActiveHour, value: hour }));
|
|
131462
131462
|
})),
|
|
131463
131463
|
React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
|
|
131464
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) {
|
|
131465
131465
|
var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
|
|
131466
|
-
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 () {
|
|
131467
131467
|
_this.handleChange('minutes', minute);
|
|
131468
131468
|
} }));
|
|
131469
131469
|
})),
|
|
@@ -131472,7 +131472,7 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
131472
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) {
|
|
131473
131473
|
var isActiveMinute = second ===
|
|
131474
131474
|
parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
|
|
131475
|
-
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 () {
|
|
131476
131476
|
_this.handleChange('seconds', second);
|
|
131477
131477
|
}, isActive: isActiveMinute, value: second }));
|
|
131478
131478
|
})))),
|
|
@@ -194545,7 +194545,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
194545
194545
|
/* 1048 */
|
|
194546
194546
|
/***/ (function(module, exports) {
|
|
194547
194547
|
|
|
194548
|
-
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"}}
|
|
194549
194549
|
|
|
194550
194550
|
/***/ }),
|
|
194551
194551
|
/* 1049 */
|
|
@@ -130803,14 +130803,14 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
130803
130803
|
React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start" },
|
|
130804
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) {
|
|
130805
130805
|
var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
|
|
130806
|
-
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 () {
|
|
130807
130807
|
_this.handleChange('hours', hour);
|
|
130808
130808
|
}, isActive: isActiveHour, value: hour }));
|
|
130809
130809
|
})),
|
|
130810
130810
|
React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
|
|
130811
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) {
|
|
130812
130812
|
var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
|
|
130813
|
-
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 () {
|
|
130814
130814
|
_this.handleChange('minutes', minute);
|
|
130815
130815
|
} }));
|
|
130816
130816
|
})),
|
|
@@ -130819,7 +130819,7 @@ var TimePickerPopover = /** @class */ (function (_super) {
|
|
|
130819
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) {
|
|
130820
130820
|
var isActiveMinute = second ===
|
|
130821
130821
|
parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
|
|
130822
|
-
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 () {
|
|
130823
130823
|
_this.handleChange('seconds', second);
|
|
130824
130824
|
}, isActive: isActiveMinute, value: second }));
|
|
130825
130825
|
})))),
|
package/package.json
CHANGED
|
@@ -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
|
})))),
|