@progress/kendo-themes-html 5.8.2-dev.4 → 5.8.2-dev.6

package/dist/multiviewcalendar/tests/multiviewcalendar-react.js

@@ -1,10 +1,27 @@
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
   var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b ||= {})
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
     get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
   }) : x)(function(x) {
@@ -12,6 +29,18 @@
       return require.apply(this, arguments);
     throw new Error('Dynamic require of "' + x + '" is not supported');
   });
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   var __copyProps = (to, from, except, desc) => {
     if (from && typeof from === "object" || typeof from === "function") {
       for (let key of __getOwnPropNames(from))
@@ -75,7 +104,7 @@
   var React = __toESM(__require("react"));
   var Calendar = class extends React.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         size,
         orientation,
@@ -86,11 +115,21 @@
         showOtherMonth,
         showCalendarCaption,
         showCalendarFooter,
-        selectedRange,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React.createElement("div", {
-        ...htmlAttributes,
+        selectedRange
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "size",
+        "orientation",
+        "calendarView",
+        "calendarHeaderText",
+        "viewsCount",
+        "showWeek",
+        "showOtherMonth",
+        "showCalendarCaption",
+        "showCalendarFooter",
+        "selectedRange"
+      ]);
+      return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar",
@@ -99,10 +138,11 @@
             "k-week-number": showWeek
           }
         )
-      }, /* @__PURE__ */ React.createElement(CalendarHeader, {
+      }), /* @__PURE__ */ React.createElement(CalendarHeader, {
         showToday: showCalendarFooter ? false : true,
         calendarHeaderText,
-        orientation
+        orientation,
+        size
       }), /* @__PURE__ */ React.createElement(CalendarView, {
         calendarView,
         viewsCount,
@@ -126,7 +166,7 @@
   var React2 = __toESM(__require("react"));
   var CalendarCell = class extends React2.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         text,
         headerCell,
@@ -142,9 +182,25 @@
         disabled,
         rangeStart,
         rangeMid,
-        rangeEnd,
-        ...htmlAttributes
-      } = this.props;
+        rangeEnd
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "text",
+        "headerCell",
+        "today",
+        "weekend",
+        "otherMonth",
+        "showOtherMonth",
+        "weekCell",
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "rangeStart",
+        "rangeMid",
+        "rangeEnd"
+      ]);
       const cellType = headerCell ? "th" : "td";
       const calendarCellClasses = [
         className,
@@ -165,21 +221,18 @@
         }
       ];
       if (headerCell) {
-        return /* @__PURE__ */ React2.createElement("th", {
-          ...htmlAttributes,
+        return /* @__PURE__ */ React2.createElement("th", __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(calendarCellClasses)
-        }, text);
+        }), text);
       }
       if (weekCell) {
-        return /* @__PURE__ */ React2.createElement("td", {
-          ...htmlAttributes,
+        return /* @__PURE__ */ React2.createElement("td", __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(calendarCellClasses)
-        }, text);
+        }), text);
       }
-      return /* @__PURE__ */ React2.createElement("td", {
-        ...htmlAttributes,
+      return /* @__PURE__ */ React2.createElement("td", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(calendarCellClasses)
-      }, otherMonth && !showOtherMonth ? "" : /* @__PURE__ */ React2.createElement("span", {
+      }), otherMonth && !showOtherMonth ? "" : /* @__PURE__ */ React2.createElement("span", {
         className: "k-link"
       }, text));
     }
@@ -216,7 +269,7 @@
   // src/button/button.tsx
   var Button = class extends React4.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         iconClassName,
@@ -232,14 +285,30 @@
         selected,
         disabled,
         showArrow,
-        arrowIconName,
-        ...htmlAttributes
-      } = this.props;
+        arrowIconName
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "iconClassName",
+        "text",
+        "icon",
+        "size",
+        "rounded",
+        "fillMode",
+        "themeColor",
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "showArrow",
+        "arrowIconName"
+      ]);
       const hasIcon = icon !== void 0;
       const hasChildren = children !== void 0;
