@progress/kendo-themes-html 8.0.0-dev.3 → 8.0.0-dev.4

package/dist/cjs/scheduler/scheduler-times.spec.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/scheduler/scheduler-times.spec.tsx
+var scheduler_times_spec_exports = {};
+__export(scheduler_times_spec_exports, {
+  SchedulerTimes: () => SchedulerTimes
+});
+module.exports = __toCommonJS(scheduler_times_spec_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/scheduler/scheduler-times.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var className = "k-scheduler-times";
+var SchedulerTimes = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className,
+      props.className
+    ),
+    children: props.children
+  }
+);

package/dist/cjs/scheduler/{tests/scheduler-jquery-agenda.js → scheduler-toolbar.spec.js}

@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/scheduler/tests/scheduler-jquery-agenda.tsx
-var scheduler_jquery_agenda_exports = {};
-__export(scheduler_jquery_agenda_exports, {
-  default: () => scheduler_jquery_agenda_default
+// src/scheduler/scheduler-toolbar.spec.tsx
+var scheduler_toolbar_spec_exports = {};
+__export(scheduler_toolbar_spec_exports, {
+  SchedulerToolbar: () => SchedulerToolbar
 });
-module.exports = __toCommonJS(scheduler_jquery_agenda_exports);
+module.exports = __toCommonJS(scheduler_toolbar_spec_exports);
 
 // src/misc/class-names.ts
 var classNames = (...args) => {
@@ -5272,7 +5272,7 @@ var defaultProps18 = {
 };
 var SliderTick = (props) => {
   const {
-    style: style2,
+    style,
     label = defaultProps18.label,
     orientation,
     large,
@@ -5291,7 +5291,7 @@ var SliderTick = (props) => {
           "k-tick-large": large
         }
       ),
-      style: style2,
+      style,
       children: label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "k-label", children: text })
     }
   );
@@ -8033,93 +8033,37 @@ var import_jsx_runtime135 = require("react/jsx-runtime");
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
 
-// src/scheduler/tests/scheduler-jquery-agenda.tsx
+// src/scheduler/scheduler-toolbar.spec.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
-var style = `
-    .k-scheduler-mark {
-        background: gold;
-    }
-`;
-var scheduler_jquery_agenda_default = () => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_jsx_runtime137.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Week" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Timeline" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", selected: true, children: "Agenda" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-layout k-scheduler-agendaview k-scheduler-agenda k-scrollbar-h", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-header", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-scheduler-datecolumn", children: "Date" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-scheduler-timecolumn", children: "Time" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { children: "Event" })
-      ] }) }) }) }) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-content", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("strong", { className: "k-scheduler-agendaday", children: "13" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("em", { className: "k-scheduler-agendaweek", children: "Thursday" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: "7:00 PM-9:00 PM" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-task", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-task-text", children: "Normal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-hover", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("strong", { className: "k-scheduler-agendaday", children: "14" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("em", { className: "k-scheduler-agendaweek", children: "Friday" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: "all day" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-task", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-task-text", children: "Hover" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-selected", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("strong", { className: "k-scheduler-agendaday", children: "17" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("em", { className: "k-scheduler-agendaweek", children: "Monday" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: "6:30 PM-8:00 PM" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-task", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-task-text", children: "Selected" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) })
-          ] }) })
+var className14 = "k-scheduler-toolbar";
+var SchedulerToolbar = (props) => {
+  const { footer, ...others } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    Toolbar,
+    {
+      ...others,
+      className: classNames(
+        props.className,
+        {
+          [footer ? "k-scheduler-footer" : className14]: true
+        }
+      ),
+      children: props.children || /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_jsx_runtime137.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("strong", { className: "k-scheduler-agendaday", children: "18" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("em", { className: "k-scheduler-agendaweek", children: "Tuesday" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: "7:00 PM-9:00 PM" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-task", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "arrow-rotate-cw" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-scheduler-task-text", children: "Recurring" })
-          ] }) })
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", selected: true, children: "Day" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Week" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Timeline" }),
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", children: "Agenda" })
         ] })
-      ] }) }) }) }) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "clock", children: "Show business hours" }) })
-  ] }) })
-] });
+      ] })
+    }
+  );
+};

package/dist/cjs/scheduler/scheduler-view.spec.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/scheduler/scheduler-view.spec.tsx
+var scheduler_view_spec_exports = {};
+__export(scheduler_view_spec_exports, {
+  SchedulerView: () => SchedulerView,
+  default: () => scheduler_view_spec_default
+});
+module.exports = __toCommonJS(scheduler_view_spec_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/scheduler/scheduler-view.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SCHEDULER_VIEW_CLASSNAME = "k-scheduler-layout";
+var states = [];
+var options = {};
+var defaultProps = {};
+var SchedulerView = (props) => {
+  const {
+    as: Component = "div",
+    view,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_VIEW_CLASSNAME,
+        {
+          [`k-scheduler-${view}view`]: view
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerView.states = states;
+SchedulerView.options = options;
+SchedulerView.className = SCHEDULER_VIEW_CLASSNAME;
+SchedulerView.defaultProps = defaultProps;
+var scheduler_view_spec_default = SchedulerView;

package/dist/cjs/scheduler/scheduler.spec.js

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/scheduler/scheduler.spec.tsx
+var scheduler_spec_exports = {};
+__export(scheduler_spec_exports, {
+  Scheduler: () => Scheduler,
+  default: () => scheduler_spec_default
+});
+module.exports = __toCommonJS(scheduler_spec_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/scheduler/scheduler-view.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SCHEDULER_VIEW_CLASSNAME = "k-scheduler-layout";
+var states = [];
+var options = {};
+var defaultProps = {};
+var SchedulerView = (props) => {
+  const {
+    as: Component = "div",
+    view,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_VIEW_CLASSNAME,
+        {
+          [`k-scheduler-${view}view`]: view
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerView.states = states;
+SchedulerView.options = options;
+SchedulerView.className = SCHEDULER_VIEW_CLASSNAME;
+SchedulerView.defaultProps = defaultProps;
+var scheduler_view_spec_default = SchedulerView;
+
+// src/scheduler/scheduler.spec.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SCHEDULER_CLASSNAME = "k-scheduler";
+var states2 = [];
+var options2 = {};
+var defaultProps2 = {};
+var Scheduler = (props) => {
+  const {
+    view,
+    toolbar,
+    footer,
+    layout,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_CLASSNAME
+      ),
+      children: [
+        toolbar,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          scheduler_view_spec_default,
+          {
+            className: classNames(
+              {
+                "k-scheduler-layout-flex": layout === "flex"
+              }
+            ),
+            as: layout === "table" ? "table" : "div",
+            view,
+            children: props.children
+          }
+        ),
+        footer
+      ]
+    }
+  );
+};
+Scheduler.states = states2;
+Scheduler.options = options2;
+Scheduler.className = SCHEDULER_CLASSNAME;
+Scheduler.defaultProps = defaultProps2;
+var scheduler_spec_default = Scheduler;