\n \n \n {\n // Till all plugins are not loaded show empty content for logo as we might have logo coming from a plugin\n !arePluginsLoaded ? (\n \n \n
\n );\n}\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\nimport { apply } from '../../../lib/k8s/apiProxy';\nimport { KubeObjectInterface } from '../../../lib/k8s/cluster';\nimport { clusterAction } from '../../../redux/actions/actions';\nimport ActionButton from '../ActionButton';\nimport EditorDialog from './EditorDialog';\n\nexport default function CreateButton() {\n const dispatch = useDispatch();\n const [openDialog, setOpenDialog] = React.useState(false);\n const [errorMessage, setErrorMessage] = React.useState('');\n const location = useLocation();\n const { t } = useTranslation(['resource', 'frequent']);\n\n const applyFunc = async (newItems: KubeObjectInterface[]) => {\n await Promise.allSettled(newItems.map(newItem => apply(newItem))).then((values: any) => {\n values.forEach((value: any, index: number) => {\n if (value.status === 'rejected') {\n let msg;\n const kind = newItems[index].kind;\n const name = newItems[index].metadata.name;\n const apiVersion = newItems[index].apiVersion;\n if (newItems.length === 1) {\n msg = t('resource|Failed to create {{ kind }} {{ name }}.', { kind, name });\n } else {\n msg = t('resource|Failed to create {{ kind }} {{ name }} in {{ apiVersion }}.', {\n kind,\n name,\n apiVersion,\n });\n }\n setErrorMessage(msg);\n setOpenDialog(true);\n throw msg;\n }\n });\n });\n };\n\n function handleSave(newItemDefs: KubeObjectInterface[]) {\n let massagedNewItemDefs = newItemDefs;\n const cancelUrl = location.pathname;\n\n // check if all yaml objects are valid\n for (let i = 0; i < massagedNewItemDefs.length; i++) {\n if (massagedNewItemDefs[i].kind === 'List') {\n // flatten this List kind with the items that it has which is a list of valid k8s resources\n const deletedItem = massagedNewItemDefs.splice(i, 1);\n massagedNewItemDefs = massagedNewItemDefs.concat(deletedItem[0].items);\n }\n if (!massagedNewItemDefs[i].metadata?.name) {\n setErrorMessage(\n t(`resource|Invalid: One or more of resources doesn't have a name property`)\n );\n return;\n }\n if (!massagedNewItemDefs[i].kind) {\n setErrorMessage(t('resource|Invalid: Please set a kind to the resource'));\n return;\n }\n }\n // all resources name\n const resourceNames = massagedNewItemDefs.map(newItemDef => newItemDef.metadata.name);\n setOpenDialog(false);\n dispatch(\n clusterAction(() => applyFunc(massagedNewItemDefs), {\n startMessage: t('resource|Applying {{ newItemName }}…', {\n newItemName: resourceNames.join(','),\n }),\n cancelledMessage: t('resource|Cancelled applying {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n successMessage: t('resource|Applied {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n errorMessage: t('resource|Failed to apply {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n cancelUrl,\n })\n );\n }\n\n return (\n - \n {subList.map((item: SidebarItemProps) => (\n
\n \n {title} \n \n {description} \n \n \n \n \n \n \n
\n );\n}\n\nexport default ConfirmDialog;\n","import Box from '@material-ui/core/Box';\nimport MuiDialog, { DialogProps as MuiDialogProps } from '@material-ui/core/Dialog';\nimport MuiDialogTitle, { DialogTitleProps } from '@material-ui/core/DialogTitle';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ActionButton from './ActionButton';\n\n// We export the ConfirmDialog from here because it was declared in this file before being\n// moved to its own.\nexport { ConfirmDialog } from './ConfirmDialog';\nexport type { ConfirmDialogProps } from './ConfirmDialog';\n\nexport interface OurDialogTitleProps extends DialogTitleProps {\n /** true if you want the title focused in the dialog */\n focusTitle?: boolean;\n buttons?: React.ReactNode[];\n}\n\n/**\n * This is like Material-ui DialogTitle but fixes some a11y issues.\n *\n * First, it needs a h1 because other page content is aria-diable=true'd\n *\n * Additionally, it also focuses the title text as that is where\n * reading can begin.\n */\nexport function DialogTitle(props: OurDialogTitleProps) {\n const { children, focusTitle, buttons, disableTypography, ...other } = props;\n\n const focusedRef = React.useCallback(node => {\n if (node !== null) {\n if (focusTitle) {\n node.setAttribute('tabindex', '-1');\n node.focus();\n }\n }\n }, []);\n\n return (\n this might fail
An error has occurred: {error}
;\n * }}\n * >\n * a component that might fail
\n * \n *\n *this might fail
{searchResults()}
\n \n
\n }\n \n );\n }\n return (\n <>\n {`${ownerRef.kind}: ${ownerRef.name}`}\n {i < numItems - 1 &&
}\n \n );\n })\n .filter(element => element !== null);\n }\n\n if (typeof extraRows === 'function') {\n makeExtraRows = extraRows;\n } else if (!extraRows) {\n makeExtraRows = () => null;\n } else {\n makeExtraRows = () => extraRows as NameValueTableRow[];\n }\n\n const mainRows = (\n [\n {\n name: t('frequent|Name'),\n value: resource.metadata.name,\n },\n {\n name: t('glossary|Namespace'),\n value: resource.metadata.namespace && resource.metadata.namespace,\n hide: !resource.metadata.namespace,\n },\n {\n name: t('Creation'),\n value: localeDate(resource.metadata.creationTimestamp),\n },\n {\n name: t('Labels'),\n value: resource.metadata.labels &&
\n * \n *
\n * )}\n * Drag 'n' drop some files here, or click to select files
\n *\n * \n *
\n * )\n * }\n * ```\n *\n * @function useDropzone\n *\n * @param {object} props\n * @param {import(\"./utils\").AcceptProp} [props.accept] Set accepted file types.\n * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.\n * Keep in mind that mime type determination is not reliable across platforms. CSV files,\n * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under\n * Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).\n * @param {boolean} [props.multiple=true] Allow drag 'n' drop (or selection from the file dialog) of multiple files\n * @param {boolean} [props.preventDropOnDocument=true] If false, allow dropped items to take over the current browser window\n * @param {boolean} [props.noClick=false] If true, disables click to open the native file selection dialog\n * @param {boolean} [props.noKeyboard=false] If true, disables SPACE/ENTER to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n * @param {boolean} [props.noDrag=false] If true, disables drag 'n' drop\n * @param {boolean} [props.noDragEventsBubbling=false] If true, stops drag event propagation to parents\n * @param {number} [props.minSize=0] Minimum file size (in bytes)\n * @param {number} [props.maxSize=Infinity] Maximum file size (in bytes)\n * @param {boolean} [props.disabled=false] Enable/disable the dropzone\n * @param {getFilesFromEvent} [props.getFilesFromEvent] Use this to provide a custom file aggregator\n * @param {Function} [props.onFileDialogCancel] Cb for when closing the file dialog with no selection\n * @param {boolean} [props.useFsAccessApi] Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API\n * to open the file picker instead of using an `` click event.\n * @param {boolean} autoFocus Set to true to auto focus the root element.\n * @param {Function} [props.onFileDialogOpen] Cb for when opening the file dialog\n * @param {dragCb} [props.onDragEnter] Cb for when the `dragenter` event occurs.\n * @param {dragCb} [props.onDragLeave] Cb for when the `dragleave` event occurs\n * @param {dragCb} [props.onDragOver] Cb for when the `dragover` event occurs\n * @param {dropCb} [props.onDrop] Cb for when the `drop` event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n *\n * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.\n * `accept` must be an object with keys as a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) and the value an array of file extensions (optional).\n * If `multiple` is set to false and additional files are dropped,\n * all files besides the first will be rejected.\n * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.\n *\n * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.\n * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.\n *\n * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.\n * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:\n *\n * ```js\n * function onDrop(acceptedFiles) {\n * const req = request.post('/upload')\n * acceptedFiles.forEach(file => {\n * req.attach(file.name, file)\n * })\n * req.end(callback)\n * }\n * ```\n * @param {dropAcceptedCb} [props.onDropAccepted]\n * @param {dropRejectedCb} [props.onDropRejected]\n * @param {(error: Error) => void} [props.onError]\n *\n * @returns {DropzoneState & DropzoneMethods}\n */\n\nexport function useDropzone() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),\n accept = _defaultProps$props.accept,\n disabled = _defaultProps$props.disabled,\n getFilesFromEvent = _defaultProps$props.getFilesFromEvent,\n maxSize = _defaultProps$props.maxSize,\n minSize = _defaultProps$props.minSize,\n multiple = _defaultProps$props.multiple,\n maxFiles = _defaultProps$props.maxFiles,\n onDragEnter = _defaultProps$props.onDragEnter,\n onDragLeave = _defaultProps$props.onDragLeave,\n onDragOver = _defaultProps$props.onDragOver,\n onDrop = _defaultProps$props.onDrop,\n onDropAccepted = _defaultProps$props.onDropAccepted,\n onDropRejected = _defaultProps$props.onDropRejected,\n onFileDialogCancel = _defaultProps$props.onFileDialogCancel,\n onFileDialogOpen = _defaultProps$props.onFileDialogOpen,\n useFsAccessApi = _defaultProps$props.useFsAccessApi,\n autoFocus = _defaultProps$props.autoFocus,\n preventDropOnDocument = _defaultProps$props.preventDropOnDocument,\n noClick = _defaultProps$props.noClick,\n noKeyboard = _defaultProps$props.noKeyboard,\n noDrag = _defaultProps$props.noDrag,\n noDragEventsBubbling = _defaultProps$props.noDragEventsBubbling,\n onError = _defaultProps$props.onError,\n validator = _defaultProps$props.validator;\n\n var acceptAttr = useMemo(function () {\n return acceptPropAsAcceptAttr(accept);\n }, [accept]);\n var pickerTypes = useMemo(function () {\n return pickerOptionsFromAccept(accept);\n }, [accept]);\n var onFileDialogOpenCb = useMemo(function () {\n return typeof onFileDialogOpen === \"function\" ? onFileDialogOpen : noop;\n }, [onFileDialogOpen]);\n var onFileDialogCancelCb = useMemo(function () {\n return typeof onFileDialogCancel === \"function\" ? onFileDialogCancel : noop;\n }, [onFileDialogCancel]);\n /**\n * @constant\n * @type {React.MutableRefObjectDrag and drop some files here, or click to select files
\n *