-      return /* @__PURE__ */ React4.createElement("button", {
-        style: this.props.style,
-        ...htmlAttributes,
+      return /* @__PURE__ */ React4.createElement("button", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         dir: this.props.dir,
         className: classNames(
           className,
@@ -257,7 +326,7 @@
             "k-disabled": disabled
           }
         )
-      }, icon && /* @__PURE__ */ React4.createElement(Icon, {
+      }), icon && /* @__PURE__ */ React4.createElement(Icon, {
         className: classNames(iconClassName, "k-button-icon"),
         name: icon
       }), text ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, text && /* @__PURE__ */ React4.createElement("span", {
@@ -283,15 +352,20 @@
   // src/calendar/calendar-header.tsx
   var CalendarHeader = class extends React5.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         calendarHeaderText,
         showToday,
         orientation,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React5.createElement("div", {
-        ...htmlAttributes,
+        size
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "calendarHeaderText",
+        "showToday",
+        "orientation",
+        "size"
+      ]);
+      return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-header",
@@ -299,9 +373,10 @@
             "k-vstack": orientation === "vertical"
           }
         )
-      }, /* @__PURE__ */ React5.createElement(Button, {
+      }), /* @__PURE__ */ React5.createElement(Button, {
         className: "k-calendar-title",
         text: calendarHeaderText,
+        size,
         fillMode: "flat"
       }), /* @__PURE__ */ React5.createElement("span", {
         className: "k-spacer"
@@ -310,12 +385,14 @@
       }, /* @__PURE__ */ React5.createElement(Button, {
         className: "k-calendar-nav-prev",
         icon: "arrow-chevron-left",
+        size,
         fillMode: "flat"
       }), showToday && /* @__PURE__ */ React5.createElement("span", {
         className: "k-calendar-nav-today"
       }, "Today"), /* @__PURE__ */ React5.createElement(Button, {
         className: "k-calendar-nav-next",
         icon: "arrow-chevron-right",
+        size,
         fillMode: "flat"
       })));
     }
@@ -323,24 +400,25 @@
   CalendarHeader.defaultProps = {
     calendarHeaderText: "October 2021",
     showToday: true,
-    orientation: "horizontal"
+    orientation: "horizontal",
+    size: "medium"
   };
 
   // src/calendar/calendar-footer.tsx
   var React6 = __toESM(__require("react"));
   var CalendarFooter = class extends React6.Component {
     render() {
-      const {
-        className,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React6.createElement("div", {
-        ...htmlAttributes,
+      const _a = this.props, {
+        className
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className"
+      ]);
+      return /* @__PURE__ */ React6.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-footer"
         )
-      }, /* @__PURE__ */ React6.createElement("a", {
+      }), /* @__PURE__ */ React6.createElement("a", {
         className: "k-calendar-nav-today"
       }, "Monday, October 29, 2021"));
     }
@@ -350,23 +428,28 @@
   var React7 = __toESM(__require("react"));
   var CalendarTable = class extends React7.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         calendarView,
         showOtherMonth,
         showWeek,
         showCalendarCaption,
-        selectedRange,
-        ...htmlAttributes
-      } = this.props;
+        selectedRange
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "calendarView",
+        "showOtherMonth",
+        "showWeek",
+        "showCalendarCaption",
+        "selectedRange"
+      ]);
       if (calendarView === "year") {
-        return /* @__PURE__ */ React7.createElement("table", {
-          ...htmlAttributes,
+        return /* @__PURE__ */ React7.createElement("table", __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
             className,
             "k-calendar-table"
           )
-        }, showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
+        }), showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
           className: "k-calendar-caption"
         }, "2022"), /* @__PURE__ */ React7.createElement("tbody", {
           className: "k-calendar-tbody"
@@ -407,13 +490,12 @@
         }))));
       }
       if (calendarView === "decade") {
-        return /* @__PURE__ */ React7.createElement("table", {
-          ...htmlAttributes,
+        return /* @__PURE__ */ React7.createElement("table", __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
             className,
             "k-calendar-table"
           )
-        }, showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
+        }), showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
           className: "k-calendar-caption"
         }, "2020 - 2029"), /* @__PURE__ */ React7.createElement("tbody", {
           className: "k-calendar-tbody"
@@ -454,13 +536,12 @@
         }))));
       }
       if (calendarView === "century") {
-        return /* @__PURE__ */ React7.createElement("table", {
-          ...htmlAttributes,
+        return /* @__PURE__ */ React7.createElement("table", __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
             className,
             "k-calendar-table"
           )
-        }, showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
+        }), showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
           className: "k-calendar-caption"
         }, "2000 - 2099"), /* @__PURE__ */ React7.createElement("tbody", {
           className: "k-calendar-tbody"
@@ -500,13 +581,12 @@
           className: "k-out-of-range"
         }))));
       }
