superdesk-ui-framework 4.0.43 → 4.0.45

package/react/components/DatePicker.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -64,6 +75,7 @@ var Button_1 = require("./Button");
 var weekstart_1 = require("weekstart");
 var common_1 = require("@sourcefabric/common");
 var localization_1 = require("../localization");
+var helpers_1 = require("../helpers");
 var internalPrimereactClassnames = {
     overlayVisible: 'p-input-overlay-visible',
 };
@@ -153,7 +165,6 @@ var DatePicker = /** @class */ (function (_super) {
     };
     DatePicker.prototype.render = function () {
         var _this = this;
-        var _a;
         if (this.props.preview) {
             return (
             // We have to do type assertion here because we wrap primereact's component using
@@ -162,6 +173,20 @@ var DatePicker = /** @class */ (function (_super) {
             React.createElement("div", null,
                 React.createElement("span", null, (0, moment_1.default)(this.state.value).format(this.props.dateFormat))));
         }
+        var locale = (function () {
+            if (_this.props.locale == null) {
+                return undefined;
+            }
+            else if (_this.props.locale.type === 'code-only') {
+                return getDatePickerLocale(_this.props.locale.code);
+            }
+            else if (_this.props.locale.type === 'full') {
+                return __assign(__assign({}, _this.props.locale.payload), { today: localization_1.localization.translations.today, clear: localization_1.localization.translations.clear });
+            }
+            else {
+                return (0, helpers_1.assertNever)(_this.props.locale);
+            }
+        })();
         var showClearButton = this.props.required === true
             ? false
             : this.props.hideClearButton !== true;
@@ -189,7 +214,7 @@ var DatePicker = /** @class */ (function (_super) {
                         // updating internal state so a user can continue typing and enter a valid value
                         _this.setState({ value: event.value, valid: false });
                     }
-                }, locale: getDatePickerLocale((_a = this.props.locale) === null || _a === void 0 ? void 0 : _a.code), dateFormat: this.props.dateFormat.replace('YYYY', 'yy').replace('MM', 'mm').replace('DD', 'dd'), showIcon: true, icon: "icon-calendar", headerTemplate: function () { return _this.props.headerButtonBar == null ? null : (React.createElement("div", { className: "datepicker-header-toolbar" }, _this.props.headerButtonBar.map(function (_a, i) {
+                }, locale: locale, dateFormat: this.props.dateFormat.replace('YYYY', 'yy').replace('MM', 'mm').replace('DD', 'dd'), showIcon: true, icon: "icon-calendar", headerTemplate: function () { return _this.props.headerButtonBar == null ? null : (React.createElement("div", { className: "datepicker-header-toolbar" }, _this.props.headerButtonBar.map(function (_a, i) {
                     var label = _a.label, days = _a.days;
                     return (React.createElement("button", { key: i, className: "btn btn--small", onClick: function () {
                             _this.props.onChange((0, addDays_1.default)(new Date(), days));

package/react/components/TreeSelect/TreeSelectItem.js

@@ -63,9 +63,6 @@ var TreeSelectItem = /** @class */ (function (_super) {
     }
     TreeSelectItem.prototype.render = function () {
         var _this = this;
-        var ariaLabel = this.props.parentCategory !== undefined
-            ? "".concat(this.props.getLabel(this.props.option.value), ", parent ").concat(this.props.parentCategory)
-            : this.props.getLabel(this.props.option.value);
         return (React.createElement("li", { className: 'suggestion-item suggestion-item--multi-select', role: 'none', onClick: function (event) {
                 var _a, _b;
                 if (!_this.props.disabledItem) {
@@ -83,7 +80,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
                     if (event.key === 'Enter' && _this.props.option.children) {
                         (_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a);
                     }
-                }, disabled: this.props.disabledItem, "data-test-id": "option", role: 'treeItem', "aria-selected": this.props.selectedItem === true, "aria-disabled": this.props.disabledItem === true },
+                }, disabled: this.props.disabledItem, "data-test-id": "option", role: 'treeitem', "aria-selected": this.props.selectedItem === true, "aria-disabled": this.props.disabledItem === true },
                 (this.props.getBorderColor && !this.props.allowMultiple)
                     && React.createElement("div", { className: "item-border", style: {
                             backgroundColor: this.props.getBorderColor(this.props.option.value),
@@ -94,7 +91,7 @@ var TreeSelectItem = /** @class */ (function (_super) {
                             backgroundColor: this.props.getBackgroundColor(this.props.option.value),
                             color: (0, helpers_1.getTextColor)(this.props.getBackgroundColor(this.props.option.value)),
                         }
-                        : undefined, "aria-label": ariaLabel }, this.props.optionTemplate
+                        : undefined }, this.props.optionTemplate
                     ? this.props.optionTemplate(this.props.option.value)
                     : this.props.getLabel(this.props.option.value)),
                 this.props.option.children