@progress/kendo-themes-html 5.9.1-dev.0 → 5.9.1-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/action-sheet/action-sheet.js.map +1 -1
  2. package/dist/action-sheet/actionsheet-item.js +2 -3
  3. package/dist/action-sheet/actionsheet-item.js.map +2 -2
  4. package/dist/action-sheet/actionsheet-items.js +1 -1
  5. package/dist/action-sheet/actionsheet-items.js.map +2 -2
  6. package/dist/action-sheet/tests/action-sheet-calendar.js.map +1 -1
  7. package/dist/action-sheet/tests/action-sheet-data-table.js.map +1 -1
  8. package/dist/action-sheet/tests/action-sheet-date-time-selector.js.map +1 -1
  9. package/dist/action-sheet/tests/action-sheet-list.js.map +1 -1
  10. package/dist/action-sheet/tests/action-sheet-position.js +3 -4
  11. package/dist/action-sheet/tests/action-sheet-position.js.map +2 -2
  12. package/dist/action-sheet/tests/action-sheet-time-selector.js.map +1 -1
  13. package/dist/action-sheet/tests/action-sheet-treeview.js.map +1 -1
  14. package/dist/action-sheet/tests/action-sheet.js +3 -4
  15. package/dist/action-sheet/tests/action-sheet.js.map +2 -2
  16. package/dist/datepicker/tests/datepicker-adaptive.js.map +1 -1
  17. package/dist/daterangepicker/tests/daterangepicker-adaptive.js.map +1 -1
  18. package/dist/dropdownlist/tests/dropdownlist-adaptive.js.map +1 -1
  19. package/dist/index.js +3 -4
  20. package/dist/index.js.map +2 -2
  21. package/dist/timepicker/tests/timepicker-adaptive.js.map +1 -1
  22. package/package.json +2 -2
  23. package/src/action-sheet/actionsheet-item.tsx +4 -4
  24. package/src/action-sheet/actionsheet-items.tsx +2 -2
