@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/action-sheet/tests/action-sheet-time-selector.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/action-sheet/tests/action-sheet-time-selector.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/time-selector/time-selector.tsx", "../../../src/time-selector/time-selector-column.tsx", "../../../src/time-selector/time-selector-header.tsx", "../../../src/time-selector/time-selector-fast-selection.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetFooter, ActionSheetHeader } from '../../action-sheet';\nimport { Button } from '../../button';\nimport { TimeSelector, TimeSelectorHeader } from '../../time-selector';\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 outline: 1px dotted;\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 actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <TimeSelector size=\"large\" columns={[ \"HH\", \"mm\", \"ss\", \"tt\" ]} focusedColumn=\"HH\" header={(\n <TimeSelectorHeader title=\"10:00:00 \u0410\u041C\">\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </TimeSelectorHeader>\n )}/>\n <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <TimeSelector size=\"large\" columns={[ \"HH\", \"mm\", \"ss\", \"tt\" ]} focusedColumn=\"HH\" header={(\n <TimeSelectorHeader title=\"10:00:00 \u0410\u041C\">\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </TimeSelectorHeader>\n )}/>\n <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />\n </ActionSheet>\n </section>\n </div>\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 { TimeSelectorHeader, TimeSelectorColumn, TimeSelectorFastSelection } from '../time-selector';\n\n\nexport type timeType = 'dd' | 'HH' | 'mm' | 'ss' | 'SSS' | 'tt';\n\nexport interface TimeSelectorProps {\n header?: null | React.ReactElement<TimeSelectorHeader>;\n fastSelection?: null | React.ReactElement<TimeSelectorFastSelection>;\n className?: string;\n value?: string;\n size?: null | 'small' | 'medium' | 'large';\n columns: Array<timeType>;\n focusedColumn?: null | timeType;\n disabled?: null | boolean;\n}\n\nexport class TimeSelector extends React.Component<TimeSelectorProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n\n const {\n header,\n fastSelection,\n className,\n size,\n columns,\n focusedColumn\n } = this.props;\n\n const columnsDom = columns.map(function(columnType, index) {\n let focus = false;\n let separator = true;\n\n if (columnType === focusedColumn) {\n focus = true;\n }\n if (index === 0 || columnType === \"tt\") {\n separator = false;\n }\n\n return (\n <>\n <TimeSelectorColumn type={columnType} focus={focus} separator={separator}></TimeSelectorColumn>\n </>\n );\n });\n\n return (\n <div\n className={classNames(\n className,\n 'k-timeselector',\n {\n [`k-timeselector-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n }\n\n )}>\n <>\n {header}\n </>\n <>\n {fastSelection}\n </>\n <div className=\"k-time-list-container\">\n <span className=\"k-time-highlight\"></span>\n {columnsDom}\n </div>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { timeType } from '../time-selector';\n\nexport interface TimeSelectorColumnProps {\n type?: timeType;\n focus?: boolean;\n separator?: boolean;\n}\n\nexport class TimeSelectorColumn extends React.Component<TimeSelectorColumnProps> {\n\n render() {\n\n const {\n type,\n focus,\n separator\n } = this.props;\n\n let text: string;\n let columnData = [ \"00\", \"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\" ];\n\n switch (type) {\n case \"dd\":\n text = \"Day\";\n break;\n case \"HH\":\n text = \"Hour\";\n break;\n case \"mm\":\n text = \"Minute\";\n break;\n case \"ss\":\n text = \"Second\";\n break;\n case \"SSS\":\n text = \"Millisecond\";\n columnData = [ \"000\", \"001\", \"002\", \"003\", \"004\", \"005\", \"006\", \"007\", \"008\", \"009\" ];\n break;\n case \"tt\":\n text = \"AM/PM\";\n columnData = [ \"AM\", \"PM\" ];\n break;\n default:\n text = \"Column Name\";\n break;\n }\n\n const items = columnData.map(data=>\n <>\n <li className=\"k-item\">\n <span>{data}</span>\n </li>\n </>\n );\n\n return (\n <>\n {\n separator && (\n <div className=\"k-time-separator\">:</div>\n )\n }\n <div className={classNames(\n \"k-time-list-wrapper\",\n focus && (\"k-focus\")\n )}>\n <span className=\"k-title\">{text}</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n {items}\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface TimeSelectorHederProps {\n children?: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];\n className?: null | string;\n title?: string;\n}\n\nexport class TimeSelectorHeader extends React.Component<TimeSelectorHederProps> {\n\n render() {\n\n const {\n children,\n className,\n title\n } = this.props;\n\n\n return (\n <>\n <div className={classNames(\n 'k-time-header',\n className\n )}\n >\n {title != null && (\n <span className=\"k-title\">{title}</span>\n )}\n {children}\n </div>\n </>\n );\n\n\n }\n\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { ActionButtons } from '../action-buttons';\nimport { classNames } from '../utils';\n\nexport interface TimeSelectorFastSelectionProps {\n className?: null | string;\n}\n\nexport class TimeSelectorFastSelection extends React.Component<TimeSelectorFastSelectionProps> {\n\n render() {\n\n const {\n className\n } = this.props;\n\n\n return (\n <>\n <ActionButtons alignment=\"start\" className={classNames(\n 'k-time-fast-selection',\n className\n )}\n >\n <Button>1 d</Button>\n <Button>1 h</Button>\n <Button>15 m</Button>\n </ActionButtons>\n </>\n );\n\n\n }\n\n}\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetFooter, ActionSheetHeader } from '../../action-sheet';\nimport { Button } from '../../button';\nimport { TimeSelector, TimeSelectorHeader } from '../../time-selector';\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 outline: 1px dotted;\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 actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <TimeSelector size=\"large\" columns={[ \"HH\", \"mm\", \"ss\", \"tt\" ]} focusedColumn=\"HH\" header={(\n <TimeSelectorHeader title=\"10:00:00 \u0410\u041C\">\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </TimeSelectorHeader>\n )}/>\n <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <TimeSelector size=\"large\" columns={[ \"HH\", \"mm\", \"ss\", \"tt\" ]} focusedColumn=\"HH\" header={(\n <TimeSelectorHeader title=\"10:00:00 \u0410\u041C\">\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </TimeSelectorHeader>\n )}/>\n <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />\n </ActionSheet>\n </section>\n </div>\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 { TimeSelectorHeader, TimeSelectorColumn, TimeSelectorFastSelection } from '../time-selector';\n\n\nexport type timeType = 'dd' | 'HH' | 'mm' | 'ss' | 'SSS' | 'tt';\n\nexport interface TimeSelectorProps {\n header?: null | React.ReactElement<TimeSelectorHeader>;\n fastSelection?: null | React.ReactElement<TimeSelectorFastSelection>;\n className?: string;\n value?: string;\n size?: null | 'small' | 'medium' | 'large';\n columns: Array<timeType>;\n focusedColumn?: null | timeType;\n disabled?: null | boolean;\n}\n\nexport class TimeSelector extends React.Component<TimeSelectorProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n\n const {\n header,\n fastSelection,\n className,\n size,\n columns,\n focusedColumn\n } = this.props;\n\n const columnsDom = columns.map(function(columnType, index) {\n let focus = false;\n let separator = true;\n\n if (columnType === focusedColumn) {\n focus = true;\n }\n if (index === 0 || columnType === \"tt\") {\n separator = false;\n }\n\n return (\n <>\n <TimeSelectorColumn type={columnType} focus={focus} separator={separator}></TimeSelectorColumn>\n </>\n );\n });\n\n return (\n <div\n className={classNames(\n className,\n 'k-timeselector',\n {\n [`k-timeselector-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n }\n\n )}>\n <>\n {header}\n </>\n <>\n {fastSelection}\n </>\n <div className=\"k-time-list-container\">\n <span className=\"k-time-highlight\"></span>\n {columnsDom}\n </div>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { timeType } from '../time-selector';\n\nexport interface TimeSelectorColumnProps {\n type?: timeType;\n focus?: boolean;\n separator?: boolean;\n}\n\nexport class TimeSelectorColumn extends React.Component<TimeSelectorColumnProps> {\n\n render() {\n\n const {\n type,\n focus,\n separator\n } = this.props;\n\n let text: string;\n let columnData = [ \"00\", \"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\" ];\n\n switch (type) {\n case \"dd\":\n text = \"Day\";\n break;\n case \"HH\":\n text = \"Hour\";\n break;\n case \"mm\":\n text = \"Minute\";\n break;\n case \"ss\":\n text = \"Second\";\n break;\n case \"SSS\":\n text = \"Millisecond\";\n columnData = [ \"000\", \"001\", \"002\", \"003\", \"004\", \"005\", \"006\", \"007\", \"008\", \"009\" ];\n break;\n case \"tt\":\n text = \"AM/PM\";\n columnData = [ \"AM\", \"PM\" ];\n break;\n default:\n text = \"Column Name\";\n break;\n }\n\n const items = columnData.map(data=>\n <>\n <li className=\"k-item\">\n <span>{data}</span>\n </li>\n </>\n );\n\n return (\n <>\n {\n separator && (\n <div className=\"k-time-separator\">:</div>\n )\n }\n <div className={classNames(\n \"k-time-list-wrapper\",\n focus && (\"k-focus\")\n )}>\n <span className=\"k-title\">{text}</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n {items}\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface TimeSelectorHederProps {\n children?: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];\n className?: null | string;\n title?: string;\n}\n\nexport class TimeSelectorHeader extends React.Component<TimeSelectorHederProps> {\n\n render() {\n\n const {\n children,\n className,\n title\n } = this.props;\n\n\n return (\n <>\n <div className={classNames(\n 'k-time-header',\n className\n )}\n >\n {title != null && (\n <span className=\"k-title\">{title}</span>\n )}\n {children}\n </div>\n </>\n );\n\n\n }\n\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { ActionButtons } from '../action-buttons';\nimport { classNames } from '../utils';\n\nexport interface TimeSelectorFastSelectionProps {\n className?: null | string;\n}\n\nexport class TimeSelectorFastSelection extends React.Component<TimeSelectorFastSelectionProps> {\n\n render() {\n\n const {\n className\n } = this.props;\n\n\n return (\n <>\n <ActionButtons alignment=\"start\" className={classNames(\n 'k-time-fast-selection',\n className\n )}\n >\n <Button>1 d</Button>\n <Button>1 h</Button>\n <Button>15 m</Button>\n </ActionButtons>\n </>\n );\n\n\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", "React", "TimeSelectorHeader", "React", "ReactDOM", "React", "TimeSelectorHeader"]
7
7
  }
