@progress/kendo-themes-html 7.2.1-dev.1 → 7.2.1-dev.3

package/src/gantt/gantt-line.spec.tsx

@@ -0,0 +1,47 @@
+import { classNames } from '../misc';
+
+export const GANTTLINE_CLASSNAME = 'k-gantt-line';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttLineProps = {
+    orientation?: "horizontal" | "vertical";
+};
+
+const defaultProps = {
+    orientation: "horizontal"
+};
+
+export const GanttLine = (
+    props: KendoGanttLineProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        orientation = defaultProps.orientation,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTTLINE_CLASSNAME,
+                {
+                    [`k-gantt-line-h`]: orientation === "horizontal",
+                    [`k-gantt-line-v`]: orientation === "vertical"
+                }
+            )}>
+        </div>
+    );
+};
+
+GanttLine.states = states;
+GanttLine.options = options;
+GanttLine.className = GANTTLINE_CLASSNAME;
+GanttLine.defaultProps = defaultProps;
+
+export default GanttLine;

package/src/gantt/gantt-rows-table.spec.tsx

@@ -0,0 +1,20 @@
+import { classNames } from '../misc';
+import { Table, KendoTableOptions } from '../table';
+
+export const GANTTROWSTABLE_CLASSNAME = `k-gantt-rows`;
+
+export const GanttRowsTable = (
+    props: KendoTableOptions &
+        React.HTMLAttributes<HTMLTableElement>
+) => (
+    <Table
+        size="medium"
+        {...props}
+        className={classNames(
+            props.className,
+            GANTTROWSTABLE_CLASSNAME,
+        )}
+    >
+        {props.children}
+    </Table>
+);

package/src/gantt/gantt-tables-wrapper.spec.tsx

@@ -0,0 +1,16 @@
+import { classNames } from '../misc';
+
+const className = `k-gantt-tables`;
+
+export const GanttTables = (
+    props: React.HTMLAttributes<HTMLDivElement>
+) => (
+    <div
+        {...props}
+        className={classNames(
+            props.className,
+            className,
+        )}>
+        {props.children}
+    </div>
+);

package/src/gantt/gantt-task-content.spec.tsx

@@ -0,0 +1,44 @@
+import { classNames } from '../misc';
+import { Icon } from '../icon';
+
+export const GANTTTASKCONTENT_CLASSNAME = 'k-task-content';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttTaskContentProps = {
+    content?: string | JSX.Element | JSX.Element[];
+};
+
+const defaultProps = {};
+
+export const GanttTaskContent = (
+    props: KendoGanttTaskContentProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        content,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTTTASKCONTENT_CLASSNAME
+            )}>
+            { content && <div className="k-task-template">{content}</div> }
+            <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
+        </div>
+    );
+};
+
+GanttTaskContent.states = states;
+GanttTaskContent.options = options;
+GanttTaskContent.className = GANTTTASKCONTENT_CLASSNAME;
+GanttTaskContent.defaultProps = defaultProps;
+
+export default GanttTaskContent;

package/src/gantt/gantt-task-dot.spec.tsx

@@ -0,0 +1,47 @@
+import { classNames } from '../misc';
+
+export const GANTTTASKWDOT_CLASSNAME = 'k-task-dot';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttTaskDotProps = {
+    position?: "start" | "end";
+};
+
+const defaultProps = {
+    position: "start"
+};
+
+export const GanttTaskDot = (
+    props: KendoGanttTaskDotProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        position = defaultProps.position,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTTTASKWDOT_CLASSNAME,
+                {
+                    [`k-task-start`]: position === "start",
+                    [`k-task-end`]: position === "end"
+                }
+            )}>
+        </div>
+    );
+};
+
+GanttTaskDot.states = states;
+GanttTaskDot.options = options;
+GanttTaskDot.className = GANTTTASKWDOT_CLASSNAME;
+GanttTaskDot.defaultProps = defaultProps;
+
+export default GanttTaskDot;

package/src/gantt/gantt-task-wrap.spec.tsx

