@progress/kendo-react-layout 5.19.0 → 5.20.0-dev.202309281201

package/dist/es/card/Avatar.js

@@ -1,3 +1,14 @@
+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);
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
@@ -7,14 +18,16 @@ import { packageMetadata } from '../package-metadata';
 export var Avatar = function (props) {
     var _a;
     validatePackage(packageMetadata);
-    return (React.createElement("div", { style: props.style, className: classNames('k-avatar', (_a = {},
-            _a['k-avatar-bordered'] = props.border,
-            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
-            _a["k-avatar-".concat(kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-avatar-".concat(props.fillMode)] = props.fillMode,
-            _a["k-avatar-".concat(props.fillMode, "-").concat(props.themeColor)] = Boolean(props.fillMode && props.themeColor),
-            _a), props.className) },
-        React.createElement("span", { className: "k-avatar-".concat(props.type) }, props.children)));
+    var combinedProps = __assign({ type: avatarType.TEXT, size: 'medium', rounded: 'full', fillMode: 'solid', themeColor: 'primary' }, props);
+    var rounded = combinedProps.rounded, fillMode = combinedProps.fillMode, size = combinedProps.size, themeColor = combinedProps.themeColor, style = combinedProps.style, border = combinedProps.border, className = combinedProps.className, type = combinedProps.type, children = combinedProps.children;
+    return (React.createElement("div", { style: style, className: classNames('k-avatar', (_a = {},
+            _a['k-avatar-bordered'] = border,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+            _a["k-avatar-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-avatar-".concat(fillMode)] = fillMode,
+            _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor),
+            _a), className) },
+        React.createElement("span", { className: "k-avatar-".concat(type) }, children)));
 };
 Avatar.propTypes = {
     className: PropTypes.string,
@@ -25,10 +38,3 @@ Avatar.propTypes = {
     /* eslint-disable max-len */
     themeColor: PropTypes.oneOf([null, 'base', 'dark', 'error', 'info', 'inverse', 'inverse', 'light', 'primary', 'secondary', 'success', 'tertiary', 'warning'])
 };
-Avatar.defaultProps = {
-    type: avatarType.TEXT,
-    size: 'medium',
-    rounded: 'full',
-    fillMode: 'solid',
-    themeColor: 'primary'
-};

package/dist/es/card/CardActions.js

@@ -1,15 +1,23 @@
+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);
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames } from '@progress/kendo-react-common';
 import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
 export var CardActions = function (props) {
-    return (React.createElement("div", { style: props.style, className: classNames('k-card-actions', props.className, "k-card-actions-".concat(props.layout), props.orientation !== cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, props.children));
+    var combinedProps = __assign({ layout: cardActionsLayout.START, orientation: cardOrientation.HORIZONTAL }, props);
+    return (React.createElement("div", { style: combinedProps.style, className: classNames('k-card-actions', combinedProps.className, "k-card-actions-".concat(combinedProps.layout), combinedProps.orientation !== cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, combinedProps.children));
 };
 CardActions.propTypes = {
     layout: PropTypes.oneOf(['stretched', 'start', 'center', 'end']),
     orientation: PropTypes.oneOf(['horizontal', 'vertical'])
 };
-CardActions.defaultProps = {
-    layout: cardActionsLayout.START,
-    orientation: cardOrientation.HORIZONTAL
-};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1695801122,
+    publishDate: 1695900209,
     version: '',
     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'
 };

package/dist/es/timeline/Timeline.js

@@ -1,10 +1,22 @@
+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);
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames } from '@progress/kendo-react-common';
 import { TimelineHorizontal } from './TimelineHorizontal';
 import { TimelineVertical } from './TimelineVertical';
 export var Timeline = function (props) {
-    var collapsibleEvents = props.collapsibleEvents, transitionDuration = props.transitionDuration, className = props.className, alterMode = props.alterMode, navigatable = props.navigatable, horizontal = props.horizontal, events = props.events, dateFormat = props.dateFormat, onChange = props.onChange, onActionClick = props.onActionClick;
+    var combinedProps = __assign({ alterMode: false, collapsibleEvents: true, dateFormat: 'MMM dd, yyyy' }, props);
+    var collapsibleEvents = combinedProps.collapsibleEvents, transitionDuration = combinedProps.transitionDuration, className = combinedProps.className, alterMode = combinedProps.alterMode, navigatable = combinedProps.navigatable, horizontal = combinedProps.horizontal, events = combinedProps.events, dateFormat = combinedProps.dateFormat, onChange = combinedProps.onChange, onActionClick = combinedProps.onActionClick;
     var _a = React.useState(), trackAxisWidth = _a[0], setTrackAxisWidth = _a[1];
     var trackWrapRef = React.useRef(null);
     React.useEffect(function () {
@@ -20,11 +32,6 @@ export var Timeline = function (props) {
         }, className), style: { width: "".concat(trackAxisWidth, "px") } }, horizontal ? React.createElement(TimelineHorizontal, { navigatable: navigatable, eventsData: events, dateFormat: dateFormat, transitionDuration: transitionDuration, onActionClick: onActionClick })
         : React.createElement(TimelineVertical, { navigatable: navigatable, eventsData: events, dateFormat: dateFormat, alterMode: alterMode, collapsibleEvents: collapsibleEvents, transitionDuration: transitionDuration, onChange: onChange, onActionClick: onActionClick })));
 };
-Timeline.defaultProps = {
-    alterMode: false,
-    collapsibleEvents: true,
-    dateFormat: 'MMM dd, yyyy'
-};
 Timeline.propTypes = {
     className: PropTypes.string
 };