-      return /* @__PURE__ */ React7.createElement("table", {
-        ...htmlAttributes,
+      return /* @__PURE__ */ React7.createElement("table", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-table"
         )
-      }, showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
+      }), showCalendarCaption && /* @__PURE__ */ React7.createElement("caption", {
         className: "k-calendar-caption"
       }, "October 2021"), /* @__PURE__ */ React7.createElement(CalendarTableHead, {
         showWeek
@@ -683,18 +763,19 @@
   var React8 = __toESM(__require("react"));
   var CalendarTableHead = class extends React8.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
-        showWeek,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React8.createElement("thead", {
-        ...htmlAttributes,
+        showWeek
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "showWeek"
+      ]);
+      return /* @__PURE__ */ React8.createElement("thead", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-thead"
         )
-      }, /* @__PURE__ */ React8.createElement("tr", {
+      }), /* @__PURE__ */ React8.createElement("tr", {
         className: "k-calendar-tr"
       }, showWeek && /* @__PURE__ */ React8.createElement(CalendarCell, {
         weekCell: true,
@@ -728,7 +809,7 @@
   var React9 = __toESM(__require("react"));
   var CalendarView = class extends React9.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         orientation,
         calendarView,
@@ -736,12 +817,19 @@
         showWeek,
         showOtherMonth,
         showCalendarCaption,
-        selectedRange,
-        ...htmlAttributes
-      } = this.props;
+        selectedRange
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "orientation",
+        "calendarView",
+        "viewsCount",
+        "showWeek",
+        "showOtherMonth",
+        "showCalendarCaption",
+        "selectedRange"
+      ]);
       const views = Number(viewsCount);
-      return /* @__PURE__ */ React9.createElement("div", {
-        ...htmlAttributes,
+      return /* @__PURE__ */ React9.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-view",
@@ -752,7 +840,7 @@
             [`k-${kendoThemeMaps.orientationMap[orientation] || orientation}`]: orientation
           }
         )
-      }, [...Array(views)].map(
+      }), [...Array(views)].map(
         (_e, i) => /* @__PURE__ */ React9.createElement(CalendarTable, {
           key: i,
           calendarView,
@@ -773,7 +861,7 @@
   // src/multiviewcalendar/multiviewcalendar.tsx
   var MultiViewCalendar = class extends React10.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
         calendarHeaderText,
         calendarView,
@@ -783,14 +871,25 @@
         showWeek,
         showOtherMonth,
         showCalendarCaption,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React10.createElement(Calendar, {
-        ...htmlAttributes,
+        size
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "calendarHeaderText",
+        "calendarView",
+        "viewsCount",
+        "orientation",
+        "showCalendarFooter",
+        "showWeek",
+        "showOtherMonth",
+        "showCalendarCaption",
+        "size"
+      ]);
+      return /* @__PURE__ */ React10.createElement(Calendar, __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           className,
           "k-calendar-range"
         ),
+        size,
         calendarHeaderText,
         calendarView,
         viewsCount,
@@ -800,14 +899,15 @@
         showOtherMonth,
         showCalendarCaption,
         selectedRange: true
-      });
+      }));
     }
   };
   MultiViewCalendar.defaultProps = {
     calendarHeaderText: "October 2021 - November 2021",
     viewsCount: "2",
     orientation: "horizontal",
-    calendarView: "month"
+    calendarView: "month",
+    size: "medium"
   };
 
   // src/multiviewcalendar/tests/multiviewcalendar-react.tsx