@progress/kendo-themes-html 5.4.2-dev.2 → 5.4.2-dev.5

package/src/treeview/treeview-item.jsx

@@ -1,142 +0,0 @@
-import { Component, globalDefaultProps } from '../component/index';
-import { TreeviewGroupStatic } from './treeview-group.jsx';
-import { TreeviewLeafStatic } from './treeview-leaf.jsx';
-import { IconStatic } from '../icon/index';
-import { CheckboxStatic } from '../checkbox/index';
-
-class TreeviewItem extends Component {
-    render() {
-        return <TreeviewItemStatic {...this.props} />;
-    }
-}
-
-function TreeviewItemStatic(props) {
-    const {
-        className: ownClassName,
-        leafClassName,
-
-        items,
-        expanded,
-        hasChildren: _hasChildren,
-
-        text,
-
-        showIcon,
-        iconName,
-        showCheckbox,
-        checked,
-
-        hover,
-        focus,
-        selected,
-        disabled,
-
-        aria,
-        legacy,
-
-        ...htmlAttributes
-    } = props;
-
-    const leafProps = {
-        className: leafClassName,
-        text,
-        showIcon,
-        iconName,
-        hover,
-        focus,
-        selected
-    };
-
-    const hasChildren = _hasChildren || items.length > 0;
-
-    let treeviewItemClasses = [
-        ownClassName,
-        'k-treeview-item',
-        {
-            'k-disabled': disabled === true
-        }
-    ];
-
-    let ariaAttr = aria
-        ? {}
-        : {};
-
-    if (legacy) {
-
-        let legacyTreeviewItemClasses = [
-            ownClassName,
-            'k-item',
-            {
-                'k-state-disabled': disabled === true
-            }
-        ];
-
-        return (
-            <li className={legacyTreeviewItemClasses} {...ariaAttr} {...htmlAttributes}>
-                <span className="k-mid">
-                    {hasChildren && <span className="k-treeview-toggle"><IconStatic name={expanded ? 'collapse' : 'expand'} /></span>}
-                    {showCheckbox && <CheckboxStatic checked={checked} />}
-                    <TreeviewLeafStatic {...leafProps} />
-                </span>
-                {expanded && hasChildren && <TreeviewGroupStatic items={items} />}
-            </li>
-        );
-    }
-
-    return (
-        <li className={treeviewItemClasses} {...ariaAttr} {...htmlAttributes}>
-            <span className="k-treeview-mid">
-                {hasChildren && <span className="k-treeview-toggle"><IconStatic name={expanded ? 'collapse' : 'expand'} /></span>}
-                {showCheckbox && <CheckboxStatic checked={checked} />}
-                <TreeviewLeafStatic {...leafProps} />
-            </span>
-            {expanded && hasChildren && <TreeviewGroupStatic items={items} />}
-        </li>
-    );
-}
-
-TreeviewItemStatic.defaultProps = {
-    ...globalDefaultProps,
-
-    leafClassName: '',
-
-    text: '',
-
-    items: [],
-    expanded: false,
-    hasChildren: false,
-
-    showIcon: false,
-    iconName: '',
-    showCheckbox: false,
-    checked: false,
-};
-
-TreeviewItemStatic.propTypes = {
-    children: typeof [],
-    className: typeof '',
-    leafClassName: typeof '',
-
-    text: typeof '',
-
-    items: [],
-    expanded: typeof false,
-    hasChildren: typeof false,
-
-    showIcon: typeof false,
-    iconName: typeof '',
-    showCheckbox: typeof false,
-    checked: typeof false,
-
-    hover: typeof false,
-    focus: typeof false,
-    selected: typeof false,
-    disabled: typeof false,
-
-    aria: typeof false,
-    legacy: typeof false,
-
-    htmlAttributes: typeof []
-};
-
-export { TreeviewItem, TreeviewItemStatic };

package/src/treeview/treeview-leaf.jsx

