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

package/dist/esm/scheduler/scheduler-times.spec.mjs

@@ -0,0 +1,24 @@
+// 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
+import { jsx } from "react/jsx-runtime";
+var className = "k-scheduler-times";
+var SchedulerTimes = (props) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className,
+      props.className
+    ),
+    children: props.children
+  }
+);
+export {
+  SchedulerTimes
+};

package/dist/esm/scheduler/{tests/scheduler-jquery-agenda.mjs → scheduler-toolbar.spec.mjs}

@@ -5253,7 +5253,7 @@ var defaultProps18 = {
 };
 var SliderTick = (props) => {
   const {
-    style: style2,
+    style,
     label = defaultProps18.label,
     orientation,
     large,
@@ -5272,7 +5272,7 @@ var SliderTick = (props) => {
           "k-tick-large": large
         }
       ),
-      style: style2,
+      style,
       children: label && /* @__PURE__ */ jsx33("span", { className: "k-label", children: text })
     }
   );
@@ -8014,96 +8014,40 @@ import { jsx as jsx135 } from "react/jsx-runtime";
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 import { jsx as jsx136 } from "react/jsx-runtime";
 
-// src/scheduler/tests/scheduler-jquery-agenda.tsx
+// src/scheduler/scheduler-toolbar.spec.tsx
 import { Fragment as Fragment47, jsx as jsx137, jsxs as jsxs57 } from "react/jsx-runtime";
-var style = `
-    .k-scheduler-mark {
-        background: gold;
-    }
-`;
-var scheduler_jquery_agenda_default = () => /* @__PURE__ */ jsxs57(Fragment47, { children: [
-  /* @__PURE__ */ jsx137("style", { children: style }),
-  /* @__PURE__ */ jsx137("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs57("div", { className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ jsxs57(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ jsx137(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", icon: "caret-alt-right" })
-      ] }),
-      /* @__PURE__ */ jsx137(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
-      /* @__PURE__ */ jsx137("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Week" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Month" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Timeline" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", selected: true, children: "Agenda" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx137("table", { className: "k-scheduler-layout k-scheduler-agendaview k-scheduler-agenda k-scrollbar-h", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-      /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-header", children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-header-wrap", children: /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsx137("tbody", { children: /* @__PURE__ */ jsxs57("tr", { children: [
-        /* @__PURE__ */ jsx137("th", { className: "k-scheduler-datecolumn", children: "Date" }),
-        /* @__PURE__ */ jsx137("th", { className: "k-scheduler-timecolumn", children: "Time" }),
-        /* @__PURE__ */ jsx137("th", { children: "Event" })
-      ] }) }) }) }) }) }) }),
-      /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-content", children: /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-        /* @__PURE__ */ jsxs57("tr", { children: [
-          /* @__PURE__ */ jsxs57("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ jsx137("strong", { className: "k-scheduler-agendaday", children: "13" }),
-            /* @__PURE__ */ jsx137("em", { className: "k-scheduler-agendaweek", children: "Thursday" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ jsx137("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ jsx137("div", { children: "7:00 PM-9:00 PM" }) }),
-          /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-task", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-task-text", children: "Normal" }),
-            /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxs57("tr", { className: "k-hover", children: [
-          /* @__PURE__ */ jsxs57("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ jsx137("strong", { className: "k-scheduler-agendaday", children: "14" }),
-            /* @__PURE__ */ jsx137("em", { className: "k-scheduler-agendaweek", children: "Friday" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ jsx137("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ jsx137("div", { children: "all day" }) }),
-          /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-task", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-task-text", children: "Hover" }),
-            /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxs57("tr", { className: "k-selected", children: [
-          /* @__PURE__ */ jsxs57("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ jsx137("strong", { className: "k-scheduler-agendaday", children: "17" }),
-            /* @__PURE__ */ jsx137("em", { className: "k-scheduler-agendaweek", children: "Monday" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ jsx137("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ jsx137("div", { children: "6:30 PM-8:00 PM" }) }),
-          /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-task", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-task-text", children: "Selected" }),
-            /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) })
-          ] }) })
+var className14 = "k-scheduler-toolbar";
+var SchedulerToolbar = (props) => {
+  const { footer, ...others } = props;
+  return /* @__PURE__ */ jsx137(
+    Toolbar,
+    {
+      ...others,
+      className: classNames(
+        props.className,
+        {
+          [footer ? "k-scheduler-footer" : className14]: true
+        }
+      ),
+      children: props.children || /* @__PURE__ */ jsxs57(Fragment47, { children: [
+        /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ jsx137(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ jsx137(Button, { className: "k-group-end", icon: "caret-alt-right" })
         ] }),
-        /* @__PURE__ */ jsxs57("tr", { children: [
-          /* @__PURE__ */ jsxs57("td", { className: "k-scheduler-datecolumn k-first", children: [
-            /* @__PURE__ */ jsx137("strong", { className: "k-scheduler-agendaday", children: "18" }),
-            /* @__PURE__ */ jsx137("em", { className: "k-scheduler-agendaweek", children: "Tuesday" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-agendadate", children: "June, 2013" })
-          ] }),
-          /* @__PURE__ */ jsx137("td", { className: "k-scheduler-timecolumn", children: /* @__PURE__ */ jsx137("div", { children: "7:00 PM-9:00 PM" }) }),
-          /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-task", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-mark" }),
-            /* @__PURE__ */ jsx137(Icon, { icon: "arrow-rotate-cw" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-scheduler-task-text", children: "Recurring" })
-          ] }) })
+        /* @__PURE__ */ jsx137(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2022" }),
+        /* @__PURE__ */ jsx137("span", { className: "k-spacer" }),
+        /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ jsx137(Button, { className: "k-group-start", selected: true, children: "Day" }),
+          /* @__PURE__ */ jsx137(Button, { children: "Week" }),
+          /* @__PURE__ */ jsx137(Button, { children: "Month" }),
+          /* @__PURE__ */ jsx137(Button, { children: "Timeline" }),
+          /* @__PURE__ */ jsx137(Button, { className: "k-group-end", children: "Agenda" })
         ] })
-      ] }) }) }) }) })
-    ] }) }),
-    /* @__PURE__ */ jsx137(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ jsx137(Button, { icon: "clock", children: "Show business hours" }) })
-  ] }) })
-] });
+      ] })
+    }
+  );
+};
 export {
-  scheduler_jquery_agenda_default as default
+  SchedulerToolbar
 };

package/dist/esm/scheduler/scheduler-view.spec.mjs

@@ -0,0 +1,43 @@
+// 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
+import { jsx } from "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__ */ 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;
+export {
+  SchedulerView,
+  scheduler_view_spec_default as default
+};

package/dist/esm/scheduler/scheduler.spec.mjs

@@ -0,0 +1,91 @@
+// 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
+import { jsx } from "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__ */ 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
+import { jsx as jsx2, jsxs } from "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__ */ jsxs(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_CLASSNAME
+      ),
+      children: [
+        toolbar,
+        /* @__PURE__ */ jsx2(
+          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;
+export {
+  Scheduler,
+  scheduler_spec_default as default
+};