@@ -0,0 +1,47 @@
+import { classNames } from '../misc';
+
+export const GANTTTASKWRAP_CLASSNAME = 'k-task-wrap';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttTaskWrapProps = {
+    type?: "single" | "milestone" | "summary";
+};
+
+const defaultProps = {
+    type: "single"
+};
+
+export const GanttTaskWrap = (
+    props: KendoGanttTaskWrapProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        type = defaultProps.type,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTTTASKWRAP_CLASSNAME,
+                {
+                    [`k-milestone-wrap`]: type === "milestone",
+                    [`k-summary-wrap`]: type === "summary"
+                }
+            )}>
+        </div>
+    );
+};
+
+GanttTaskWrap.states = states;
+GanttTaskWrap.options = options;
+GanttTaskWrap.className = GANTTTASKWRAP_CLASSNAME;
+GanttTaskWrap.defaultProps = defaultProps;
+
+export default GanttTaskWrap;

package/src/gantt/gantt-task.spec.tsx

@@ -0,0 +1,48 @@
+import { classNames } from '../misc';
+
+export const GANTTTASK_CLASSNAME = 'k-task';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttTaskProps = {
+    type?: "single" | "milestone" | "summary";
+};
+
+const defaultProps = {
+    type: "single"
+};
+
+export const GanttTask = (
+    props: KendoGanttTaskProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        type = defaultProps.type,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTTTASK_CLASSNAME,
+                {
+                    [`k-task-single`]: type === "single",
+                    [`k-task-milestone`]: type === "milestone",
+                    [`k-task-summary`]: type === "summary"
+                }
+            )}>
+        </div>
+    );
+};
+
+GanttTask.states = states;
+GanttTask.options = options;
+GanttTask.className = GANTTTASK_CLASSNAME;
+GanttTask.defaultProps = defaultProps;
+
+export default GanttTask;

package/src/gantt/gantt-tasks-table.spec.tsx

@@ -0,0 +1,20 @@
+import { classNames } from '../misc';
+import { Table, KendoTableOptions } from '../table';
+
+export const GANTTTASKSTABLE_CLASSNAME = `k-gantt-tasks`;
+
+export const GanttTasksTable = (
+    props: KendoTableOptions &
+        React.HTMLAttributes<HTMLTableElement>
+) => (
+    <Table
+        size="medium"
+        {...props}
+        className={classNames(
+            props.className,
+            GANTTTASKSTABLE_CLASSNAME,
+        )}
+    >
+        {props.children}
+    </Table>
+);

package/src/gantt/gantt.spec.tsx

@@ -0,0 +1,47 @@
+import { classNames } from '../misc';
+
+export const GANTT_CLASSNAME = 'k-gantt';
+
+const states = [];
+
+const options = {};
+
+export type KendoGanttProps = {
+    headerToolbar?: JSX.Element;
+    footerToolbar?: JSX.Element;
+};
+
+const defaultProps = {
+};
+
+export const Gantt = (
+    props: KendoGanttProps &
+        React.HTMLAttributes<HTMLDivElement>
+) => {
+    const {
+        headerToolbar,
+        footerToolbar,
+        ...other
+    } = props;
+
+
+    return (
+        <div
+            {...other}
+            className={classNames(
+                props.className,
+                GANTT_CLASSNAME,
+            )}>
+            { headerToolbar }
+            { props.children}
+            { footerToolbar }
+        </div>
+    );
+};
+
+Gantt.states = states;
+Gantt.options = options;
+Gantt.className = GANTT_CLASSNAME;
+Gantt.defaultProps = defaultProps;
+
+export default Gantt;

package/src/gantt/index.ts

@@ -0,0 +1,13 @@
+export * from './gantt.spec';
+export * from './gantt-header-toolbar.spec';
+export * from './gantt-footer-toolbar.spec';
+export * from './gantt-content.spec';
+export * from './gantt-tables-wrapper.spec';
+export * from './gantt-columns-table.spec';
+export * from './gantt-rows-table.spec';
+export * from './gantt-tasks-table.spec';
+export * from './gantt-task.spec';
+export * from './gantt-task-wrap.spec';
+export * from './gantt-task-dot.spec';
+export * from './gantt-task-content.spec';
+export * from './gantt-line.spec';