@progress/kendo-themes-html 6.0.4-dev.1 → 6.1.0
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/filemanager/tests/filemanager-dialogs.js +1 -1
- package/dist/filemanager/tests/filemanager-dialogs.js.map +2 -2
- package/dist/form/tests/form-field-inputs-angular-rtl.js +1 -1
- package/dist/form/tests/form-field-inputs-angular-rtl.js.map +2 -2
- package/dist/form/tests/form-field-inputs-angular.js +1 -1
- package/dist/form/tests/form-field-inputs-angular.js.map +2 -2
- package/dist/form/tests/form-field-inputs-react.js +1 -1
- package/dist/form/tests/form-field-inputs-react.js.map +2 -2
- package/dist/grid/tests/grid-editing-popup.js +1 -1
- package/dist/grid/tests/grid-editing-popup.js.map +2 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +2 -2
- package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +1 -1
- package/dist/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js.map +2 -2
- package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js +1 -1
- package/dist/pdf-viewer/tests/pdf-viewer-blank-page.js.map +2 -2
- package/dist/upload/tests/upload-rtl.js +1 -1
- package/dist/upload/tests/upload-rtl.js.map +2 -2
- package/dist/upload/tests/upload.js +1 -1
- package/dist/upload/tests/upload.js.map +2 -2
- package/dist/upload/upload-dropzone.js +1 -1
- package/dist/upload/upload-dropzone.js.map +2 -2
- package/dist/upload/upload.js +1 -1
- package/dist/upload/upload.js.map +2 -2
- package/package.json +2 -2
- package/src/upload/upload-dropzone.tsx +1 -1
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
}
|
|
324
324
|
)
|
|
325
325
|
},
|
|
326
|
-
/* @__PURE__ */ React5.createElement("div", { className: "k-upload-button-wrap" }, /* @__PURE__ */ React5.createElement(Button, { className: "k-upload-button" }, "Select files..."), /* @__PURE__ */ React5.createElement("input", { id: "upload-input" })),
|
|
326
|
+
/* @__PURE__ */ React5.createElement("div", { className: "k-upload-button-wrap" }, /* @__PURE__ */ React5.createElement(Button, { className: "k-upload-button" }, "Select files..."), /* @__PURE__ */ React5.createElement("input", { id: "upload-input", className: "k-hidden" })),
|
|
327
327
|
/* @__PURE__ */ React5.createElement(
|
|
328
328
|
"span",
|
|
329
329
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/filemanager/tests/filemanager-dialogs.tsx", "../../../src/dialog/dialog.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx", "../../../src/upload/upload.tsx", "../../../src/upload/upload-dropzone.tsx", "../../../src/upload/upload-file.tsx", "../../../src/progressbar/progressbar.tsx", "../../../src/progressbar/chunk-progressbar.tsx", "../../../src/upload/upload-file-info.tsx", "../../../src/upload/upload-file-multiple.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Dialog } from '../../dialog';\nimport { Upload } from '../../upload';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-dialog {\n width: 100%;\n position: relative;\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 {/* Upload Dialog */}\n <section>\n <Dialog title=\"Upload Files\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\" className=\"k-filemanager-upload-dialog\">\n <Upload async empty status=\"upload\"></Upload>\n </Dialog>\n\n </section>\n <span>{' '}</span>\n\n {/* Move/Copy Dialog */}\n <section>\n\n <Dialog title=\"Confirm\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\">\n <p>Do you want to move or copy?</p>\n </Dialog>\n\n </section>\n\n {/* Delete Dialog */}\n <section>\n\n <Dialog title=\"Confirm\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\">\n <p>Are you sure you want to delete this file?</p>\n <p>You can't undo this action.</p>\n </Dialog>\n\n </section>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ActionButtons } from '../action-buttons';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\n\nexport interface DialogProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n actions?: string[];\n themeColor?: null | 'primary' | 'dark' | 'light';\n actionButtons?: boolean;\n actionButtonsAlign?: \"start\" | \"end\" | \"center\" | \"stretched\";\n style?: React.CSSProperties;\n}\n\nexport class Dialog extends React.Component<DialogProps> {\n\n render() {\n const {\n className,\n children,\n title,\n actions,\n themeColor,\n actionButtons,\n actionButtonsAlign,\n } = this.props;\n\n\n return (\n <div\n style={this.props.style}\n className={classNames(\n \"k-window\",\n \"k-dialog\",\n {\n [`k-dialog-${themeColor}`]: themeColor,\n },\n className\n )}>\n\n {(title !== undefined || actions) &&\n <div className=\"k-window-titlebar k-dialog-titlebar\">\n {title !== undefined && <span className=\"k-window-title k-dialog-title\">{title}</span>}\n {actions && <>\n <div className=\"k-window-titlebar-actions k-dialog-titlebar-actions\">\n {actions.map(actionName =>\n <Button key={actionName} icon={actionName} fillMode=\"flat\" className=\"k-window-titlebar-action k-dialog-titlebar-action\"></Button>\n )}\n </div>\n </>}\n </div>\n }\n <div className=\"k-window-content k-dialog-content\">\n {children}\n </div>\n {actionButtons &&\n <ActionButtons alignment={actionButtonsAlign} className=\"k-window-actions k-dialog-actions\">\n <Button>Action</Button>\n <Button themeColor=\"primary\">Primary</Button>\n </ActionButtons>\n }\n </div>\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", "/* 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, 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 size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name,\n size,\n rotate,\n flip\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 [`k-icon-${size}`]: size,\n [`k-rotate-${rotate}`]: rotate,\n [`k-flip-${flip}`]: flip\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ActionButtons } from '../action-buttons';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\nimport { UploadDropzone } from './upload-dropzone';\n\nexport interface UploadProps {\n children?: React.ReactNode;\n className?: string;\n async?: boolean;\n empty?: boolean;\n actions?: boolean;\n hover?: boolean;\n status?: 'upload' | 'uploading' | 'done' | 'failed';\n disabled?: boolean;\n}\n\nexport class Upload extends React.Component<UploadProps> {\n\n render() {\n const {\n children,\n className,\n async,\n empty,\n actions,\n hover,\n status,\n disabled\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-upload',\n {\n 'k-upload-async': async,\n 'k-upload-empty': empty,\n 'k-disabled': disabled,\n }\n )}\n >\n <UploadDropzone status={status} hover={hover}></UploadDropzone>\n {children &&\n <ul className=\"k-upload-files\">\n {children}\n </ul>\n }\n { actions &&\n <ActionButtons alignment=\"end\" orientation=\"horizontal\">\n <Button className=\"k-clear-selected\">Clear</Button>\n <Button themeColor=\"primary\" className=\"k-upload-selected\">Update</Button>\n </ActionButtons>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\n\nexport interface UploadDropzoneProps {\n className?: string;\n status?: 'upload' | 'uploading' | 'done' | 'failed';\n hover?: boolean;\n}\n\nexport class UploadDropzone extends React.Component<UploadDropzoneProps> {\n\n render() {\n const {\n className,\n status,\n hover\n } = this.props;\n\n let statusMsg = <></>;\n\n switch (status) {\n case 'uploading':\n statusMsg = <><Icon name=\"upload\"></Icon>Uploading...</>;\n break;\n case 'done':\n statusMsg = <><Icon name=\"check\"></Icon>Done</>;\n break;\n case 'failed':\n statusMsg = <><Icon name=\"warning\"></Icon>Done</>;\n break;\n default:\n statusMsg = <></>;\n break;\n }\n\n return (\n <div\n className={classNames(\n className,\n 'k-dropzone',\n 'k-upload-dropzone',\n {\n 'k-hover': hover\n }\n )}\n >\n <div className=\"k-upload-button-wrap\">\n <Button className=\"k-upload-button\">\n Select files...\n </Button>\n <input id=\"upload-input\" />\n </div>\n <span className={classNames(\n 'k-dropzone-hint',\n {\n 'k-hidden': status !== \"upload\"\n }\n )}\n >\n Drop files here to upload</span>\n {status !== \"upload\" &&\n <span className=\"k-upload-status\">\n {statusMsg}\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ProgressBar } from '../progressbar';\nimport { classNames } from '../utils';\nimport { UploadFileInfo } from './upload-file-info';\n\nexport interface UploadFileProps {\n className?: string;\n status?: 'error' | 'progress' | 'success';\n progress?: string;\n name?: string;\n icon?: string;\n size?: string;\n state?: 'uploaded' | 'uploading';\n validationMsg?: string;\n}\n\nexport class UploadFile extends React.Component<UploadFileProps> {\n\n render() {\n const {\n className,\n status,\n progress,\n name,\n icon,\n size,\n state,\n validationMsg,\n } = this.props;\n\n return (\n <li\n className={classNames(\n className,\n 'k-file',\n {\n [`k-file-${status}`]: status,\n },\n )}\n >\n <div className=\"k-file-single\">\n <ProgressBar className={classNames(\n {\n 'k-hidden': status !== 'progress',\n }\n )} value={progress} label={false} />\n <span className=\"k-file-icon-wrapper\">\n <Icon className=\"k-file-icon\" name={icon}></Icon>\n {state && <span className=\"k-file-state\">{state}</span>}\n </span>\n <UploadFileInfo name={name} size={size} validationMsg={validationMsg}></UploadFileInfo>\n <div className=\"k-upload-actions\">\n { status === 'progress'\n ?\n <>\n <span className=\"k-upload-pct\">{progress}%</span>\n <Button icon=\"pause-sm\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n <Button icon=\"cancel\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </>\n : <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n }\n </div>\n </div>\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ProgressBarProps {\n className?: string;\n dir?: 'ltr' | 'rtl';\n disabled?: boolean;\n height?: string;\n indeterminate?: boolean;\n label?: boolean;\n labelPosition?: 'start' | 'center' | 'end';\n orientation?: 'horizontal' | 'vertical';\n reverse?: boolean;\n value?: string;\n width?: string;\n}\n\nexport class ProgressBar extends React.Component<ProgressBarProps> {\n\n static defaultProps = {\n indeterminate: false,\n label: true,\n labelPosition: 'start',\n orientation: 'horizontal',\n reverse: false,\n value: \"0\"\n };\n\n render() {\n\n const {\n className,\n disabled,\n height,\n indeterminate,\n label,\n orientation,\n reverse,\n value,\n width,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-progressbar',\n {\n [`k-progressbar-${orientation}`]: orientation,\n 'k-progressbar-indeterminate': indeterminate,\n 'k-progressbar-reverse': reverse,\n 'k-disabled': disabled\n },\n )} style={ orientation === \"horizontal\" ? { \"--kendo-progressbar-value\": value, height: height } as React.CSSProperties : { \"--kendo-progressbar-value\": value, width: width } as React.CSSProperties } >\n <span className={classNames(\n 'k-progress-status-wrap',\n {\n [`k-progress-${this.props.labelPosition}`]: this.props.labelPosition && !indeterminate\n }\n )}>\n {label && <span className=\"k-progress-status\">{this.props.value}%</span>}\n </span>\n {!indeterminate &&\n <div className=\"k-progressbar-value k-selected\">\n <span className={classNames(\n 'k-progress-status-wrap',\n {\n [`k-progress-${this.props.labelPosition}`]: this.props.labelPosition\n }\n )}>\n {label && <span className=\"k-progress-status\">{this.props.value}%</span>}\n </span>\n </div>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { ProgressBarProps } from './progressbar';\n\nexport interface ChunkProgressBarProps extends ProgressBarProps {\n className?: string;\n chunkCount?: number;\n progress: number;\n}\n\nconst isSelected = (progress: number, index: number) => (index <= progress - 1 ? true : false);\n\nexport class ChunkProgressBar extends React.Component<ChunkProgressBarProps> {\n\n static defaultProps = {\n chunkCount: 5,\n orientation: 'horizontal',\n progress: 0\n };\n\n render() {\n\n const {\n className,\n chunkCount,\n indeterminate,\n orientation,\n progress,\n reverse\n } = this.props;\n\n return (\n <div\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-progressbar',\n 'k-chunk-progressbar',\n {\n [`k-progressbar-${orientation}`]: orientation,\n 'k-progressbar-indeterminate': indeterminate,\n 'k-progressbar-reverse': reverse\n }\n )}>\n <ul className=\"k-progressbar-chunks k-reset\">\n {[ ...Array(chunkCount) ].map((_el, i) =>\n <li key={i} className={classNames(\n 'k-progressbar-chunk',\n {\n 'k-first': i === 0,\n 'k-last': i === [ ...Array(chunkCount) ].length - 1,\n 'k-selected': isSelected(progress, i)\n }\n )}></li>\n )}\n </ul>\n </div>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface UploadFileInfoProps {\n name?: string;\n size?: string;\n validationMsg?: string;\n}\n\nexport class UploadFileInfo extends React.Component<UploadFileInfoProps> {\n\n render() {\n const {\n name,\n size,\n validationMsg,\n } = this.props;\n\n return (\n <div className=\"k-file-info\">\n {name && <span className=\"k-file-name\">{name}</span>}\n {size && <span className=\"k-file-size\">{size}</span>}\n {validationMsg && <span className=\"k-file-validation-message\">{validationMsg}</span>}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ProgressBar } from '../progressbar';\nimport { classNames } from '../utils';\n\nexport interface UploadFileMultipleProps {\n children?: React.ReactNode;\n className?: string;\n status?: 'error' | 'progress' | 'success';\n progress?: string;\n state?: 'uploaded' | 'uploading';\n validationMsg?: string;\n fileSummary?: string;\n}\n\nexport class UploadFileMultiple extends React.Component<UploadFileMultipleProps> {\n\n render() {\n const {\n children,\n className,\n status,\n progress,\n validationMsg,\n fileSummary,\n ...htmlAttributes\n } = this.props;\n\n return (\n <li\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-file',\n {\n [`k-file-${status}`]: status,\n },\n )}\n >\n <div className=\"k-file-multiple\">\n <ProgressBar className={classNames(\n {\n 'k-hidden': status !== 'progress',\n }\n )} value={progress} label={false} />\n <span className=\"k-file-icon-wrapper\">\n <Icon className=\"k-file-icon\" name=\"copy\"></Icon>\n </span>\n <div className=\"k-multiple-files-wrapper\">\n {children}\n {fileSummary && <span className={classNames(\n 'k-file-summary',\n {\n 'k-hidden': status !== 'progress',\n },\n )}\n >{fileSummary}</span>}\n {validationMsg && <span className=\"k-file-validation-message\">{validationMsg}</span>}\n </div>\n <div className=\"k-upload-actions\">\n { status === 'progress'\n ?\n <>\n <span className=\"k-upload-pct\">{progress}%</span>\n <Button icon=\"pause-sm\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n <Button icon=\"cancel\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </>\n : <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n }\n </div>\n </div>\n </li>\n );\n }\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Dialog } from '../../dialog';\nimport { Upload } from '../../upload';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n .k-dialog {\n width: 100%;\n position: relative;\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 {/* Upload Dialog */}\n <section>\n <Dialog title=\"Upload Files\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\" className=\"k-filemanager-upload-dialog\">\n <Upload async empty status=\"upload\"></Upload>\n </Dialog>\n\n </section>\n <span>{' '}</span>\n\n {/* Move/Copy Dialog */}\n <section>\n\n <Dialog title=\"Confirm\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\">\n <p>Do you want to move or copy?</p>\n </Dialog>\n\n </section>\n\n {/* Delete Dialog */}\n <section>\n\n <Dialog title=\"Confirm\" actions={[ 'close' ]} actionButtons actionButtonsAlign=\"end\">\n <p>Are you sure you want to delete this file?</p>\n <p>You can't undo this action.</p>\n </Dialog>\n\n </section>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ActionButtons } from '../action-buttons';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\n\nexport interface DialogProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n actions?: string[];\n themeColor?: null | 'primary' | 'dark' | 'light';\n actionButtons?: boolean;\n actionButtonsAlign?: \"start\" | \"end\" | \"center\" | \"stretched\";\n style?: React.CSSProperties;\n}\n\nexport class Dialog extends React.Component<DialogProps> {\n\n render() {\n const {\n className,\n children,\n title,\n actions,\n themeColor,\n actionButtons,\n actionButtonsAlign,\n } = this.props;\n\n\n return (\n <div\n style={this.props.style}\n className={classNames(\n \"k-window\",\n \"k-dialog\",\n {\n [`k-dialog-${themeColor}`]: themeColor,\n },\n className\n )}>\n\n {(title !== undefined || actions) &&\n <div className=\"k-window-titlebar k-dialog-titlebar\">\n {title !== undefined && <span className=\"k-window-title k-dialog-title\">{title}</span>}\n {actions && <>\n <div className=\"k-window-titlebar-actions k-dialog-titlebar-actions\">\n {actions.map(actionName =>\n <Button key={actionName} icon={actionName} fillMode=\"flat\" className=\"k-window-titlebar-action k-dialog-titlebar-action\"></Button>\n )}\n </div>\n </>}\n </div>\n }\n <div className=\"k-window-content k-dialog-content\">\n {children}\n </div>\n {actionButtons &&\n <ActionButtons alignment={actionButtonsAlign} className=\"k-window-actions k-dialog-actions\">\n <Button>Action</Button>\n <Button themeColor=\"primary\">Primary</Button>\n </ActionButtons>\n }\n </div>\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", "/* 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, 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 size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name,\n size,\n rotate,\n flip\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 [`k-icon-${size}`]: size,\n [`k-rotate-${rotate}`]: rotate,\n [`k-flip-${flip}`]: flip\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ActionButtons } from '../action-buttons';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\nimport { UploadDropzone } from './upload-dropzone';\n\nexport interface UploadProps {\n children?: React.ReactNode;\n className?: string;\n async?: boolean;\n empty?: boolean;\n actions?: boolean;\n hover?: boolean;\n status?: 'upload' | 'uploading' | 'done' | 'failed';\n disabled?: boolean;\n}\n\nexport class Upload extends React.Component<UploadProps> {\n\n render() {\n const {\n children,\n className,\n async,\n empty,\n actions,\n hover,\n status,\n disabled\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-upload',\n {\n 'k-upload-async': async,\n 'k-upload-empty': empty,\n 'k-disabled': disabled,\n }\n )}\n >\n <UploadDropzone status={status} hover={hover}></UploadDropzone>\n {children &&\n <ul className=\"k-upload-files\">\n {children}\n </ul>\n }\n { actions &&\n <ActionButtons alignment=\"end\" orientation=\"horizontal\">\n <Button className=\"k-clear-selected\">Clear</Button>\n <Button themeColor=\"primary\" className=\"k-upload-selected\">Update</Button>\n </ActionButtons>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\n\nexport interface UploadDropzoneProps {\n className?: string;\n status?: 'upload' | 'uploading' | 'done' | 'failed';\n hover?: boolean;\n}\n\nexport class UploadDropzone extends React.Component<UploadDropzoneProps> {\n\n render() {\n const {\n className,\n status,\n hover\n } = this.props;\n\n let statusMsg = <></>;\n\n switch (status) {\n case 'uploading':\n statusMsg = <><Icon name=\"upload\"></Icon>Uploading...</>;\n break;\n case 'done':\n statusMsg = <><Icon name=\"check\"></Icon>Done</>;\n break;\n case 'failed':\n statusMsg = <><Icon name=\"warning\"></Icon>Done</>;\n break;\n default:\n statusMsg = <></>;\n break;\n }\n\n return (\n <div\n className={classNames(\n className,\n 'k-dropzone',\n 'k-upload-dropzone',\n {\n 'k-hover': hover\n }\n )}\n >\n <div className=\"k-upload-button-wrap\">\n <Button className=\"k-upload-button\">\n Select files...\n </Button>\n <input id=\"upload-input\" className=\"k-hidden\" />\n </div>\n <span className={classNames(\n 'k-dropzone-hint',\n {\n 'k-hidden': status !== \"upload\"\n }\n )}\n >\n Drop files here to upload</span>\n {status !== \"upload\" &&\n <span className=\"k-upload-status\">\n {statusMsg}\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ProgressBar } from '../progressbar';\nimport { classNames } from '../utils';\nimport { UploadFileInfo } from './upload-file-info';\n\nexport interface UploadFileProps {\n className?: string;\n status?: 'error' | 'progress' | 'success';\n progress?: string;\n name?: string;\n icon?: string;\n size?: string;\n state?: 'uploaded' | 'uploading';\n validationMsg?: string;\n}\n\nexport class UploadFile extends React.Component<UploadFileProps> {\n\n render() {\n const {\n className,\n status,\n progress,\n name,\n icon,\n size,\n state,\n validationMsg,\n } = this.props;\n\n return (\n <li\n className={classNames(\n className,\n 'k-file',\n {\n [`k-file-${status}`]: status,\n },\n )}\n >\n <div className=\"k-file-single\">\n <ProgressBar className={classNames(\n {\n 'k-hidden': status !== 'progress',\n }\n )} value={progress} label={false} />\n <span className=\"k-file-icon-wrapper\">\n <Icon className=\"k-file-icon\" name={icon}></Icon>\n {state && <span className=\"k-file-state\">{state}</span>}\n </span>\n <UploadFileInfo name={name} size={size} validationMsg={validationMsg}></UploadFileInfo>\n <div className=\"k-upload-actions\">\n { status === 'progress'\n ?\n <>\n <span className=\"k-upload-pct\">{progress}%</span>\n <Button icon=\"pause-sm\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n <Button icon=\"cancel\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </>\n : <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n }\n </div>\n </div>\n </li>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface ProgressBarProps {\n className?: string;\n dir?: 'ltr' | 'rtl';\n disabled?: boolean;\n height?: string;\n indeterminate?: boolean;\n label?: boolean;\n labelPosition?: 'start' | 'center' | 'end';\n orientation?: 'horizontal' | 'vertical';\n reverse?: boolean;\n value?: string;\n width?: string;\n}\n\nexport class ProgressBar extends React.Component<ProgressBarProps> {\n\n static defaultProps = {\n indeterminate: false,\n label: true,\n labelPosition: 'start',\n orientation: 'horizontal',\n reverse: false,\n value: \"0\"\n };\n\n render() {\n\n const {\n className,\n disabled,\n height,\n indeterminate,\n label,\n orientation,\n reverse,\n value,\n width,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-progressbar',\n {\n [`k-progressbar-${orientation}`]: orientation,\n 'k-progressbar-indeterminate': indeterminate,\n 'k-progressbar-reverse': reverse,\n 'k-disabled': disabled\n },\n )} style={ orientation === \"horizontal\" ? { \"--kendo-progressbar-value\": value, height: height } as React.CSSProperties : { \"--kendo-progressbar-value\": value, width: width } as React.CSSProperties } >\n <span className={classNames(\n 'k-progress-status-wrap',\n {\n [`k-progress-${this.props.labelPosition}`]: this.props.labelPosition && !indeterminate\n }\n )}>\n {label && <span className=\"k-progress-status\">{this.props.value}%</span>}\n </span>\n {!indeterminate &&\n <div className=\"k-progressbar-value k-selected\">\n <span className={classNames(\n 'k-progress-status-wrap',\n {\n [`k-progress-${this.props.labelPosition}`]: this.props.labelPosition\n }\n )}>\n {label && <span className=\"k-progress-status\">{this.props.value}%</span>}\n </span>\n </div>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { ProgressBarProps } from './progressbar';\n\nexport interface ChunkProgressBarProps extends ProgressBarProps {\n className?: string;\n chunkCount?: number;\n progress: number;\n}\n\nconst isSelected = (progress: number, index: number) => (index <= progress - 1 ? true : false);\n\nexport class ChunkProgressBar extends React.Component<ChunkProgressBarProps> {\n\n static defaultProps = {\n chunkCount: 5,\n orientation: 'horizontal',\n progress: 0\n };\n\n render() {\n\n const {\n className,\n chunkCount,\n indeterminate,\n orientation,\n progress,\n reverse\n } = this.props;\n\n return (\n <div\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-progressbar',\n 'k-chunk-progressbar',\n {\n [`k-progressbar-${orientation}`]: orientation,\n 'k-progressbar-indeterminate': indeterminate,\n 'k-progressbar-reverse': reverse\n }\n )}>\n <ul className=\"k-progressbar-chunks k-reset\">\n {[ ...Array(chunkCount) ].map((_el, i) =>\n <li key={i} className={classNames(\n 'k-progressbar-chunk',\n {\n 'k-first': i === 0,\n 'k-last': i === [ ...Array(chunkCount) ].length - 1,\n 'k-selected': isSelected(progress, i)\n }\n )}></li>\n )}\n </ul>\n </div>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface UploadFileInfoProps {\n name?: string;\n size?: string;\n validationMsg?: string;\n}\n\nexport class UploadFileInfo extends React.Component<UploadFileInfoProps> {\n\n render() {\n const {\n name,\n size,\n validationMsg,\n } = this.props;\n\n return (\n <div className=\"k-file-info\">\n {name && <span className=\"k-file-name\">{name}</span>}\n {size && <span className=\"k-file-size\">{size}</span>}\n {validationMsg && <span className=\"k-file-validation-message\">{validationMsg}</span>}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ProgressBar } from '../progressbar';\nimport { classNames } from '../utils';\n\nexport interface UploadFileMultipleProps {\n children?: React.ReactNode;\n className?: string;\n status?: 'error' | 'progress' | 'success';\n progress?: string;\n state?: 'uploaded' | 'uploading';\n validationMsg?: string;\n fileSummary?: string;\n}\n\nexport class UploadFileMultiple extends React.Component<UploadFileMultipleProps> {\n\n render() {\n const {\n children,\n className,\n status,\n progress,\n validationMsg,\n fileSummary,\n ...htmlAttributes\n } = this.props;\n\n return (\n <li\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-file',\n {\n [`k-file-${status}`]: status,\n },\n )}\n >\n <div className=\"k-file-multiple\">\n <ProgressBar className={classNames(\n {\n 'k-hidden': status !== 'progress',\n }\n )} value={progress} label={false} />\n <span className=\"k-file-icon-wrapper\">\n <Icon className=\"k-file-icon\" name=\"copy\"></Icon>\n </span>\n <div className=\"k-multiple-files-wrapper\">\n {children}\n {fileSummary && <span className={classNames(\n 'k-file-summary',\n {\n 'k-hidden': status !== 'progress',\n },\n )}\n >{fileSummary}</span>}\n {validationMsg && <span className=\"k-file-validation-message\">{validationMsg}</span>}\n </div>\n <div className=\"k-upload-actions\">\n { status === 'progress'\n ?\n <>\n <span className=\"k-upload-pct\">{progress}%</span>\n <Button icon=\"pause-sm\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n <Button icon=\"cancel\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </>\n : <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n }\n </div>\n </div>\n </li>\n );\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -1044,7 +1044,7 @@
|
|
|
1044
1044
|
}
|
|
1045
1045
|
)
|
|
1046
1046
|
},
|
|
1047
|
-
/* @__PURE__ */ React24.createElement("div", { className: "k-upload-button-wrap" }, /* @__PURE__ */ React24.createElement(Button, { className: "k-upload-button" }, "Select files..."), /* @__PURE__ */ React24.createElement("input", { id: "upload-input" })),
|
|
1047
|
+
/* @__PURE__ */ React24.createElement("div", { className: "k-upload-button-wrap" }, /* @__PURE__ */ React24.createElement(Button, { className: "k-upload-button" }, "Select files..."), /* @__PURE__ */ React24.createElement("input", { id: "upload-input", className: "k-hidden" })),
|
|
1048
1048
|
/* @__PURE__ */ React24.createElement(
|
|
1049
1049
|
"span",
|
|
1050
1050
|
{
|