package/dist/action-sheet/tests/action-sheet-treeview.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/action-sheet/tests/action-sheet-treeview.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/treeview/treeview.tsx", "../../../src/treeview/treeview-group.tsx", "../../../src/treeview/treeview-item.tsx", "../../../src/checkbox/checkbox.tsx", "../../../src/treeview/treeview-leaf.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetHeader } from '../../action-sheet';\nimport { Treeview, TreeviewItem } from '../../treeview';\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 outline: 1px dotted;\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 actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select value</div>\n </ActionSheetHeader>\n <Treeview size=\"large\">\n <TreeviewItem text=\"Normal\" />\n <TreeviewItem text=\"Hover\" hover />\n <TreeviewItem text=\"Focus\" focus/>\n <TreeviewItem text=\"Selected\" selected/>\n <TreeviewItem text=\"Selected focus\" selected focus/>\n <TreeviewItem text=\"Disabled\" disabled/>\n <TreeviewItem text=\"Disabled focus\" disabled focus/>\n <TreeviewItem leafClassName=\"k-treeview-load-more-button\" text=\"Load more...\"/>\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n </Treeview>\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <Treeview size=\"large\">\n <TreeviewItem text=\"Normal\" />\n <TreeviewItem text=\"Hover\" hover />\n <TreeviewItem text=\"Focus\" focus/>\n <TreeviewItem text=\"Selected\" selected/>\n <TreeviewItem text=\"Selected focus\" selected focus/>\n <TreeviewItem text=\"Disabled\" disabled/>\n <TreeviewItem text=\"Disabled focus\" disabled focus/>\n <TreeviewItem leafClassName=\"k-treeview-load-more-button\" text=\"Load more...\"/>\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n </Treeview>\n </ActionSheet>\n </section>\n </div>\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 { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n size,\n children\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-treeview',\n {\n [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n }\n )}\n >\n <TreeviewGroup className=\"k-treeview-lines\">\n {children}\n </TreeviewGroup>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n return (\n <ul className={classNames(className, 'k-treeview-group')}>\n {children}\n </ul>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n className?: string;\n leafClassName?: string;\n children?: any;\n hasChildren?: boolean;\n expanded?: boolean;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n render() {\n const {\n className,\n leafClassName,\n children,\n hasChildren,\n expanded,\n text,\n showIcon,\n icon,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled\n } = this.props;\n\n const _hasChildren = hasChildren || children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-treeview-item',\n {\n 'k-disabled': disabled\n }\n )}\n >\n <span className=\"k-treeview-mid\">\n {_hasChildren && (\n <span className=\"k-treeview-toggle\">\n <Icon name={expanded ? 'collapse' : 'expand'} />\n </span>\n )}\n {showCheckbox && (\n <Checkbox checked={checked} />\n )}\n <TreeViewLeaf\n className={leafClassName}\n text={text}\n showIcon={showIcon}\n icon={icon}\n hover={hover}\n focus={focus}\n selected={selected}\n />\n </span>\n {expanded && _hasChildren && (\n <>\n {children}\n </>\n )}\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 { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n className?: string;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n render() {\n const {\n className,\n text,\n showIcon,\n icon,\n hover,\n focus,\n selected\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-treeview-leaf',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected\n }\n )}\n >\n {showIcon && <Icon name={icon} />}\n <span className=\"k-treeview-leaf-text\">\n {text}\n </span>\n </span>\n );\n }\n}\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionSheet, ActionSheetHeader } from '../../action-sheet';\nimport { Treeview, TreeviewItem } from '../../treeview';\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 outline: 1px dotted;\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 actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select value</div>\n </ActionSheetHeader>\n <Treeview size=\"large\">\n <TreeviewItem text=\"Normal\" />\n <TreeviewItem text=\"Hover\" hover />\n <TreeviewItem text=\"Focus\" focus/>\n <TreeviewItem text=\"Selected\" selected/>\n <TreeviewItem text=\"Selected focus\" selected focus/>\n <TreeviewItem text=\"Disabled\" disabled/>\n <TreeviewItem text=\"Disabled focus\" disabled focus/>\n <TreeviewItem leafClassName=\"k-treeview-load-more-button\" text=\"Load more...\"/>\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n </Treeview>\n </ActionSheet>\n </section>\n\n <section>\n <ActionSheet adaptive={true} fullscreen={true}>\n <ActionSheetHeader actions={[ 'x' ]}>\n <div className=\"k-text-center\">Select time</div>\n </ActionSheetHeader>\n <Treeview size=\"large\">\n <TreeviewItem text=\"Normal\" />\n <TreeviewItem text=\"Hover\" hover />\n <TreeviewItem text=\"Focus\" focus/>\n <TreeviewItem text=\"Selected\" selected/>\n <TreeviewItem text=\"Selected focus\" selected focus/>\n <TreeviewItem text=\"Disabled\" disabled/>\n <TreeviewItem text=\"Disabled focus\" disabled focus/>\n <TreeviewItem leafClassName=\"k-treeview-load-more-button\" text=\"Load more...\"/>\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n <TreeviewItem text=\"Normal Content\" />\n </Treeview>\n </ActionSheet>\n </section>\n </div>\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 { TreeviewGroup } from './treeview-group';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n size?: null | 'small' | 'medium' | 'large';\n}\n\nexport class Treeview extends React.Component<TreeviewProps> {\n\n static defaultProps = {\n size: 'medium'\n };\n\n render() {\n const {\n className,\n size,\n children\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-treeview',\n {\n [`k-treeview-${kendoThemeMaps.sizeMap[size!] || size}`]: size\n }\n )}\n >\n <TreeviewGroup className=\"k-treeview-lines\">\n {children}\n </TreeviewGroup>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { TreeviewItemProps } from './treeview-item';\n\nexport interface TreeviewGroupProps {\n className?: string;\n children?: React.ReactElement<TreeviewItemProps> | React.ReactElement<TreeviewItemProps>[];\n}\n\nexport class TreeviewGroup extends React.Component<TreeviewGroupProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n return (\n <ul className={classNames(className, 'k-treeview-group')}>\n {children}\n </ul>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { classNames } from '../utils';\nimport { TreeViewLeaf } from './treeview-leaf';\n\nexport interface TreeviewItemProps {\n className?: string;\n leafClassName?: string;\n children?: any;\n hasChildren?: boolean;\n expanded?: boolean;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n showCheckbox?: boolean;\n checked?: boolean;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class TreeviewItem extends React.Component<TreeviewItemProps> {\n\n render() {\n const {\n className,\n leafClassName,\n children,\n hasChildren,\n expanded,\n text,\n showIcon,\n icon,\n showCheckbox,\n checked,\n hover,\n focus,\n selected,\n disabled\n } = this.props;\n\n const _hasChildren = hasChildren || children;\n\n return (\n <li\n className={classNames(\n className,\n 'k-treeview-item',\n {\n 'k-disabled': disabled\n }\n )}\n >\n <span className=\"k-treeview-mid\">\n {_hasChildren && (\n <span className=\"k-treeview-toggle\">\n <Icon name={expanded ? 'collapse' : 'expand'} />\n </span>\n )}\n {showCheckbox && (\n <Checkbox checked={checked} />\n )}\n <TreeViewLeaf\n className={leafClassName}\n text={text}\n showIcon={showIcon}\n icon={icon}\n hover={hover}\n focus={focus}\n selected={selected}\n />\n </span>\n {expanded && _hasChildren && (\n <>\n {children}\n </>\n )}\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 { Icon } from '../icon';\nimport { classNames } from '../utils';\n\nexport interface TreeViewLeafProps {\n className?: string;\n text?: string;\n showIcon?: boolean;\n icon?: string;\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n}\n\nexport class TreeViewLeaf extends React.Component<TreeViewLeafProps> {\n\n render() {\n const {\n className,\n text,\n showIcon,\n icon,\n hover,\n focus,\n selected\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-treeview-leaf',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected\n }\n )}\n >\n {showIcon && <Icon name={icon} />}\n <span className=\"k-treeview-leaf-text\">\n {text}\n </span>\n </span>\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", "React", "React", "React", "ReactDOM", "React"]
7
7
  }
package/dist/action-sheet/tests/action-sheet.js CHANGED
@@ -669,7 +669,7 @@
669
669
  children,
670
670
  className
671
671
  } = this.props;
672
- return /* @__PURE__ */ React18.createElement("ul", {
672
+ return /* @__PURE__ */ React18.createElement("div", {
673
673
  className: classNames(
674
674
  "k-list-ul",
675
675
  className
@@ -693,7 +693,7 @@
693
693
  selected,
694
694
  disabled
695
695
  } = this.props;
696
- return /* @__PURE__ */ React19.createElement("li", {
696
+ return /* @__PURE__ */ React19.createElement("span", {
697
697
  className: classNames(
698
698
  className,
699
699
  "k-actionsheet-item",
@@ -704,8 +704,7 @@
704
704
  "k-disabled": disabled
705
705
  }
706
706
  )
707
- }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("a", {
708
- href: "#",
707
+ }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("span", {
709
708
  className: "k-actionsheet-action"
710
709
  }, iconName !== "" && /* @__PURE__ */ React19.createElement("span", {
711
710
  className: "k-icon-wrap"