@progress/kendo-themes-html 5.4.2-dev.0 → 5.4.2-dev.3

package/src/list/{list-header.jsx → list-header.tsx}

@@ -13,7 +13,6 @@ function ListHeaderStatic(props) {
         children,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -24,23 +23,10 @@ function ListHeaderStatic(props) {
         'k-list-group-sticky-header'
     ];
 
-    let legacyListHeaderClasses = [
-        ownClassName,
-        'k-group-header'
-    ];
-
     let ariaAttr = aria
         ? {}
         : {};
 
-    if (legacy) {
-        return (
-            <div className={legacyListHeaderClasses} {...ariaAttr} {...htmlAttributes}>
-                {children}
-            </div>
-        );
-    }
-
     return (
         <div className={listHeaderClasses} {...ariaAttr} {...htmlAttributes}>
             <div className="k-list-header-text">{children}</div>

package/src/list/{list-item.jsx → list-item.tsx}

@@ -26,7 +26,6 @@ function ListItemStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -42,33 +41,10 @@ function ListItemStatic(props) {
         }
     ];
 
-
-    let legacyListItemClasses = [
-        ownClassName,
-        'k-item',
-        {
-            'k-state-hover': hover === true,
-            'k-state-focused': focus === true,
-            'k-state-selected': selected === true,
-            'k-state-disabled': disabled === true
-        }
-    ];
-
     let ariaAttr = aria
         ? {}
         : {};
 
-    if (legacy) {
-        return (
-            <li className={legacyListItemClasses} {...ariaAttr} {...htmlAttributes}>
-                {showCheckbox && <CheckboxStatic checked={checked} />}
-                {showIcon && <IconStatic name={iconName} />}
-                <span className="k-list-item-text">{children}</span>
-                {groupLabel !== '' && <div className="k-group">{groupLabel}</div>}
-            </li>
-        );
-    }
-
     return (
         <li className={listItemClasses} {...ariaAttr} {...htmlAttributes}>
             {showCheckbox && <CheckboxStatic checked={checked} />}

package/src/list/{list.jsx → list.tsx}

@@ -115,7 +115,6 @@ function ListStatic(props) {
         virtualization,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -129,24 +128,10 @@ function ListStatic(props) {
         }
     ];
 
-
-    let legacyListClasses = [
-        ownClassName,
-        'k-list-container'
-    ];
-
     let ariaAttr = aria
         ? {}
         : {};
 
-    if (legacy) {
-        return (
-            <div className={legacyListClasses} {...ariaAttr} {...htmlAttributes}>
-                {children}
-            </div>
-        );
-    }
-
     return (
         <div className={listClasses} {...ariaAttr} {...htmlAttributes}>
             {children}

package/src/maskedtextbox/{maskedtextbox.jsx → maskedtextbox.tsx}

@@ -31,7 +31,6 @@ function MaskedTextboxStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
 
@@ -65,30 +64,6 @@ function MaskedTextboxStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-widget',
-            'k-maskedtextbox',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-invalid': invalid === true,
-                'k-state-disabled': disabled === true
-            }
-        ];
-
-        return (
-            <InputStatic className={legacyClasses} {...htmlAttributes}>
-                <input type={type} className="k-input" {...inputAttributes} />
-                <InputValidationIconStatic {...props} />
-                <InputLoadingIconStatic {...props} />
-                <InputClearValueStatic {...props} />
-            </InputStatic>
-        );
-    }
-
     return (
         <InputStatic className={maskedClasses} {...ariaAttr} {...htmlAttributes}>
             <InputInnerInputStatic {...inputAttributes} />

package/src/menu/{menu-item.jsx → menu-item.tsx}

@@ -55,7 +55,6 @@ function MenuItemStatic(props) {
         dir,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -94,31 +93,6 @@ function MenuItemStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyMenuItemClasses = [
-            ownClassName,
-            'k-item k-menu-item',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-selected': selected === true,
-                'k-state-disabled': disabled === true,
-            }
-        ];
-
-        return (
-            <li className={legacyMenuItemClasses} {...ariaAttr} {...htmlAttributes}>
-                <span className={`k-link k-menu-link ${active === true ? 'k-state-active' : ''}`}>
-                    {icon && <IconStatic className="k-menu-link-icon" name={icon} />}
-                    <span className="k-menu-link-text">{text}</span>
-                    {showArrow && <span className="k-menu-expand-arrow"><IconStatic name={expandArrowName} /></span>}
-                </span>
-                {contentTemplate}
-            </li>
-        );
-    }
-
     return (
         <li className={menuItemClasses} {...ariaAttr} {...htmlAttributes}>
             <span className={menuItemLinkClasses}>

package/src/menu/{menu-list.jsx → menu-list.tsx}

@@ -15,7 +15,6 @@ function MenuListStatic(props) {
         size,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -30,20 +29,6 @@ function MenuListStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyMenuListClasses = [
-            ownClassName,
-            'k-group k-menu-group k-reset',
-        ];
-
-        return (
-            <ul className={legacyMenuListClasses} {...ariaAttr} {...htmlAttributes}>
-                {children}
-            </ul>
-        );
-    }
-
     return (
         <ul className={menuListClasses} {...ariaAttr} {...htmlAttributes}>
             {children}

package/src/menu-button/index.ts

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

package/src/{menubutton/menubutton.jsx → menu-button/menu-button.tsx}

@@ -38,7 +38,6 @@ function MenuButtonStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -55,39 +54,6 @@ function MenuButtonStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyMenuButtonClasses = [
-            ownClassName,
-            'k-menu-button'
-        ];
-
-        return (
-            <ButtonStatic className={legacyMenuButtonClasses}
-                text={text}
-                icon={icon}
-
-                size={size}
-                rounded={rounded}
-                fillMode={fillMode}
-                themeColor={themeColor}
-
-                hover={hover}
-                focus={focus}
-                active={active}
-                selected={selected}
-                disabled={disabled}
-
-                {...ariaAttr}
-                {...htmlAttributes}
-            >
-                <IconStatic className="k-button-icon" name={icon} />
-                {text && <span className="k-button-text">{text}</span>}
-                {showArrow && <span className="k-menu-button-arrow k-button-arrow"><IconStatic name={arrowIconName} /></span>}
-            </ButtonStatic>
-        );
-    }
-
     return (
         <ButtonStatic className={menuButtonClasses}
             text={text}

package/src/multiselect/{multiselect.jsx → multiselect.tsx}

@@ -59,7 +59,6 @@ function MultiSelectStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -91,31 +90,6 @@ function MultiSelectStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-widget',
-            'k-multiselect',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focused': focus === true,
-                'k-state-invalid': invalid === true,
-                'k-state-required': required === true,
-                'k-state-disabled': disabled === true
-            }
-        ];
-
-        return (
-            <InputStatic className={legacyClasses} {...htmlAttributes}>
-                <input type={type} className="k-input" {...inputAttributes} />
-                <InputValidationIconStatic {...props} />
-                <InputLoadingIconStatic {...props} />
-                <InputClearValueStatic {...props} />
-            </InputStatic>
-        );
-    }
-
     return (
         <InputStatic className={multiselectClasses} {...ariaAttr} {...htmlAttributes}>
             {prefix}

package/src/nodata/{nodata.jsx → nodata.tsx}

@@ -14,7 +14,6 @@ function NoDataStatic(props) {
         children,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -28,18 +27,6 @@ function NoDataStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-nodata'
-        ];
-
-        return (
-            <div className={legacyClasses} {...ariaAttr} {...htmlAttributes}>No data found.</div>
-        );
-    }
-
     return (
         <div className={noDataClasses} {...ariaAttr} {...htmlAttributes}>No data found.</div>
     );