package/dist/dropdownlist/tests/dropdownlist-adaptive.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/dropdownlist/tests/dropdownlist-adaptive.tsx", "../../../src/action-sheet/action-sheet.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/action-sheet/actionsheet-header.tsx", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx", "../../../src/searchbox/searchbox.tsx", "../../../src/input/input.tsx", "../../../src/input/picker.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx", "../../../src/action-sheet/actionsheet-footer.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/action-sheet/actionsheet-items.tsx", "../../../src/action-sheet/actionsheet-item.tsx", "../../../src/list/list.tsx", "../../../src/nodata/nodata.tsx", "../../../src/list/list-item.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/list/list-content.tsx", "../../../src/list/list-header.tsx", "../../../src/list/list-group.tsx", "../../../src/list/list-group-item.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetFooter, ActionSheetHeader } from '../../action-sheet';\nimport { List, ListItem } from '../../list';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area {\n --kendo-actionsheet-height: 400px;\n --kendo-actionsheet-max-height: 400px;\n }\n #test-area > section {\n height: 600px;\n overflow: hidden;\n position: relative;\n transform: translateZ(0);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>partial</span>\n <span>full screen</span>\n\n <section>\n <ActionSheet adaptive={true}>\n <ActionSheetHeader title=\"Dropdownlist label\" className=\"k-text-center\" actions={[ \"x\" ]} filter={true} />\n <div className=\"k-list-container\">\n <List size=\"large\">\n <ListItem text=\"List item\" />\n <ListItem text=\"Hover\" hover />\n <ListItem text=\"Focus\" focus />\n <ListItem text=\"Selected\" selected />\n <ListItem text=\"Hover selected\" hover selected />\n <ListItem text=\"Disabled\" disabled />\n <ListItem text=\"List item with very long text, that spans on multiple lines\" />\n <ListItem text=\"Checkbox\" showCheckbox />\n <ListItem text=\"Icon\" showIcon iconName=\"cog\" />\n <ListItem text=\"Checkbox icon\" showCheckbox showIcon iconName=\"cog\" />\n </List>\n </div>\n <ActionSheetFooter actions={[ \"Cancel\", \"!Select\" ]} />\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader title=\"Dropdownlist label\" className=\"k-text-center\" actions={[ \"x\" ]} filter={true} />\n <div className=\"k-list-container\">\n <List size=\"large\">\n <ListItem text=\"List item\" />\n <ListItem text=\"Hover\" hover />\n <ListItem text=\"Focus\" focus />\n <ListItem text=\"Selected\" selected />\n <ListItem text=\"Hover selected\" hover selected />\n <ListItem text=\"Disabled\" disabled />\n <ListItem text=\"List item with very long text, that spans on multiple lines\" />\n <ListItem text=\"Checkbox\" showCheckbox />\n <ListItem text=\"Icon\" showIcon iconName=\"cog\" />\n <ListItem text=\"Checkbox icon\" showCheckbox showIcon iconName=\"cog\" />\n </List>\n </div>\n <ActionSheetFooter actions={[ \"Cancel\", \"!Select\" ]} />\n </ActionSheet>\n </section>\n </div>\n\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { ActionSheetHeader, ActionSheetFooter } from '../action-sheet';\n\nexport interface ActionSheetProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n header?: ActionSheetHeader;\n footer?: string | ActionSheetFooter;\n actions?: string[];\n fullscreen?: boolean;\n adaptive?: boolean;\n side?: 'top' | 'right' | 'bottom' | 'left';\n}\n\nexport class ActionSheet extends React.Component<ActionSheetProps> {\n\n static defaultProps = {\n side: 'bottom',\n fullscreen: false,\n adaptive: false\n };\n\n render() {\n const {\n children,\n\n title,\n header,\n\n footer,\n actions,\n side,\n fullscreen,\n adaptive,\n\n className,\n ...htmlAttributes\n } = this.props;\n\n const childrenArray = React.Children.toArray(children);\n\n // eslint-disable-next-line no-nested-ternary\n const _ActionSheetHeader = title\n ? <ActionSheetHeader title={title} />\n : header\n ? header\n : childrenArray.find((child) => React.isValidElement(child) && child.type === ActionSheetHeader);\n\n // eslint-disable-next-line no-nested-ternary\n const _ActionSheetFooter = actions\n ? <ActionSheetFooter className=\"k-actions\" actions={actions} />\n // eslint-disable-next-line no-nested-ternary\n : footer\n ? typeof footer === 'string'\n ? <ActionSheetFooter>{footer}</ActionSheetFooter>\n : footer\n : childrenArray.find((child) => React.isValidElement(child) && child.type === ActionSheetFooter);\n\n const _ActionSheetContent = childrenArray.filter(child => {\n if (React.isValidElement(child)) {\n switch (child.type) {\n case ActionSheetHeader:\n case ActionSheetFooter:\n return false;\n default:\n return true;\n }\n }\n return true;\n });\n\n return (\n <div className=\"k-actionsheet-container\">\n <div className=\"k-overlay\"></div>\n <div className=\"k-animation-container\">\n <div className=\"k-child-animation-container\"\n style={{\n [`${ fullscreen === true ? 'top' : side }`]: 0,\n [`${ fullscreen === true ? 'width' : null }`]: '100%',\n [`${ fullscreen === true ? 'height' : null }`]: '100%',\n [`${ side === 'top' || side === 'bottom' ? 'width' : null }`]: '100%',\n [`${ side === 'left' || side === 'right' ? 'height' : null }`]: '100%'\n }}>\n <div\n className={classNames(\n 'k-actionsheet',\n {\n [`k-actionsheet-${side}`]: fullscreen === false,\n 'k-actionsheet-fullscreen': fullscreen === true,\n 'k-adaptive-actionsheet': adaptive\n },\n className\n )}\n {...htmlAttributes}>\n <>\n {_ActionSheetHeader}\n <div className={classNames(\n 'k-actionsheet-content',\n {\n '!k-overflow-hidden': adaptive\n }\n )}>\n {_ActionSheetContent}\n </div>\n {_ActionSheetFooter}\n </>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport { Searchbox } from '../searchbox';\n\nexport interface ActionSheetHeaderProps {\n title?: string;\n subTitle?: string;\n actions?: string[];\n children?: React.ReactNode;\n className?: string;\n filter?: boolean;\n}\n\nexport class ActionSheetHeader extends React.Component<ActionSheetHeaderProps> {\n\n render() {\n const {\n title,\n subTitle,\n children,\n actions,\n filter,\n className\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-actionsheet-titlebar'\n )}>\n <>\n <div className=\"k-actionsheet-titlebar-group k-hbox\">\n {!children && (title || subTitle) && <>\n <div className=\"k-actionsheet-title\">\n {title !== '' && <div className=\"k-text-center\">{title}</div>}\n {subTitle !== '' && <div className=\"k-actionsheet-subtitle k-text-center\">{subTitle}</div>}\n </div>\n </>}\n {children && <div className=\"k-actionsheet-title\">{children}</div>}\n {actions && <>\n <div className=\"k-actionsheet-actions\">\n {actions.map(actionName => <Button key={actionName} icon={actionName} size=\"large\" fillMode=\"flat\"></Button>)}\n </div>\n </>}\n </div>\n {filter && <>\n <div className=\"k-actionsheet-titlebar-group k-actionsheet-filter\">\n <Searchbox placeholder=\"Filter\" size=\"large\" />\n </div>\n </>}\n </>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Searchbox extends React.Component<SearchboxProps> {\n\n render() {\n const {\n className,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showIcon = true,\n icon = 'search'\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { ActionButtons } from '../action-buttons';\n\nexport interface ActionSheetFooterProps {\n actions?: string[];\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ActionSheetFooter extends React.Component<ActionSheetFooterProps> {\n\n render() {\n const {\n children,\n actions\n } = this.props;\n\n\n return (\n <ActionButtons className=\"k-actionsheet-footer\" alignment=\"stretched\">\n <>\n {actions && actions.map( (action, index) => {\n if (action === '|') {\n return <span key={index} className=\"k-separator\"></span>;\n }\n if (action === ' ') {\n return <span key={index} className=\"k-spacer\"></span>;\n }\n\n const importantFlag = action.startsWith('!');\n const actionName = importantFlag ? action.substring(1) : action;\n\n return <Button key={index} text={actionName} size=\"large\" themeColor={importantFlag ? 'primary' : 'base'} />;\n })}\n {!actions && children}\n </>\n </ActionButtons>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ActionSheetItemsProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ActionSheetItems extends React.Component<ActionSheetItemsProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n return (\n <ul className={classNames(\n 'k-list-ul',\n className\n )}>\n {children}\n </ul>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\n\nexport interface ActionSheetItemProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n description?: string;\n iconName?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\n\nexport class ActionSheetItem extends React.Component<ActionSheetItemProps> {\n\n render() {\n const {\n children,\n className,\n iconName,\n text,\n description,\n hover,\n focus,\n selected,\n disabled,\n } = this.props;\n\n\n return (\n <li\n className={classNames(\n className,\n 'k-actionsheet-item',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {!children && (text !== '' || description !== '' || iconName !== '') && <>\n <a href=\"#\" className=\"k-actionsheet-action\">\n { iconName !== '' && <span className=\"k-icon-wrap\"><Icon className=\"k-actionsheet-item-icon\" name={iconName} /></span> }\n <span className=\"k-actionsheet-item-text\">\n { text !== '' && <span className=\"k-actionsheet-item-title\">{text}</span> }\n { description !== '' && <span className=\"k-actionsheet-item-description\">{description}</span> }\n </span>\n </a>\n </>}\n {children}\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { ListItem, ListGroup, ListItemProps, ListContent, ListGroupItem } from '../list';\nimport { NoData } from '../nodata';\n\nexport interface ListProps {\n children?: React.ReactElement[];\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n virtualization?: boolean;\n framework?: null | 'universal' | 'angular' | 'blazor';\n}\n\n\nexport class List extends React.Component<ListProps> {\n\n static defaultProps = {\n size: 'medium',\n };\n\n render() {\n const {\n children,\n className,\n size,\n virtualization,\n framework,\n } = this.props;\n\n let listHeader: string | undefined;\n let listGroup: string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;\n let listContent: string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;\n const listChildren : React.ReactElement<ListItemProps>[] = [];\n\n if (children) {\n children.map((child, index) => {\n if ( child.type === ListGroup) {\n if (child.props.root === true) {\n listHeader = child.props.label;\n\n child.props.children.map( (optChild, index) => {\n listChildren.push(\n <ListItem\n key={`optChild-${index}-${new Date().getTime()}`}\n {...optChild.props}\n />\n );\n });\n\n } else {\n if ( framework === 'angular' || framework === 'blazor' ) {\n listChildren.push(\n <ListGroupItem\n key={`listChild-${index}`}\n {...child.props}\n >\n {child.props.label}\n </ListGroupItem>\n );\n\n child.props.children.map( (optChild, index) => {\n listChildren.push(\n <ListItem\n key={`fwOptChild-${index}-${new Date().getTime()}`}\n {...optChild.props}\n />\n );\n });\n } else {\n child.props.children.forEach( ( optChild, index ) => {\n let groupLabel = '';\n\n if ( index === 0 ) {\n groupLabel = child.props.label;\n }\n\n listChildren.push(\n <ListItem\n className={index === 0 ? 'k-first' : ''}\n key={`groupLabel-${index}-${new Date().getTime()}`}\n {...optChild.props}\n groupLabel={groupLabel}\n />\n );\n });\n }\n }\n\n listGroup = <ListGroup label={listHeader} virtualization={virtualization}>{listChildren}</ListGroup>;\n\n } else if ( child.type === ListItem ) {\n listChildren.push( <ListItem key={`${child.type}-${index}`} {...child.props} /> );\n listContent = <ListContent virtualization={virtualization}>{listChildren}</ListContent>;\n }\n });\n } else {\n listContent = <NoData>No data found.</NoData>;\n }\n\n return (\n <div\n className={classNames(\n className,\n 'k-list',\n {\n [`k-list-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-virtual-list': virtualization\n }\n )}>\n {listGroup}\n {listContent}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface NoDataProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class NoData extends React.Component<NoDataProps> {\n\n render() {\n const {\n children,\n className\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-nodata',\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\n\nexport interface ListItemProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n groupLabel?: string;\n showIcon?: boolean;\n iconName?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\n\nexport class ListItem extends React.Component<ListItemProps> {\n\n render() {\n const {\n children,\n className,\n text,\n groupLabel,\n showIcon,\n iconName,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled,\n } = this.props;\n\n const textOrChildren = text\n ? text\n : children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-list-item',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {showCheckbox && <Checkbox checked={checked} />}\n {showIcon && <Icon name={iconName} />}\n <span className=\"k-list-item-text\">{textOrChildren}</span>\n {groupLabel && groupLabel !== '' && <div className=\"k-list-item-group-label\">{groupLabel}</div>}\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListContentProps {\n children?: React.ReactNode;\n className?: string;\n virtualization?: boolean,\n}\n\n\nexport class ListContent extends React.Component<ListContentProps> {\n\n render() {\n const {\n children,\n className,\n virtualization,\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-list-content'\n )}>\n <ul className={classNames('k-list-ul')}>\n {children}\n </ul>\n { virtualization && <div className=\"k-height-container\"><div></div></div> }\n </div>\n\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListHeaderProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ListHeader extends React.Component<ListHeaderProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-list-group-sticky-header'\n )}>\n <div className=\"k-list-header-text\">{children}</div>\n </div>\n\n );\n }\n}\n", "import * as React from 'react';\nimport { ListHeader, ListContent } from '../list';\n\nexport interface ListGroupProps {\n children?: React.ReactNode;\n label?: string;\n root?: boolean;\n virtualization?: boolean;\n}\n\n\nexport class ListGroup extends React.Component<ListGroupProps> {\n\n render() {\n const {\n children,\n label,\n } = this.props;\n\n\n return (\n <>\n {label && <ListHeader>{label}</ListHeader>}\n {children && <ListContent virtualization>{children}</ListContent>}\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListGroupItemProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ListGroupItem extends React.Component<ListGroupItemProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n\n return (\n <li\n className={classNames(\n className,\n 'k-list-group-item'\n )}>\n <span className=\"k-list-item-text\">{children}</span>\n </li>\n );\n }\n}\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetFooter, ActionSheetHeader } from '../../action-sheet';\nimport { List, ListItem } from '../../list';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area {\n --kendo-actionsheet-height: 400px;\n --kendo-actionsheet-max-height: 400px;\n }\n #test-area > section {\n height: 600px;\n overflow: hidden;\n position: relative;\n transform: translateZ(0);\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>partial</span>\n <span>full screen</span>\n\n <section>\n <ActionSheet adaptive={true}>\n <ActionSheetHeader title=\"Dropdownlist label\" className=\"k-text-center\" actions={[ \"x\" ]} filter={true} />\n <div className=\"k-list-container\">\n <List size=\"large\">\n <ListItem text=\"List item\" />\n <ListItem text=\"Hover\" hover />\n <ListItem text=\"Focus\" focus />\n <ListItem text=\"Selected\" selected />\n <ListItem text=\"Hover selected\" hover selected />\n <ListItem text=\"Disabled\" disabled />\n <ListItem text=\"List item with very long text, that spans on multiple lines\" />\n <ListItem text=\"Checkbox\" showCheckbox />\n <ListItem text=\"Icon\" showIcon iconName=\"cog\" />\n <ListItem text=\"Checkbox icon\" showCheckbox showIcon iconName=\"cog\" />\n </List>\n </div>\n <ActionSheetFooter actions={[ \"Cancel\", \"!Select\" ]} />\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader title=\"Dropdownlist label\" className=\"k-text-center\" actions={[ \"x\" ]} filter={true} />\n <div className=\"k-list-container\">\n <List size=\"large\">\n <ListItem text=\"List item\" />\n <ListItem text=\"Hover\" hover />\n <ListItem text=\"Focus\" focus />\n <ListItem text=\"Selected\" selected />\n <ListItem text=\"Hover selected\" hover selected />\n <ListItem text=\"Disabled\" disabled />\n <ListItem text=\"List item with very long text, that spans on multiple lines\" />\n <ListItem text=\"Checkbox\" showCheckbox />\n <ListItem text=\"Icon\" showIcon iconName=\"cog\" />\n <ListItem text=\"Checkbox icon\" showCheckbox showIcon iconName=\"cog\" />\n </List>\n </div>\n <ActionSheetFooter actions={[ \"Cancel\", \"!Select\" ]} />\n </ActionSheet>\n </section>\n </div>\n\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { ActionSheetHeader, ActionSheetFooter } from '../action-sheet';\n\nexport interface ActionSheetProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n header?: ActionSheetHeader;\n footer?: string | ActionSheetFooter;\n actions?: string[];\n fullscreen?: boolean;\n adaptive?: boolean;\n side?: 'top' | 'right' | 'bottom' | 'left';\n}\n\nexport class ActionSheet extends React.Component<ActionSheetProps> {\n\n static defaultProps = {\n side: 'bottom',\n fullscreen: false,\n adaptive: false\n };\n\n render() {\n const {\n children,\n\n title,\n header,\n\n footer,\n actions,\n side,\n fullscreen,\n adaptive,\n\n className,\n ...htmlAttributes\n } = this.props;\n\n const childrenArray = React.Children.toArray(children);\n\n // eslint-disable-next-line no-nested-ternary\n const _ActionSheetHeader = title\n ? <ActionSheetHeader title={title} />\n : header\n ? header\n : childrenArray.find((child) => React.isValidElement(child) && child.type === ActionSheetHeader);\n\n // eslint-disable-next-line no-nested-ternary\n const _ActionSheetFooter = actions\n ? <ActionSheetFooter className=\"k-actions\" actions={actions} />\n // eslint-disable-next-line no-nested-ternary\n : footer\n ? typeof footer === 'string'\n ? <ActionSheetFooter>{footer}</ActionSheetFooter>\n : footer\n : childrenArray.find((child) => React.isValidElement(child) && child.type === ActionSheetFooter);\n\n const _ActionSheetContent = childrenArray.filter(child => {\n if (React.isValidElement(child)) {\n switch (child.type) {\n case ActionSheetHeader:\n case ActionSheetFooter:\n return false;\n default:\n return true;\n }\n }\n return true;\n });\n\n return (\n <div className=\"k-actionsheet-container\">\n <div className=\"k-overlay\"></div>\n <div className=\"k-animation-container\">\n <div className=\"k-child-animation-container\"\n style={{\n [`${ fullscreen === true ? 'top' : side }`]: 0,\n [`${ fullscreen === true ? 'width' : null }`]: '100%',\n [`${ fullscreen === true ? 'height' : null }`]: '100%',\n [`${ side === 'top' || side === 'bottom' ? 'width' : null }`]: '100%',\n [`${ side === 'left' || side === 'right' ? 'height' : null }`]: '100%'\n }}>\n <div\n className={classNames(\n 'k-actionsheet',\n {\n [`k-actionsheet-${side}`]: fullscreen === false,\n 'k-actionsheet-fullscreen': fullscreen === true,\n 'k-adaptive-actionsheet': adaptive\n },\n className\n )}\n {...htmlAttributes}>\n <>\n {_ActionSheetHeader}\n <div className={classNames(\n 'k-actionsheet-content',\n {\n '!k-overflow-hidden': adaptive\n }\n )}>\n {_ActionSheetContent}\n </div>\n {_ActionSheetFooter}\n </>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport { Searchbox } from '../searchbox';\n\nexport interface ActionSheetHeaderProps {\n title?: string;\n subTitle?: string;\n actions?: string[];\n children?: React.ReactNode;\n className?: string;\n filter?: boolean;\n}\n\nexport class ActionSheetHeader extends React.Component<ActionSheetHeaderProps> {\n\n render() {\n const {\n title,\n subTitle,\n children,\n actions,\n filter,\n className\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-actionsheet-titlebar'\n )}>\n <>\n <div className=\"k-actionsheet-titlebar-group k-hbox\">\n {!children && (title || subTitle) && <>\n <div className=\"k-actionsheet-title\">\n {title !== '' && <div className=\"k-text-center\">{title}</div>}\n {subTitle !== '' && <div className=\"k-actionsheet-subtitle k-text-center\">{subTitle}</div>}\n </div>\n </>}\n {children && <div className=\"k-actionsheet-title\">{children}</div>}\n {actions && <>\n <div className=\"k-actionsheet-actions\">\n {actions.map(actionName => <Button key={actionName} icon={actionName} size=\"large\" fillMode=\"flat\"></Button>)}\n </div>\n </>}\n </div>\n {filter && <>\n <div className=\"k-actionsheet-titlebar-group k-actionsheet-filter\">\n <Searchbox placeholder=\"Filter\" size=\"large\" />\n </div>\n </>}\n </>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Searchbox extends React.Component<SearchboxProps> {\n\n render() {\n const {\n className,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showIcon = true,\n icon = 'search'\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { ActionButtons } from '../action-buttons';\n\nexport interface ActionSheetFooterProps {\n actions?: string[];\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ActionSheetFooter extends React.Component<ActionSheetFooterProps> {\n\n render() {\n const {\n children,\n actions\n } = this.props;\n\n\n return (\n <ActionButtons className=\"k-actionsheet-footer\" alignment=\"stretched\">\n <>\n {actions && actions.map( (action, index) => {\n if (action === '|') {\n return <span key={index} className=\"k-separator\"></span>;\n }\n if (action === ' ') {\n return <span key={index} className=\"k-spacer\"></span>;\n }\n\n const importantFlag = action.startsWith('!');\n const actionName = importantFlag ? action.substring(1) : action;\n\n return <Button key={index} text={actionName} size=\"large\" themeColor={importantFlag ? 'primary' : 'base'} />;\n })}\n {!actions && children}\n </>\n </ActionButtons>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ActionSheetItemsProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ActionSheetItems extends React.Component<ActionSheetItemsProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n return (\n <div className={classNames(\n 'k-list-ul',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\n\nexport interface ActionSheetItemProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n description?: string;\n iconName?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\n\nexport class ActionSheetItem extends React.Component<ActionSheetItemProps> {\n\n render() {\n const {\n children,\n className,\n iconName,\n text,\n description,\n hover,\n focus,\n selected,\n disabled,\n } = this.props;\n\n\n return (\n <span\n className={classNames(\n className,\n 'k-actionsheet-item',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {!children && (text !== '' || description !== '' || iconName !== '') && <>\n <span className=\"k-actionsheet-action\">\n { iconName !== '' && <span className=\"k-icon-wrap\"><Icon className=\"k-actionsheet-item-icon\" name={iconName} /></span> }\n <span className=\"k-actionsheet-item-text\">\n { text !== '' && <span className=\"k-actionsheet-item-title\">{text}</span> }\n { description !== '' && <span className=\"k-actionsheet-item-description\">{description}</span> }\n </span>\n </span>\n </>}\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { ListItem, ListGroup, ListItemProps, ListContent, ListGroupItem } from '../list';\nimport { NoData } from '../nodata';\n\nexport interface ListProps {\n children?: React.ReactElement[];\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n virtualization?: boolean;\n framework?: null | 'universal' | 'angular' | 'blazor';\n}\n\n\nexport class List extends React.Component<ListProps> {\n\n static defaultProps = {\n size: 'medium',\n };\n\n render() {\n const {\n children,\n className,\n size,\n virtualization,\n framework,\n } = this.props;\n\n let listHeader: string | undefined;\n let listGroup: string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;\n let listContent: string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;\n const listChildren : React.ReactElement<ListItemProps>[] = [];\n\n if (children) {\n children.map((child, index) => {\n if ( child.type === ListGroup) {\n if (child.props.root === true) {\n listHeader = child.props.label;\n\n child.props.children.map( (optChild, index) => {\n listChildren.push(\n <ListItem\n key={`optChild-${index}-${new Date().getTime()}`}\n {...optChild.props}\n />\n );\n });\n\n } else {\n if ( framework === 'angular' || framework === 'blazor' ) {\n listChildren.push(\n <ListGroupItem\n key={`listChild-${index}`}\n {...child.props}\n >\n {child.props.label}\n </ListGroupItem>\n );\n\n child.props.children.map( (optChild, index) => {\n listChildren.push(\n <ListItem\n key={`fwOptChild-${index}-${new Date().getTime()}`}\n {...optChild.props}\n />\n );\n });\n } else {\n child.props.children.forEach( ( optChild, index ) => {\n let groupLabel = '';\n\n if ( index === 0 ) {\n groupLabel = child.props.label;\n }\n\n listChildren.push(\n <ListItem\n className={index === 0 ? 'k-first' : ''}\n key={`groupLabel-${index}-${new Date().getTime()}`}\n {...optChild.props}\n groupLabel={groupLabel}\n />\n );\n });\n }\n }\n\n listGroup = <ListGroup label={listHeader} virtualization={virtualization}>{listChildren}</ListGroup>;\n\n } else if ( child.type === ListItem ) {\n listChildren.push( <ListItem key={`${child.type}-${index}`} {...child.props} /> );\n listContent = <ListContent virtualization={virtualization}>{listChildren}</ListContent>;\n }\n });\n } else {\n listContent = <NoData>No data found.</NoData>;\n }\n\n return (\n <div\n className={classNames(\n className,\n 'k-list',\n {\n [`k-list-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-virtual-list': virtualization\n }\n )}>\n {listGroup}\n {listContent}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface NoDataProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class NoData extends React.Component<NoDataProps> {\n\n render() {\n const {\n children,\n className\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-nodata',\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\n\nexport interface ListItemProps {\n children?: React.ReactNode;\n className?: string;\n text?: string;\n groupLabel?: string;\n showIcon?: boolean;\n iconName?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\n\nexport class ListItem extends React.Component<ListItemProps> {\n\n render() {\n const {\n children,\n className,\n text,\n groupLabel,\n showIcon,\n iconName,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled,\n } = this.props;\n\n const textOrChildren = text\n ? text\n : children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-list-item',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {showCheckbox && <Checkbox checked={checked} />}\n {showIcon && <Icon name={iconName} />}\n <span className=\"k-list-item-text\">{textOrChildren}</span>\n {groupLabel && groupLabel !== '' && <div className=\"k-list-item-group-label\">{groupLabel}</div>}\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CheckboxProps {\n id?: string;\n className?: string;\n checked?: boolean;\n indeterminate?: boolean;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large';\n hover?: boolean;\n focus?: boolean;\n invalid?: boolean;\n required?: boolean;\n disabled?: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium'\n };\n\n render() {\n const {\n id,\n className,\n checked,\n indeterminate,\n size,\n rounded,\n hover,\n focus,\n invalid,\n disabled,\n required\n } = this.props;\n\n return (\n <span className=\"k-checkbox-wrap\">\n <input\n id={id}\n type=\"checkbox\"\n checked={checked}\n required={required}\n className={classNames(\n className,\n 'k-checkbox',\n {\n [`k-checkbox-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-disabled': disabled,\n 'k-checked': checked,\n 'k-invalid': invalid,\n 'k-indeterminate': !checked && indeterminate\n }\n )}\n />\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListContentProps {\n children?: React.ReactNode;\n className?: string;\n virtualization?: boolean,\n}\n\n\nexport class ListContent extends React.Component<ListContentProps> {\n\n render() {\n const {\n children,\n className,\n virtualization,\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-list-content'\n )}>\n <ul className={classNames('k-list-ul')}>\n {children}\n </ul>\n { virtualization && <div className=\"k-height-container\"><div></div></div> }\n </div>\n\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListHeaderProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ListHeader extends React.Component<ListHeaderProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-list-group-sticky-header'\n )}>\n <div className=\"k-list-header-text\">{children}</div>\n </div>\n\n );\n }\n}\n", "import * as React from 'react';\nimport { ListHeader, ListContent } from '../list';\n\nexport interface ListGroupProps {\n children?: React.ReactNode;\n label?: string;\n root?: boolean;\n virtualization?: boolean;\n}\n\n\nexport class ListGroup extends React.Component<ListGroupProps> {\n\n render() {\n const {\n children,\n label,\n } = this.props;\n\n\n return (\n <>\n {label && <ListHeader>{label}</ListHeader>}\n {children && <ListContent virtualization>{children}</ListContent>}\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ListGroupItemProps {\n children?: React.ReactNode;\n className?: string;\n}\n\n\nexport class ListGroupItem extends React.Component<ListGroupItemProps> {\n\n render() {\n const {\n children,\n className,\n } = this.props;\n\n\n return (\n <li\n className={classNames(\n className,\n 'k-list-group-item'\n )}>\n <span className=\"k-list-item-text\">{children}</span>\n </li>\n );\n }\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "index", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
7
7
  }