@@ -1,99 +0,0 @@
-import { Component, globalDefaultProps } from '../component/index';
-import { IconStatic } from '../icon/index';
-
-class TreeviewLeaf extends Component {
-    render() {
-        return <TreeviewLeafStatic {...this.props} />;
-    }
-}
-
-function TreeviewLeafStatic(props) {
-    const {
-        className: ownClassName,
-
-        text,
-
-        showIcon,
-        iconName,
-
-        hover,
-        focus,
-        selected,
-
-        aria,
-        legacy,
-
-        ...htmlAttributes
-    } = props;
-
-    let treeviewLeafClasses = [
-        ownClassName,
-        'k-treeview-leaf',
-        {
-            'k-hover': hover === true,
-            'k-focus': focus === true,
-            'k-selected': selected === true
-        }
-    ];
-
-    let ariaAttr = aria
-        ? {}
-        : {};
-
-    if (legacy) {
-
-        let legacyTreeviewLeafClasses = [
-            ownClassName,
-            'k-in',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-selected': selected === true
-            }
-        ];
-
-        return (
-            <span className={legacyTreeviewLeafClasses} {...ariaAttr} {...htmlAttributes}>
-                {showIcon && <IconStatic name={iconName} />}
-                <span className="k-treeview-leaf-text">{text}</span>
-            </span>
-        );
-    }
-
-    return (
-        <span className={treeviewLeafClasses} {...ariaAttr} {...htmlAttributes}>
-            {showIcon && <IconStatic name={iconName} />}
-            <span className="k-treeview-leaf-text">{text}</span>
-        </span>
-    );
-}
-
-TreeviewLeafStatic.defaultProps = {
-    ...globalDefaultProps,
-
-    text: '',
-
-    showIcon: false,
-    iconName: ''
-};
-
-TreeviewLeafStatic.propTypes = {
-    children: typeof [],
-    className: typeof '',
-
-    text: typeof '',
-
-    showIcon: typeof false,
-    iconName: typeof '',
-
-    hover: typeof false,
-    focus: typeof false,
-    selected: typeof false,
-
-    aria: typeof false,
-    legacy: typeof false,
-
-    htmlAttributes: typeof []
-};
-
-export { TreeviewLeaf, TreeviewLeafStatic };

package/src/treeview/treeview.jsx

@@ -1,125 +0,0 @@
-import * as styles from '../../utils/styles';
-import { Component, globalDefaultProps } from '../component/index';
-import { TreeviewGroupStatic } from './treeview-group.jsx';
-import { TreeviewItemStatic } from './treeview-item.jsx';
-
-class Treeview extends Component {
-
-    static transformUL( ul ) {
-        let children = ul.props.children;
-        let items = [];
-
-        children.filter( child => child.type === 'LI' ).forEach( li => {
-            items.push( Treeview.transformLI( li ) );
-        });
-
-        return items;
-    }
-
-    static transformLI( li ) {
-        let children = li.props.children;
-        let text = li.props.text || '';
-        let items = [];
-
-        children.forEach( child => {
-            if (text === '' && child.type === '#text') {
-                text = child.props.text;
-            }
-            if (child.type === 'UL') {
-                items.push( ...Treeview.transformUL( child ) );
-            }
-        });
-
-        li.props.children = [];
-        li.props.text = text;
-        li.props.items = items;
-
-        return <TreeviewItemStatic {...li.props} />;
-    }
-
-    init() {
-        let children = this._props.children;
-        let items = [];
-
-        children.filter( child => child.type === 'LI' ).forEach( li => {
-            items.push( Treeview.transformLI( li ) );
-        });
-
-        this._props.children = [];
-        this._props.items = items;
-    }
-
-    render() {
-        return <TreeviewStatic {...this.props} />;
-    }
-}
-
-function TreeviewStatic(props) {
-    const {
-        className: ownClassName,
-
-        items,
-
-        size,
-
-        aria,
-        legacy,
-
-        ...htmlAttributes
-    } = props;
-
-    let treeviewClasses = [
-        ownClassName,
-        'k-treeview',
-        styles.sizeClass( size, 'k-treeview' )
-    ];
-
-    let ariaAttr = aria
-        ? {}
-        : {};
-
-    if (legacy) {
-
-        let legacyTreeviewClasses = [
-            ownClassName,
-            'k-treeview'
-        ];
-
-        return (
-            <div className={legacyTreeviewClasses} {...ariaAttr} {...htmlAttributes}>
-                <TreeviewGroupStatic className="k-treeview-lines" items={items} />
-            </div>
-        );
-    }
-
-    return (
-        <div className={treeviewClasses} {...ariaAttr} {...htmlAttributes}>
-            <TreeviewGroupStatic className="k-treeview-lines" items={items} />
-        </div>
-    );
-}
-
-TreeviewStatic.defaultProps = {
-    ...globalDefaultProps,
-
-    children: [],
-    items: [],
-
-    size: 'medium'
-};
-
-TreeviewStatic.propTypes = {
-    children: typeof [],
-    className: typeof '',
-
-    items: typeof [],
-
-    size: typeof [ null, 'small', 'medium', 'large' ],
-
-    aria: typeof false,
-    legacy: typeof false,
-
-    htmlAttributes: typeof []
-};
-
-export { Treeview, TreeviewStatic };

