@progress/kendo-react-layout 6.1.0-dev.202310261602 → 6.1.0-dev.202310301211

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.
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-layout',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1698334065,
8
+ publishDate: 1698665744,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
@@ -50,6 +50,15 @@ export declare class TabStripNavigationItem extends React.Component<TabStripNavi
50
50
  first: PropTypes.Requireable<boolean>;
51
51
  last: PropTypes.Requireable<boolean>;
52
52
  };
53
+ /**
54
+ * @hidden
55
+ */
56
+ private itemRef;
57
+ /**
58
+ * @hidden
59
+ */
60
+ focus: () => void;
61
+ blur: () => void;
53
62
  /**
54
63
  * @hidden
55
64
  */
@@ -31,10 +31,33 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
31
31
  __extends(TabStripNavigationItem, _super);
32
32
  function TabStripNavigationItem() {
33
33
  var _this = _super !== null && _super.apply(this, arguments) || this;
34
+ /**
35
+ * @hidden
36
+ */
37
+ _this.itemRef = null;
38
+ /**
39
+ * @hidden
40
+ */
41
+ _this.focus = function () {
42
+ if (_this.itemRef) {
43
+ _this.itemRef.tabIndex = 0;
44
+ _this.itemRef.focus();
45
+ }
46
+ };
47
+ _this.blur = function () {
48
+ if (_this.itemRef) {
49
+ _this.itemRef.tabIndex = -1;
50
+ _this.itemRef.blur();
51
+ }
52
+ };
34
53
  _this.onClick = function () {
35
54
  if (_this.props.onSelect) {
36
55
  _this.props.onSelect(_this.props.index);
37
56
  }
57
+ if (_this.itemRef) {
58
+ _this.itemRef.tabIndex = 0;
59
+ _this.itemRef.focus();
60
+ }
38
61
  };
39
62
  return _this;
40
63
  }
@@ -43,6 +66,7 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
43
66
  */
44
67
  TabStripNavigationItem.prototype.render = function () {
45
68
  var _a;
69
+ var _this = this;
46
70
  var _b = this.props, id = _b.id, active = _b.active, disabled = _b.disabled, _c = _b.title, title = _c === void 0 ? 'Untitled' : _c, first = _b.first, last = _b.last;
47
71
  var props = {
48
72
  'id': id,
@@ -59,7 +83,7 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
59
83
  _a['k-disabled'] = disabled,
60
84
  _a['k-active'] = active,
61
85
  _a));
62
- return (React.createElement("li", __assign({}, props, { className: itemClasses }),
86
+ return (React.createElement("li", __assign({}, props, { className: itemClasses, ref: function (el) { return _this.itemRef = el; }, onBlur: this.blur }),
63
87
  React.createElement("span", { className: "k-link" }, title)));
64
88
  };
65
89
  /**
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-layout',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1698334065,
11
+ publishDate: 1698665744,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
14
14
  };
@@ -50,6 +50,15 @@ export declare class TabStripNavigationItem extends React.Component<TabStripNavi
50
50
  first: PropTypes.Requireable<boolean>;
51
51
  last: PropTypes.Requireable<boolean>;
52
52
  };
53
+ /**
54
+ * @hidden
55
+ */
56
+ private itemRef;
57
+ /**
58
+ * @hidden
59
+ */
60
+ focus: () => void;
61
+ blur: () => void;
53
62
  /**
54
63
  * @hidden
55
64
  */
@@ -34,10 +34,33 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
34
34
  __extends(TabStripNavigationItem, _super);
35
35
  function TabStripNavigationItem() {
36
36
  var _this = _super !== null && _super.apply(this, arguments) || this;
37
+ /**
38
+ * @hidden
39
+ */
40
+ _this.itemRef = null;
41
+ /**
42
+ * @hidden
43
+ */
44
+ _this.focus = function () {
45
+ if (_this.itemRef) {
46
+ _this.itemRef.tabIndex = 0;
47
+ _this.itemRef.focus();
48
+ }
49
+ };
50
+ _this.blur = function () {
51
+ if (_this.itemRef) {
52
+ _this.itemRef.tabIndex = -1;
53
+ _this.itemRef.blur();
54
+ }
55
+ };
37
56
  _this.onClick = function () {
38
57
  if (_this.props.onSelect) {
39
58
  _this.props.onSelect(_this.props.index);
40
59
  }
60
+ if (_this.itemRef) {
61
+ _this.itemRef.tabIndex = 0;
62
+ _this.itemRef.focus();
63
+ }
41
64
  };
42
65
  return _this;
43
66
  }
@@ -46,6 +69,7 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
46
69
  */
47
70
  TabStripNavigationItem.prototype.render = function () {
48
71
  var _a;
72
+ var _this = this;
49
73
  var _b = this.props, id = _b.id, active = _b.active, disabled = _b.disabled, _c = _b.title, title = _c === void 0 ? 'Untitled' : _c, first = _b.first, last = _b.last;
50
74
  var props = {
51
75
  'id': id,
@@ -62,7 +86,7 @@ var TabStripNavigationItem = /** @class */ (function (_super) {
62
86
  _a['k-disabled'] = disabled,
63
87
  _a['k-active'] = active,
64
88
  _a));
65
- return (React.createElement("li", __assign({}, props, { className: itemClasses }),
89
+ return (React.createElement("li", __assign({}, props, { className: itemClasses, ref: function (el) { return _this.itemRef = el; }, onBlur: this.blur }),
66
90
  React.createElement("span", { className: "k-link" }, title)));
67
91
  };
68
92
  /**