package/src/numerictextbox/{numerictextbox.jsx → numerictextbox.tsx}

@@ -14,7 +14,6 @@ function NumericTextboxStatic(props) {
     const {
         className: ownClassName,
 
-        type,
         value,
         placeholder,
         autocomplete,
@@ -34,7 +33,6 @@ function NumericTextboxStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
 
@@ -68,42 +66,6 @@ function NumericTextboxStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-widget',
-            'k-numerictextbox',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-invalid': invalid === true,
-                'k-state-disabled': disabled === true
-            }
-        ];
-
-        let legacyWrapClasses = [
-            'k-numeric-wrap'
-        ];
-
-        let legacyInputClasses = [
-            'k-input',
-            'k-formatted-value'
-        ];
-
-        return (
-            <InputStatic className={legacyClasses} {...htmlAttributes}>
-                <span className={legacyWrapClasses}>
-                    <input type={type} className={legacyInputClasses} {...inputAttributes} />
-                    <InputValidationIconStatic {...props} />
-                    <InputLoadingIconStatic {...props} />
-                    <InputClearValueStatic {...props} />
-                    {showSpinButton === true && <SpinButtonStatic />}
-                </span>
-            </InputStatic>
-        );
-    }
-
     return (
         <InputStatic className={numericClasses} {...ariaAttr} {...htmlAttributes}>
             <InputInnerInputStatic {...inputAttributes} />

package/src/popover/{popover.jsx → popover.tsx}

@@ -61,7 +61,7 @@ PopoverStatic.propTypes = {
     children: typeof [],
     className: typeof '',
 
-    callout: typeof [ null, 'top', 'bottom', 'left', 'right'],
+    callout: typeof [ null, 'top', 'bottom', 'left', 'right' ],
     title: typeof '',
     body: typeof '',
 

package/src/popup/{popup.jsx → popup.tsx}

@@ -18,7 +18,6 @@ function PopupStatic(props) {
         rounded,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -34,20 +33,6 @@ function PopupStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-popup'
-        ];
-
-        return (
-            <div className={legacyClasses} {...htmlAttributes}>
-                {children}
-            </div>
-        );
-    }
-
     return (
         <div className={PopupClasses} {...ariaAttr} {...htmlAttributes}>
             {children}

package/src/radio/{radio.jsx → radio.tsx}

@@ -22,7 +22,6 @@ function RadioStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
 
@@ -48,25 +47,6 @@ function RadioStatic(props) {
         }
     ];
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-radio',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-invalid': invalid === true,
-                'k-state-disabled': disabled === true,
-                'k-state-checked': checked === true,
-            }
-        ];
-
-        return (
-            <span className="k-radio-wrap"><input type="radio" className={legacyClasses} {...ariaAttr} {...htmlAttributes}/></span>
-        );
-    }
-
     return (
         <span className="k-radio-wrap"><input type="radio" className={radioClasses} {...ariaAttr} {...htmlAttributes}/></span>
     );

