@progress/kendo-themes-html 5.9.1-dev.0 → 5.9.1-dev.1
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.
- package/dist/action-sheet/action-sheet.js.map +1 -1
- package/dist/action-sheet/actionsheet-item.js +2 -3
- package/dist/action-sheet/actionsheet-item.js.map +2 -2
- package/dist/action-sheet/actionsheet-items.js +1 -1
- package/dist/action-sheet/actionsheet-items.js.map +2 -2
- package/dist/action-sheet/tests/action-sheet-calendar.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet-data-table.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet-date-time-selector.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet-list.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet-position.js +3 -4
- package/dist/action-sheet/tests/action-sheet-position.js.map +2 -2
- package/dist/action-sheet/tests/action-sheet-time-selector.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet-treeview.js.map +1 -1
- package/dist/action-sheet/tests/action-sheet.js +3 -4
- package/dist/action-sheet/tests/action-sheet.js.map +2 -2
- package/dist/datepicker/tests/datepicker-adaptive.js.map +1 -1
- package/dist/daterangepicker/tests/daterangepicker-adaptive.js.map +1 -1
- package/dist/dropdownlist/tests/dropdownlist-adaptive.js.map +1 -1
- package/dist/index.js +3 -4
- package/dist/index.js.map +2 -2
- package/dist/timepicker/tests/timepicker-adaptive.js.map +1 -1
- package/package.json +2 -2
- package/src/action-sheet/actionsheet-item.tsx +4 -4
- package/src/action-sheet/actionsheet-items.tsx +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../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"],
|
|
4
|
-
"sourcesContent": ["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"],
|
|
4
|
+
"sourcesContent": ["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"],
|
|
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"]
|
|
7
7
|
}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
selected,
|
|
80
80
|
disabled
|
|
81
81
|
} = this.props;
|
|
82
|
-
return /* @__PURE__ */ React2.createElement("
|
|
82
|
+
return /* @__PURE__ */ React2.createElement("span", {
|
|
83
83
|
className: classNames(
|
|
84
84
|
className,
|
|
85
85
|
"k-actionsheet-item",
|
|
@@ -90,8 +90,7 @@
|
|
|
90
90
|
"k-disabled": disabled
|
|
91
91
|
}
|
|
92
92
|
)
|
|
93
|
-
}, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("
|
|
94
|
-
href: "#",
|
|
93
|
+
}, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", {
|
|
95
94
|
className: "k-actionsheet-action"
|
|
96
95
|
}, iconName !== "" && /* @__PURE__ */ React2.createElement("span", {
|
|
97
96
|
className: "k-icon-wrap"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/action-sheet/actionsheet-item.tsx", "../../src/utils/classNames.ts", "../../src/icon/icon.tsx"],
|
|
4
|
-
"sourcesContent": ["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 <
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAAA,SAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;AC1BA,cAAuB;AAShB,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AFlBO,MAAM,kBAAN,cAAoC,iBAAgC;AAAA,IAEvE,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAGT,aACI,qCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,WAAW;AAAA,YACX,WAAW;AAAA,YACX,cAAc;AAAA,YACd,cAAc;AAAA,UAClB;AAAA,QACJ;AAAA,SACC,CAAC,aAAa,SAAS,MAAM,gBAAgB,MAAM,aAAa,OAAO,4DACpE,qCAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["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", "/* 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", "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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAAA,SAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;AC1BA,cAAuB;AAShB,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AFlBO,MAAM,kBAAN,cAAoC,iBAAgC;AAAA,IAEvE,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAGT,aACI,qCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,WAAW;AAAA,YACX,WAAW;AAAA,YACX,cAAc;AAAA,YACd,cAAc;AAAA,UAClB;AAAA,QACJ;AAAA,SACC,CAAC,aAAa,SAAS,MAAM,gBAAgB,MAAM,aAAa,OAAO,4DACpE,qCAAC;AAAA,QAAK,WAAU;AAAA,SACV,aAAa,MAAM,qCAAC;AAAA,QAAK,WAAU;AAAA,SAAc,qCAAC;AAAA,QAAK,WAAU;AAAA,QAA0B,MAAM;AAAA,OAAU,CAAE,GAC/G,qCAAC;AAAA,QAAK,WAAU;AAAA,SACV,SAAS,MAAM,qCAAC;AAAA,QAAK,WAAU;AAAA,SAA4B,IAAK,GAChE,gBAAgB,MAAM,qCAAC;AAAA,QAAK,WAAU;AAAA,SAAkC,WAAY,CAC1F,CACJ,CACJ,GACC,QACL;AAAA,IAER;AAAA,EACJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/action-sheet/actionsheet-items.tsx", "../../src/utils/classNames.ts"],
|
|
4
|
-
"sourcesContent": ["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 <
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,mBAAN,cAAqC,gBAAiC;AAAA,IAEzE,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,oCAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["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", "/* 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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,mBAAN,cAAqC,gBAAiC;AAAA,IAEzE,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,oCAAC;AAAA,QAAI,WAAW;AAAA,UACZ;AAAA,UACA;AAAA,QACJ;AAAA,SACK,QACL;AAAA,IAER;AAAA,EACJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|