package/dist/npm/card/Avatar.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 var React = require("react");
@@ -10,14 +21,16 @@ var package_metadata_1 = require("../package-metadata");
 var Avatar = function (props) {
     var _a;
     (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    return (React.createElement("div", { style: props.style, className: (0, kendo_react_common_1.classNames)('k-avatar', (_a = {},
-            _a['k-avatar-bordered'] = props.border,
-            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
-            _a["k-avatar-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-avatar-".concat(props.fillMode)] = props.fillMode,
-            _a["k-avatar-".concat(props.fillMode, "-").concat(props.themeColor)] = Boolean(props.fillMode && props.themeColor),
-            _a), props.className) },
-        React.createElement("span", { className: "k-avatar-".concat(props.type) }, props.children)));
+    var combinedProps = __assign({ type: Enums_1.avatarType.TEXT, size: 'medium', rounded: 'full', fillMode: 'solid', themeColor: 'primary' }, props);
+    var rounded = combinedProps.rounded, fillMode = combinedProps.fillMode, size = combinedProps.size, themeColor = combinedProps.themeColor, style = combinedProps.style, border = combinedProps.border, className = combinedProps.className, type = combinedProps.type, children = combinedProps.children;
+    return (React.createElement("div", { style: style, className: (0, kendo_react_common_1.classNames)('k-avatar', (_a = {},
+            _a['k-avatar-bordered'] = border,
+            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+            _a["k-avatar-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-avatar-".concat(fillMode)] = fillMode,
+            _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor),
+            _a), className) },
+        React.createElement("span", { className: "k-avatar-".concat(type) }, children)));
 };
 exports.Avatar = Avatar;
 exports.Avatar.propTypes = {
@@ -29,10 +42,3 @@ exports.Avatar.propTypes = {
     /* eslint-disable max-len */
     themeColor: PropTypes.oneOf([null, 'base', 'dark', 'error', 'info', 'inverse', 'inverse', 'light', 'primary', 'secondary', 'success', 'tertiary', 'warning'])
 };
-exports.Avatar.defaultProps = {
-    type: Enums_1.avatarType.TEXT,
-    size: 'medium',
-    rounded: 'full',
-    fillMode: 'solid',
-    themeColor: 'primary'
-};

package/dist/npm/card/CardActions.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardActions = void 0;
 var React = require("react");
@@ -6,14 +17,11 @@ var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var Enums_1 = require("./interfaces/Enums");
 var CardActions = function (props) {
-    return (React.createElement("div", { style: props.style, className: (0, kendo_react_common_1.classNames)('k-card-actions', props.className, "k-card-actions-".concat(props.layout), props.orientation !== Enums_1.cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, props.children));
+    var combinedProps = __assign({ layout: Enums_1.cardActionsLayout.START, orientation: Enums_1.cardOrientation.HORIZONTAL }, props);
+    return (React.createElement("div", { style: combinedProps.style, className: (0, kendo_react_common_1.classNames)('k-card-actions', combinedProps.className, "k-card-actions-".concat(combinedProps.layout), combinedProps.orientation !== Enums_1.cardOrientation.VERTICAL ? 'k-card-actions-horizontal' : 'k-card-actions-vertical') }, combinedProps.children));
 };
 exports.CardActions = CardActions;
 exports.CardActions.propTypes = {
     layout: PropTypes.oneOf(['stretched', 'start', 'center', 'end']),
     orientation: PropTypes.oneOf(['horizontal', 'vertical'])
 };
-exports.CardActions.defaultProps = {
-    layout: Enums_1.cardActionsLayout.START,
-    orientation: Enums_1.cardOrientation.HORIZONTAL
-};

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1695801122,
+    publishDate: 1695900209,
     version: '',
     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'
 };

package/dist/npm/timeline/Timeline.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Timeline = void 0;
 var React = require("react");
@@ -7,7 +18,8 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var TimelineHorizontal_1 = require("./TimelineHorizontal");
 var TimelineVertical_1 = require("./TimelineVertical");
 var Timeline = function (props) {
-    var collapsibleEvents = props.collapsibleEvents, transitionDuration = props.transitionDuration, className = props.className, alterMode = props.alterMode, navigatable = props.navigatable, horizontal = props.horizontal, events = props.events, dateFormat = props.dateFormat, onChange = props.onChange, onActionClick = props.onActionClick;
+    var combinedProps = __assign({ alterMode: false, collapsibleEvents: true, dateFormat: 'MMM dd, yyyy' }, props);
+    var collapsibleEvents = combinedProps.collapsibleEvents, transitionDuration = combinedProps.transitionDuration, className = combinedProps.className, alterMode = combinedProps.alterMode, navigatable = combinedProps.navigatable, horizontal = combinedProps.horizontal, events = combinedProps.events, dateFormat = combinedProps.dateFormat, onChange = combinedProps.onChange, onActionClick = combinedProps.onActionClick;
     var _a = React.useState(), trackAxisWidth = _a[0], setTrackAxisWidth = _a[1];
     var trackWrapRef = React.useRef(null);
     React.useEffect(function () {
@@ -24,11 +36,6 @@ var Timeline = function (props) {
         : React.createElement(TimelineVertical_1.TimelineVertical, { navigatable: navigatable, eventsData: events, dateFormat: dateFormat, alterMode: alterMode, collapsibleEvents: collapsibleEvents, transitionDuration: transitionDuration, onChange: onChange, onActionClick: onActionClick })));
 };
 exports.Timeline = Timeline;
-exports.Timeline.defaultProps = {
-    alterMode: false,
-    collapsibleEvents: true,
-    dateFormat: 'MMM dd, yyyy'
-};
 exports.Timeline.propTypes = {
     className: PropTypes.string
 };