package/src/searchbox/{searchbox.jsx → searchbox.tsx}

@@ -38,7 +38,6 @@ function SearchboxInner(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -71,31 +70,6 @@ function SearchboxInner(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacyClasses = [
-            ownClassName,
-            'k-searchbox',
-            {
-                'k-state-hover': hover === true,
-                'k-state-focus': focus === true,
-                'k-state-invalid': invalid === true,
-                'k-state-required': required === true,
-                'k-state-disabled': disabled === true
-            }
-        ];
-
-        return (
-            <InputStatic className={legacyClasses} {...htmlAttributes}>
-                {showIcon && <IconStatic name={iconName} className="k-input-icon" />}
-                <input type={type} className="k-input" {...inputAttributes} />
-                <InputValidationIconStatic {...props} />
-                <InputLoadingIconStatic {...props} />
-                <InputClearValueStatic {...props} />
-            </InputStatic>
-        );
-    }
-
     return (
         <InputStatic className={searchBoxClasses} {...ariaAttr} {...htmlAttributes}>
             {showIcon && <IconStatic name={iconName} className="k-input-icon" />}

package/src/spinbutton/{spinbutton.jsx → spinbutton.tsx}

@@ -1,5 +1,4 @@
 import { Component, globalDefaultProps } from '../component/index';
-import { IconStatic } from '../icon/index';
 import { ButtonStatic } from '../button/index';
 
 class SpinButton extends Component {
@@ -17,7 +16,6 @@ function SpinButtonStatic(props) {
         fillMode,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -31,19 +29,6 @@ function SpinButtonStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-        return (
-            <span className="k-select">
-                <span className="k-link k-link-increase">
-                    <IconStatic name="arrow-60-up" />
-                </span>
-                <span className="k-link k-link-decrease">
-                    <IconStatic name="arrow-60-down" />
-                </span>
-            </span>
-        );
-    }
-
     return (
         <span className={spinButtonClasses} {...ariaAttr} {...htmlAttributes}>
             <ButtonStatic className="k-spinner-increase" icon="arrow-n" shape={null} rounded={null} size={size} fillMode={fillMode} />

package/src/split-button/index.ts

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

package/src/{splitbutton/splitbutton.jsx → split-button/split-button.tsx}

@@ -37,7 +37,6 @@ function SplitButtonStatic(props) {
         disabled,
 
         aria,
-        legacy,
 
         ...htmlAttributes
     } = props;
@@ -56,47 +55,6 @@ function SplitButtonStatic(props) {
         ? {}
         : {};
 
-    if (legacy) {
-
-        let legacySplitButtonClasses = [
-            ownClassName,
-            'k-split-button',
-            'k-button-group'
-        ];
-
-        return (
-            <div className={legacySplitButtonClasses} {...ariaAttr} {...htmlAttributes}>
-                <ButtonStatic
-                    text={text}
-                    icon={icon}
-
-                    size={size}
-                    rounded={rounded}
-                    fillMode={fillMode}
-                    themeColor={themeColor}
-
-                    hover={hover}
-                    focus={focus}
-                    active={active}
-                    selected={selected}
-                    disabled={disabled}
-                ></ButtonStatic>
-                <ButtonStatic
-                    className="k-split-button-arrow"
-
-                    icon={arrowIconName}
-
-                    size={size}
-                    rounded={rounded}
-                    fillMode={fillMode}
-                    themeColor={themeColor}
-
-                    disabled={disabled}
-                ></ButtonStatic>
-            </div>
-        );
-    }
-
     return (
         <div className={splitButtonClasses} {...ariaAttr} {...htmlAttributes}>
             <ButtonStatic