package/dist/index.js CHANGED
@@ -2737,7 +2737,7 @@
2737
2737
  children,
2738
2738
  className
2739
2739
  } = this.props;
2740
- return /* @__PURE__ */ React65.createElement("ul", {
2740
+ return /* @__PURE__ */ React65.createElement("div", {
2741
2741
  className: classNames(
2742
2742
  "k-list-ul",
2743
2743
  className
@@ -2761,7 +2761,7 @@
2761
2761
  selected,
2762
2762
  disabled
2763
2763
  } = this.props;
2764
- return /* @__PURE__ */ React66.createElement("li", {
2764
+ return /* @__PURE__ */ React66.createElement("span", {
2765
2765
  className: classNames(
2766
2766
  className,
2767
2767
  "k-actionsheet-item",
@@ -2772,8 +2772,7 @@
2772
2772
  "k-disabled": disabled
2773
2773
  }
2774
2774
  )
2775
- }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React66.createElement(React66.Fragment, null, /* @__PURE__ */ React66.createElement("a", {
2776
- href: "#",
2775
+ }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React66.createElement(React66.Fragment, null, /* @__PURE__ */ React66.createElement("span", {
2777
2776
  className: "k-actionsheet-action"
2778
2777
  }, iconName !== "" && /* @__PURE__ */ React66.createElement("span", {
2779
2778
  className: "k-icon-wrap"