Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
theme.keycloak.v2.admin.resources.assets.Dashboard-DxeDUCJt.js.map Maven / Gradle / Ivy
The user inferface to administrate the Keycloak server.
{"version":3,"file":"Dashboard-DxeDUCJt.js","sources":["../../../../../node_modules/.pnpm/@[email protected] /node_modules/@patternfly/react-styles/css/components/Brand/brand.mjs","../../../../../node_modules/.pnpm/@[email protected] /node_modules/@patternfly/react-tokens/dist/esm/c_brand_Height.js","../../../../../node_modules/.pnpm/@[email protected] /node_modules/@patternfly/react-tokens/dist/esm/c_brand_Width.js","../../../../../node_modules/.pnpm/@[email protected] [email protected] [email protected] [email protected] /node_modules/@patternfly/react-core/dist/esm/components/Brand/Brand.js","../../../../libs/keycloak-admin-client/lib/defs/featureRepresentation.js","../../src/dashboard/ProviderInfo.tsx","../../src/dashboard/Dashboard.tsx"],"sourcesContent":["import './brand.css';\nexport default {\n \"brand\": \"pf-v5-c-brand\",\n \"modifiers\": {\n \"picture\": \"pf-m-picture\"\n }\n};","export const c_brand_Height = {\n \"name\": \"--pf-v5-c-brand--Height\",\n \"value\": \"auto\",\n \"var\": \"var(--pf-v5-c-brand--Height)\"\n};\nexport default c_brand_Height;","export const c_brand_Width = {\n \"name\": \"--pf-v5-c-brand--Width\",\n \"value\": \"auto\",\n \"var\": \"var(--pf-v5-c-brand--Width)\"\n};\nexport default c_brand_Width;","import { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { css } from '@patternfly/react-styles';\nimport styles from '@patternfly/react-styles/css/components/Brand/brand.mjs';\nimport { setBreakpointCssVars } from '../../helpers';\nimport cssBrandHeight from '@patternfly/react-tokens/dist/esm/c_brand_Height';\nimport cssBrandWidth from '@patternfly/react-tokens/dist/esm/c_brand_Width';\nexport const Brand = (_a) => {\n var { className = '', src = '', alt, children, widths, heights, style } = _a, props = __rest(_a, [\"className\", \"src\", \"alt\", \"children\", \"widths\", \"heights\", \"style\"]);\n let responsiveStyles;\n if (widths !== undefined) {\n responsiveStyles = Object.assign({}, setBreakpointCssVars(widths, cssBrandWidth.name));\n }\n if (heights !== undefined) {\n responsiveStyles = Object.assign(Object.assign({}, responsiveStyles), setBreakpointCssVars(heights, cssBrandHeight.name));\n }\n return (\n /** the brand component currently contains no styling the 'pf-v5-c-brand' string will be used for the className */\n children !== undefined ? (React.createElement(\"picture\", Object.assign({ className: css(styles.brand, styles.modifiers.picture, className), style: Object.assign(Object.assign({}, style), responsiveStyles) }, props),\n children,\n React.createElement(\"img\", { src: src, alt: alt }))) : (React.createElement(\"img\", Object.assign({}, props, { className: css(styles.brand, className), style: Object.assign(Object.assign({}, style), responsiveStyles), src: src, alt: alt }))));\n};\nBrand.displayName = 'Brand';\n//# sourceMappingURL=Brand.js.map","export var FeatureType;\n(function (FeatureType) {\n FeatureType[\"Default\"] = \"DEFAULT\";\n FeatureType[\"DisabledByDefault\"] = \"DISABLED_BY_DEFAULT\";\n FeatureType[\"Preview\"] = \"PREVIEW\";\n FeatureType[\"PreviewDisabledByDefault\"] = \"PREVIEW_DISABLED_BY_DEFAULT\";\n FeatureType[\"Experimental\"] = \"EXPERIMENTAL\";\n FeatureType[\"Deprecated\"] = \"DEPRECATED\";\n})(FeatureType || (FeatureType = {}));\n","import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExpandableSection, PageSection } from \"@patternfly/react-core\";\nimport { Table, Tbody, Td, Th, Thead, Tr } from \"@patternfly/react-table\";\n\nimport { useServerInfo } from \"../context/server-info/ServerInfoProvider\";\nimport { TableToolbar } from \"../components/table-toolbar/TableToolbar\";\n\nexport const ProviderInfo = () => {\n const { t } = useTranslation();\n const serverInfo = useServerInfo();\n const [filter, setFilter] = useState(\"\");\n const [open, setOpen] = useState([]);\n\n const providerInfo = useMemo(\n () =>\n Object.entries(serverInfo.providers || []).filter(([key]) =>\n key.toLowerCase().includes(filter.toLowerCase()),\n ),\n [filter],\n );\n\n const toggleOpen = (option: string) => {\n if (open.includes(option)) {\n setOpen(open.filter((item: string) => item !== option));\n } else {\n setOpen([...open, option]);\n }\n };\n\n return (\n \n \n \n \n \n {t(\"spi\")} \n {t(\"providers\")} \n \n \n \n {providerInfo.map(([name, { providers }]) => (\n \n {name} \n \n \n {Object.entries(providers).map(\n ([key, { operationalInfo }]) => (\n \n {key}\n {operationalInfo ? (\n toggleOpen(key)}\n toggleText={\n open.includes(key)\n ? t(\"showLess\")\n : t(\"showMore\")\n }\n >\n \n \n {Object.entries(operationalInfo).map(\n ([key, value]) => (\n \n {key} \n {value} \n \n ),\n )}\n \n
\n \n ) : null}\n \n ),\n )}\n \n \n \n ))}\n \n
\n \n \n );\n};\n","import FeatureRepresentation, {\n FeatureType,\n} from \"@keycloak/keycloak-admin-client/lib/defs/featureRepresentation\";\nimport { HelpItem, label, useEnvironment } from \"@keycloak/keycloak-ui-shared\";\nimport {\n ActionList,\n ActionListItem,\n Brand,\n Button,\n Card,\n CardBody,\n CardTitle,\n DescriptionList,\n DescriptionListDescription,\n DescriptionListGroup,\n DescriptionListTerm,\n EmptyState,\n EmptyStateBody,\n EmptyStateHeader,\n Grid,\n GridItem,\n Label,\n List,\n ListItem,\n ListVariant,\n PageSection,\n Tab,\n TabTitleText,\n Text,\n TextContent,\n TextVariants,\n Title,\n} from \"@patternfly/react-core\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeycloakSpinner } from \"../components/keycloak-spinner/KeycloakSpinner\";\nimport {\n RoutableTabs,\n useRoutableTab,\n} from \"../components/routable-tabs/RoutableTabs\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { useServerInfo } from \"../context/server-info/ServerInfoProvider\";\nimport helpUrls from \"../help-urls\";\nimport useLocaleSort, { mapByKey } from \"../utils/useLocaleSort\";\nimport { ProviderInfo } from \"./ProviderInfo\";\nimport { DashboardTab, toDashboard } from \"./routes/Dashboard\";\n\nimport \"./dashboard.css\";\n\nconst EmptyDashboard = () => {\n const { environment } = useEnvironment();\n\n const { t } = useTranslation();\n const { realm, realmRepresentation: realmInfo } = useRealm();\n const brandImage = environment.logo ? environment.logo : \"/icon.svg\";\n const realmDisplayInfo = label(t, realmInfo?.displayName, realm);\n\n return (\n \n \n {t(\"welcome\")}} headingLevel=\"h2\" />\n {t(\"introduction\")} \n \n \n );\n};\n\ntype FeatureItemProps = {\n feature: FeatureRepresentation;\n};\n\nconst FeatureItem = ({ feature }: FeatureItemProps) => {\n const { t } = useTranslation();\n return (\n \n {feature.name} \n {feature.type === FeatureType.Experimental && (\n {t(\"experimental\")} \n )}\n {feature.type === FeatureType.Preview && (\n {t(\"preview\")} \n )}\n {feature.type === FeatureType.Default && (\n {t(\"supported\")} \n )}\n \n );\n};\n\nconst Dashboard = () => {\n const { t } = useTranslation();\n const { realm, realmRepresentation: realmInfo } = useRealm();\n const serverInfo = useServerInfo();\n const localeSort = useLocaleSort();\n\n const sortedFeatures = useMemo(\n () => localeSort(serverInfo.features ?? [], mapByKey(\"name\")),\n [serverInfo.features],\n );\n\n const disabledFeatures = useMemo(\n () => sortedFeatures.filter((f) => !f.enabled) || [],\n [serverInfo.features],\n );\n\n const enabledFeatures = useMemo(\n () => sortedFeatures.filter((f) => f.enabled) || [],\n [serverInfo.features],\n );\n\n const useTab = (tab: DashboardTab) =>\n useRoutableTab(\n toDashboard({\n realm,\n tab,\n }),\n );\n\n const realmDisplayInfo = label(t, realmInfo?.displayName, realm);\n\n const welcomeTab = useTab(\"welcome\");\n const infoTab = useTab(\"info\");\n const providersTab = useTab(\"providers\");\n\n if (Object.keys(serverInfo).length === 0) {\n return \n \n {t(\"realmNameTitle\", { name: realm })} \n \n \n \n \n {t(\"welcomeTabTitle\")}}\n {...welcomeTab}\n >\n \n \n
\n \n {t(\"welcomeTo\", { realmDisplayInfo })}\n \n
\n
\n {t(\"welcomeText\")} \n
\n
\n \n {t(\"viewDocumentation\")}\n \n
\n
\n \n \n {t(\"viewGuides\")}\n \n \n \n \n {t(\"joinCommunity\")}\n \n \n \n \n {t(\"readBlog\")}\n \n \n \n
\n \n {t(\"serverInfo\")}}\n {...infoTab}\n >\n \n \n \n \n {t(\"serverInfo\")} \n \n \n \n \n {t(\"version\")}\n \n \n {serverInfo.systemInfo?.version}\n \n \n \n \n {t(\"memory\")} \n \n \n \n \n {t(\"totalMemory\")}\n \n \n {serverInfo.memoryInfo?.totalFormated}\n \n \n {t(\"freeMemory\")}\n \n \n {serverInfo.memoryInfo?.freeFormated}\n \n \n {t(\"usedMemory\")}\n \n \n {serverInfo.memoryInfo?.usedFormated}\n \n \n \n \n \n \n \n \n {t(\"profile\")} \n \n \n \n \n {t(\"enabledFeatures\")}{\" \"}\n \n \n \n {enabledFeatures.map((feature) => (\n
\n \n \n \n \n {t(\"disabledFeatures\")}{\" \"}\n \n \n \n {disabledFeatures.map((feature) => (\n
\n \n \n \n \n \n \n \n \n \n {t(\"providerInfo\")}}\n {...providersTab}\n >\n \n \n );\n};\n\nexport default function DashboardSection() {\n const { realm } = useRealm();\n const isMasterRealm = realm === \"master\";\n return (\n <>\n {!isMasterRealm &&
