@progress/kendo-themes-html 9.0.0 → 9.0.1-dev.0

package/src/imageeditor/imageeditor.spec.tsx

@@ -8,8 +8,8 @@ const states = [];
 const options = {};
 
 export type KendoImageEditorProps = {
-    toolbarItems?: JSX.Element | JSX.Element[];
-    actionPane?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
+    actionPane?: React.JSX.Element | React.JSX.Element[];
     contentHeight?: string;
 };
 

package/src/list/list-angular.spec.tsx

@@ -16,7 +16,7 @@ export type KendoListAngularOptions = {
 
 export type KendoListAngularProps = KendoListAngularOptions & {
     virtualization?: boolean;
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
 };
 
 export type KendoListAngularState = { [K in (typeof states)[number]]?: boolean };
@@ -38,9 +38,9 @@ export const ListAngular = (
     } = props;
 
     let listHeader: string | undefined;
-    let listGroup: string | number | boolean | JSX.Element | null | undefined;
-    let listContent: string | number | boolean | JSX.Element | null | undefined;
-    const listChildren : JSX.Element[] = [];
+    let listGroup: string | number | boolean | React.JSX.Element | null | undefined;
+    let listContent: string | number | boolean | React.JSX.Element | null | undefined;
+    const listChildren : React.JSX.Element[] = [];
 
     if (children) {
         children.map((child, index) => {

package/src/list/list.spec.tsx

@@ -16,8 +16,8 @@ export type KendoListOptions = {
 
 export type KendoListProps = KendoListOptions & {
     virtualization?: boolean;
-    children?: JSX.Element[];
-    optionLabel?: JSX.Element;
+    children?: React.JSX.Element[];
+    optionLabel?: React.JSX.Element;
 };
 
 export type KendoListState = { [K in (typeof states)[number]]?: boolean };
@@ -40,9 +40,9 @@ export const List = (
     } = props;
 
     let listHeader: string | undefined;
-    let listGroup: string | number | boolean | JSX.Element | null | undefined;
-    let listContent: string | number | boolean | JSX.Element | null | undefined;
-    const listChildren : JSX.Element[] = [];
+    let listGroup: string | number | boolean | React.JSX.Element | null | undefined;
+    let listContent: string | number | boolean | React.JSX.Element | null | undefined;
+    const listChildren : React.JSX.Element[] = [];
 
     if (children) {
         children.map((child, index) => {

package/src/listbox/listbox.spec.tsx

@@ -17,7 +17,7 @@ export type KendoListBoxOptions = {
 };
 
 export type KendoListBoxProps = KendoListBoxOptions & {
-    children?: JSX.Element[];
+    children?: React.JSX.Element[];
     actionsPosition?: 'left' | 'right' | 'top' | 'bottom';
     actions?: string[];
     dir?: 'ltr' | 'rtl';

package/src/listgroup/listgroup-item.spec.tsx

@@ -11,7 +11,7 @@ export type KendoListGroupItemProps = {
     icon?: string;
     showArrow?: boolean;
     arrowIconName?: string;
-    children?: JSX.Element;
+    children?: React.JSX.Element;
     href?: string;
     pseudo?: boolean;
 };

package/src/listgroup/listgroup.spec.tsx

@@ -8,7 +8,7 @@ const states = [];
 const options = {};
 
 export type KendoListGroupOptions = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     dir?: string;
 };
 
@@ -26,7 +26,7 @@ export const ListGroup = (
         ...other
     } = props;
 
-    const listChildren : JSX.Element[] = [];
+    const listChildren : React.JSX.Element[] = [];
 
     if (children) {
         if (Array.isArray(children)) {

package/src/map/map.spec.tsx

@@ -9,7 +9,7 @@ const states = [];
 const options = {};
 
 export type KendoMapProps = {
-    attribution?: JSX.Element;
+    attribution?: React.JSX.Element;
     markerStyle?: React.CSSProperties;
     scrollContainerStyle?: React.CSSProperties;
     horizontalScrollbarStyle?: React.CSSProperties;

package/src/maskedtextbox/maskedtextbox.spec.tsx

@@ -36,8 +36,8 @@ export type KendoMaskedTextboxOptions = {
 };
 
 export type KendoMaskedTextboxProps = KendoMaskedTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;

package/src/mediaplayer/mediaplayer-toolbar.tsx

@@ -10,7 +10,7 @@ const states = [];
 const options = {};
 
 export type KendoMediaPlayerToolbarProps = {
-    toolbarItems?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
 };
 
 const defaultToolbarItems = [

package/src/mediaplayer/mediaplayer.spec.tsx

@@ -10,7 +10,7 @@ const options = {};
 
 export type KendoMediaPlayerProps = {
     title?: string;
-    toolbarItems?: JSX.Element | JSX.Element[];
+    toolbarItems?: React.JSX.Element | React.JSX.Element[];
 };
 
 export type KendoMediaPlayerState = { [K in (typeof states)[number]]?: boolean };

package/src/menu/menu-item.spec.tsx

@@ -21,8 +21,8 @@ export type KendoMenuItemProps = {
     showArrow?: boolean;
     arrowIconName?: string;
     dir?: string;
-    children?: JSX.Element[];
-    popup?: JSX.Element;
+    children?: React.JSX.Element[];
+    popup?: React.JSX.Element;
 };
 
 export type KendoMenuItemState = { [K in (typeof states)[number]]?: boolean };

package/src/menu/menu-list-item.spec.tsx

@@ -22,8 +22,8 @@ export type KendoMenuListItemProps = {
     showArrow?: boolean;
     arrowIconName?: string;
     dir?: string;
-    children?: JSX.Element[];
-    popup?: JSX.Element;
+    children?: React.JSX.Element[];
+    popup?: React.JSX.Element;
 };
 
 export type KendoMenuListItemState = { [K in (typeof states)[number]]?: boolean };

package/src/menu/menu-list.spec.tsx

@@ -10,7 +10,7 @@ const options = {
 };
 
 export type KendoMenuListOptions = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     size?: (typeof options.size)[number] | null;
     dir?: string;
 };
@@ -31,7 +31,7 @@ export const MenuList = (
         ...other
     } = props;
 
-    const listChildren: JSX.Element[] = [];
+    const listChildren: React.JSX.Element[] = [];
 
     if (children) {
         if (Array.isArray(children)) {

package/src/menu-button/menu-button.spec.tsx

@@ -43,7 +43,7 @@ export type KendoMenuButtonProps = KendoMenuButtonOptions & {
   text?: string;
   showArrow?: boolean;
   arrowIconName?: string;
-  popup?: JSX.Element;
+  popup?: React.JSX.Element;
   opened?: boolean;
 };
 

package/src/misc/class-names.ts

@@ -1,9 +1,7 @@
-/* eslint-disable arrow-body-style */
 export const classNames = (...args: any[]): string => {
     return args
         .filter((arg) => arg !== true && Boolean(arg))
         .map((arg: any) => {
-            // eslint-disable-next-line no-nested-ternary
             return Array.isArray(arg)
                 ? classNames(...arg)
                 : typeof arg === 'object'

package/src/misc/component-class-names.ts

@@ -1,4 +1,3 @@
-/* eslint-disable arrow-body-style */
 import { classNames } from './class-names';
 
 export const optionClassNames = (componentClassName: string, props: any) => {

package/src/multiselect/multiselect.spec.tsx

@@ -48,14 +48,14 @@ export type KendoMultiSelectOptions = {
 };
 
 export type KendoMultiSelectProps = KendoMultiSelectOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;
     placeholder?: string;
-    tags?: JSX.Element;
-    popup?: JSX.Element;
+    tags?: React.JSX.Element;
+    popup?: React.JSX.Element;
     showArrowButton?: boolean;
     opened?: boolean;
     adaptive?: boolean;

package/src/multiselecttree/multiselecttree.spec.tsx

@@ -45,12 +45,12 @@ export type KendoMultiSelectTreeOptions = {
 };
 
 export type KendoMultiSelectTreeProps = KendoMultiSelectTreeOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     type?: string;
     placeholder?: string;
-    tags?: JSX.Element;
-    popup?: JSX.Element;
+    tags?: React.JSX.Element;
+    popup?: React.JSX.Element;
     showArrowButton?: boolean;
     opened?: boolean;
     dir?: 'ltr' | 'rtl';

package/src/notification/notification.spec.tsx

@@ -26,7 +26,7 @@ export type KendoNotificationOptions = {
 };
 
 export type KendoNotificationProps = KendoNotificationOptions & {
-    actions?: JSX.Element | JSX.Element[];
+    actions?: React.JSX.Element | React.JSX.Element[];
     closable?: boolean;
     text?: string;
     icon?: string;

package/src/numerictextbox/numerictextbox.spec.tsx

@@ -38,8 +38,8 @@ export type KendoNumericTextboxOptions = {
 };
 
 export type KendoNumericTextboxProps = KendoNumericTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     value?: string;
     placeholder?: string;

package/src/orgchart/orgchart-group.tsx

@@ -8,7 +8,7 @@ const states = [];
 const options = {};
 
 export type KendoOrgchartGroupProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     orientation?: 'horizontal' | 'vertical';
     justifyContent?: null | 'start' | 'center' | 'end' | 'stretch' | 'around';
 };
@@ -28,8 +28,8 @@ export const OrgchartGroup = (
         ...other
     } = props;
 
-    const chartNodes : JSX.Element[] = [];
-    const chartGroups : JSX.Element[] = [];
+    const chartNodes : React.JSX.Element[] = [];
+    const chartGroups : React.JSX.Element[] = [];
 
     if (children) {
         if (Array.isArray(children)) {

package/src/pager/pager.spec.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable complexity */
 import { Button } from '../button';
 import { DropdownList } from '../dropdownlist';
 import { NumericTextbox } from '../numerictextbox';
@@ -72,8 +71,8 @@ export const Pager = (
         ...other
     } = props;
 
-    const pageButtons: JSX.Element[] = [];
-    const options: JSX.Element[] = [];
+    const pageButtons: React.JSX.Element[] = [];
+    const options: React.JSX.Element[] = [];
 
     for (let i = 1; i <= maxPages; i++) {
         pageButtons.push(

package/src/pdf-viewer/pdf-viewer.spec.tsx

@@ -16,7 +16,7 @@ const states = [
 const options = {};
 
 export type KendoPDFViewerProps = {
-    toolbar?: JSX.Element;
+    toolbar?: React.JSX.Element;
     showSearchPanel?: boolean;
     blank?: boolean;
 };

package/src/pivotgrid/calculated-field.tsx

@@ -9,9 +9,9 @@ const states = [];
 const options = {};
 
 export type KendoCalculatedFieldProps = {
-    headerContent?: JSX.Element | JSX.Element[];
-    headerActions?: JSX.Element | JSX.Element[];
-    fieldActions?: JSX.Element | JSX.Element[];
+    headerContent?: React.JSX.Element | React.JSX.Element[];
+    headerActions?: React.JSX.Element | React.JSX.Element[];
+    fieldActions?: React.JSX.Element | React.JSX.Element[];
 };
 
 const defaultFieldActions = (

package/src/pivotgrid/pivotgrid-configurator.tsx

@@ -9,7 +9,7 @@ const states = [];
 const options = {};
 
 export type KendoPivotGridConfiguratorProps = {
-    actionButtons?: JSX.Element;
+    actionButtons?: React.JSX.Element;
     orientation?: "horizontal" | "vertical";
     mode?: "overlay" | "push";
     header?: string;

package/src/pivotgrid/pivotgrid.spec.tsx

@@ -7,9 +7,9 @@ const states = [];
 const options = {};
 
 export type KendoPivotGridProps = {
-    emptyCell?: JSX.Element;
-    columnHeaders?: JSX.Element;
-    rowHeaders?: JSX.Element;
+    emptyCell?: React.JSX.Element;
+    columnHeaders?: React.JSX.Element;
+    rowHeaders?: React.JSX.Element;
 };
 
 const defaultProps = {

package/src/popover/popover.spec.tsx

@@ -12,7 +12,7 @@ const defaultProps = {};
 export type KendoPopoverProps = {
     callout?: null | 'top' | 'bottom' | 'left' | 'right';
     title?: string;
-    body?: JSX.Element | JSX.Element[];
+    body?: React.JSX.Element | React.JSX.Element[];
 };
 
 

package/src/prompt/prompt-view.tsx

@@ -6,8 +6,8 @@ export const PROMPTVIEW_CLASSNAME = `k-prompt-view`;
 
 export type KendoPromptViewProps = {
     showSearch?: boolean;
-    suggestions?: JSX.Element;
-    settings?: JSX.Element;
+    suggestions?: React.JSX.Element;
+    settings?: React.JSX.Element;
 }
 
 export const PromptView = (

package/src/rating/rating.spec.tsx

@@ -36,7 +36,7 @@ export const Rating = (
         ...other
     } = props;
 
-    const listChildren: JSX.Element[] = [];
+    const listChildren: React.JSX.Element[] = [];
 
     const solidItems = Math.floor(value);
     const splitItems = value % 1 === 0.5;

package/src/scheduler/scheduler-event.spec.tsx

@@ -25,8 +25,8 @@ export type KendoSchedulerEventProps = {
     hover?: boolean;
     focus?: boolean;
     selected?: boolean;
-    eventPrefix?: JSX.Element | null;
-    eventSuffix?: JSX.Element | null;
+    eventPrefix?: React.JSX.Element | null;
+    eventSuffix?: React.JSX.Element | null;
 };
 
 export const SchedulerEvent = (

package/src/scheduler/scheduler.spec.tsx

@@ -11,8 +11,8 @@ const defaultProps = {};
 
 export type KendoSchedulerProps = {
     view?: "day" | "week" | "month" | "year" | "agenda" | "timeline";
-    toolbar?: JSX.Element | JSX.Element[];
-    footer?: JSX.Element | JSX.Element[];
+    toolbar?: React.JSX.Element | React.JSX.Element[];
+    footer?: React.JSX.Element | React.JSX.Element[];
     layout?: "table" | "flex";
 };
 

package/src/scrollview/scrollview-spec.tsx

@@ -42,7 +42,7 @@ export const ScrollView = (
         ...other
     } = props;
 
-    const scrollviewViews: JSX.Element | JSX.Element[] = [];
+    const scrollviewViews: React.JSX.Element | React.JSX.Element[] = [];
 
     const iconPrev = rtl ? 'chevron-right' : 'chevron-left';
     const iconNext = rtl ? 'chevron-left' : 'chevron-right';

package/src/split-button/split-button.spec.tsx

@@ -44,7 +44,7 @@ export type KendoSplitButtonProps = KendoSplitButtonOptions & {
   iconClassName?: string;
   showArrow?: boolean;
   arrowIconName?: string;
-  popup?: JSX.Element;
+  popup?: React.JSX.Element;
   opened?: boolean;
 };
 

package/src/splitter/splitter.spec.tsx

@@ -8,7 +8,7 @@ const options = {};
 
 export type KendoSplitterProps = {
     orientation?: "vertical" | "horizontal";
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
 }
 
 const defaultProps = {
@@ -25,7 +25,7 @@ export const Splitter = (
         ...other
     } = props;
 
-    const listChildren: JSX.Element | JSX.Element[] = [];
+    const listChildren: React.JSX.Element | React.JSX.Element[] = [];
 
     if (children) {
         if (Array.isArray(children)) {

package/src/spreadsheet/spreadsheet-column-header.tsx

@@ -62,7 +62,7 @@ export const SpreadsheetColumnHeader = (
         </div>
     ]);
 
-    const addColumnSelection = (items: Array<JSX.Element>, configuration: any) => items.map((element: JSX.Element, index: number) => {
+    const addColumnSelection = (items: Array<React.JSX.Element>, configuration: any) => items.map((element: React.JSX.Element, index: number) => {
         const itemValue = element.props.children.props.children;
         return (
             <div key={index} style={element.props.style}

package/src/spreadsheet/spreadsheet-data.tsx

@@ -21,7 +21,7 @@ export const SpreadsheetData = (
         ...other
     } = props;
 
-    const addActiveCell = (data: Array<JSX.Element>, activeCellIndex: number) => data.map((element: JSX.Element, index: number) => {
+    const addActiveCell = (data: Array<React.JSX.Element>, activeCellIndex: number) => data.map((element: React.JSX.Element, index: number) => {
         if (index === activeCellIndex) {
             return (
                 <div key={index} style={element.props.style}

package/src/spreadsheet/spreadsheet-row-header.tsx

@@ -65,7 +65,7 @@ export const SpreadsheetRowHeader = (
         </div>
     ]);
 
-    const addRowSelection = (items: Array<JSX.Element>, configuration: any) => items.map((element: JSX.Element, index: number) => {
+    const addRowSelection = (items: Array<React.JSX.Element>, configuration: any) => items.map((element: React.JSX.Element, index: number) => {
         const itemValue = element.props.children.props.children;
         return (
             <div key={index} style={element.props.style}

package/src/spreadsheet/spreadsheet-sheets-bar.tsx

@@ -8,7 +8,7 @@ const states = [];
 const options = {};
 
 export type KendoSpreadsheetSheetsBarProps = {
-    tabStripItems?: JSX.Element;
+    tabStripItems?: React.JSX.Element;
 };
 
 const defaultTabStripItems = (

package/src/stepper/step.tsx

@@ -24,7 +24,7 @@ export type KendoStepProps = {
     label?: string;
     text?: string;
     icon?: string;
-    stepContent?: JSX.Element;
+    stepContent?: React.JSX.Element;
 }
 
 export type StepState = { [K in (typeof states)[number]]?: boolean };

package/src/tabstrip/tabstrip-item.tsx

@@ -13,7 +13,7 @@ const options = {};
 
 export type KendoTabStripItemProps = {
     dragging?: boolean;
-    value?: string | JSX.Element;
+    value?: string | React.JSX.Element;
     first?: boolean;
     last?: boolean;
 };

package/src/tabstrip/tabstrip.spec.tsx

@@ -9,7 +9,7 @@ const options = {};
 
 export type KendoTabStripProps = {
     position?: "top" | "bottom" | "left" | "right";
-    tabStripItems?: JSX.Element | JSX.Element[];
+    tabStripItems?: React.JSX.Element | React.JSX.Element[];
     scrollable?: boolean;
     header?: boolean | null;
     dir?: "rtl" | "ltr";

package/src/taskboard/taskboard-column.tsx

@@ -8,7 +8,7 @@ const states = [];
 const options = {};
 
 export type KendoTaskBoardColumnProps = {
-    header?: JSX.Element;
+    header?: React.JSX.Element;
     edit?: boolean;
 };
 

package/src/taskboard/taskboard-pane.tsx

@@ -9,7 +9,7 @@ const states = [];
 const options = {};
 
 export type KendoTaskBoardPaneProps = {
-    header?: JSX.Element;
+    header?: React.JSX.Element;
 };
 
 const defaultHeader =

package/src/taskboard/taskboard.spec.tsx

@@ -13,7 +13,7 @@ const states = [
 const options = {};
 
 export type KendoTaskBoardProps = {
-    toolbar?: JSX.Element;
+    toolbar?: React.JSX.Element;
     pane?: boolean;
     panePosition?: "start" | "end";
 };

package/src/textarea/textarea.spec.tsx

@@ -42,8 +42,8 @@ export type KendoTextareaOptions = {
 };
 
 export type KendoTextareaProps = KendoTextareaOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     rows?: number;
     value?: string;

package/src/textbox/textbox.spec.tsx

@@ -36,8 +36,8 @@ export type KendoTextboxOptions = {
 };
 
 export type KendoTextboxProps = KendoTextboxOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     separators?: boolean;
     type?: string;
     value?: string;
@@ -65,6 +65,7 @@ export const Textbox = (
         prefix,
         suffix,
         separators = defaultProps.separators,
+        type,
         value,
         placeholder,
         size,
@@ -105,7 +106,7 @@ export const Textbox = (
                 {separators && <InputSeparator/>}
             </>
             }
-            <InputInnerInput placeholder={placeholder} value={value} />
+            <InputInnerInput placeholder={placeholder} value={value} type={type} />
             <InputValidationIcon
                 valid={valid}
                 invalid={invalid}

package/src/time-selector/time-selector.spec.tsx

@@ -16,8 +16,8 @@ export type KendoTimeSelectorOptions = {
 };
 
 export type KendoTimeSelectorProps = KendoTimeSelectorOptions & {
-    header?: null | JSX.Element;
-    fastSelection?: null | JSX.Element;
+    header?: null | React.JSX.Element;
+    fastSelection?: null | React.JSX.Element;
     value?: string;
     columns: Array<timeType>;
     focusedColumn?: null | timeType;

package/src/timedurationpicker/timedurationpicker.spec.tsx

@@ -45,8 +45,8 @@ export type KendoTimeDurationPickerOptions = {
 };
 
 export type KendoTimeDurationPickerProps = KendoTimeDurationPickerOptions & {
-    prefix?: JSX.Element;
-    suffix?: JSX.Element;
+    prefix?: React.JSX.Element;
+    suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
     opened?: boolean;

package/src/timeline/horizontal-timeline-event.spec.tsx

@@ -10,7 +10,7 @@ const options = {};
 
 
 export type KendoHorizontalTimelineEventProps = {
-    content?: string | JSX.Element;
+    content?: string | React.JSX.Element;
     title?: string;
     subtitle?: string;
 };
@@ -63,4 +63,4 @@ HorizontalTimelineEvent.options = options;
 HorizontalTimelineEvent.className = TIMELINEHORIZONTALEVENT_CLASSNAME;
 HorizontalTimelineEvent.defaultProps = defaultProps;
 
-export default HorizontalTimelineEvent;
+export default HorizontalTimelineEvent;

package/src/timeline/timeline-track-item.spec.tsx

@@ -7,7 +7,7 @@ const states = [
 ];
 
 export type KendoTimelineTrackItemOptions = {
-    children?: JSX.Element | JSX.Element[];
+    children?: React.JSX.Element | React.JSX.Element[];
     content?: string;
 };