package/src/typography/README.md

@@ -1,33 +0,0 @@
-## Headings
-
-```html
-    <h1 class="k-h1">Heading 1</h1>
-    <h2 class="k-h2">Heading 2</h2>
-    <h3 class="k-h3">Heading 3</h3>
-    <h4 class="k-h4">Heading 4</h4>
-    <h5 class="k-h5">Heading 5</h5>
-    <h6 class="k-h6">Heading 6</h6>
-```
-
-## Displays
-
-```html
-    <div class="k-display-1">Display 1</div>
-    <div class="k-display-2">Display 2</div>
-    <div class="k-display-3">Display 3</div>
-    <div class="k-display-4">Display 4</div>
-```
-
-## Others
-
-```html
-<p class="k-paragraph">A paragraph of regular body text</p>
-
-<pre class="k-pre">
-    <code class="k-code">const handleChange = ({ target }) =&gt; {
-        const { name, value } = target;
-        const newData = Object.assign({}, data, { [name]: value });
-        setData(newData);
-    }</code>
-</pre>
-```

package/src/typography/index.js

@@ -1 +0,0 @@
-export * from './typography.jsx';

package/src/typography/typography.jsx

@@ -1,62 +0,0 @@
-import { Component, globalDefaultProps } from '../component/index';
-
-class Typography extends Component {
-    render() {
-        return <TypographyStatic {...this.props} />;
-    }
-}
-
-function TypographyStatic(props) {
-
-    const {
-        className: ownClassName,
-
-        type,
-
-        children,
-
-        aria,
-
-        ...htmlAttributes
-    } = props;
-
-    const typeClass = type === 'p' ? 'paragraph' : type;
-
-    let TypographyClasses = [
-        ownClassName,
-        type && `k-${typeClass}`,
-    ];
-
-    const Component = type === null || type.includes('display') ? 'div' : type;
-
-    let ariaAttr = aria
-        ? {}
-        : {};
-
-
-    return (
-        <Component className={TypographyClasses} {...ariaAttr} {...htmlAttributes}>
-           {children}
-        </Component>
-    );
-}
-
-TypographyStatic.defaultProps = {
-    ...globalDefaultProps,
-
-    children: [],
-    type: null,
-};
-
-TypographyStatic.propTypes = {
-    children: typeof [],
-    className: typeof '',
-
-    type: typeof [null, 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'code', 'pre', 'display-1', 'display-2', 'display-3', 'display-4'],
-
-    aria: typeof false,
-
-    htmlAttributes: typeof []
-};
-
-export { Typography, TypographyStatic };