nautobot 2.1.0b1__py3-none-any.whl → 2.1.1__py3-none-any.whl

nautobot/ui/src/components/HomeChangelogPanel.js

@@ -1,98 +0,0 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faClock, faUser } from "@fortawesome/free-solid-svg-icons";
-import {
-    HistoryIcon,
-    Link,
-    NautobotGridItem,
-    TableContainer,
-    Table,
-    Tag,
-    TagLabel,
-    Tbody,
-    Td,
-    Th,
-    Thead,
-    Tr,
-} from "@nautobot/nautobot-ui";
-import { useGetRESTAPIQuery } from "@utils/api";
-import { humanFriendlyDate } from "@utils/date";
-import { uiUrl } from "@utils/url";
-
-export default function HomeChangelogPanel() {
-    const { data, isError } = useGetRESTAPIQuery({
-        app_label: "extras",
-        model_name: "object-changes",
-        limit: 10,
-        depth: 1,
-    });
-
-    if (isError) {
-        return <NautobotGridItem>TODO</NautobotGridItem>;
-    }
-
-    return (
-        <NautobotGridItem>
-            <TableContainer>
-                <Table>
-                    <Thead>
-                        <Tr _hover={{}}>
-                            <Th width="3em">
-                                <HistoryIcon />
-                            </Th>
-                            <Th colSpan={4}>Change Log</Th>
-                        </Tr>
-                    </Thead>
-                    <Tbody>
-                        {data?.results?.map((objectChange) => [
-                            <Tr key={objectChange.id + "row_1"}>
-                                <Td width="2em">
-                                    <FontAwesomeIcon icon={faUser} />
-                                </Td>
-                                <Td>{objectChange.user_name}</Td>
-                                <Td width="2em">
-                                    <FontAwesomeIcon icon={faClock} />
-                                </Td>
-                                <Td>{humanFriendlyDate(objectChange.time)}</Td>
-                                <Td>
-                                    <Tag
-                                        variant={
-                                            objectChange.action.label ===
-                                            "Created"
-                                                ? "success"
-                                                : objectChange.action.label ===
-                                                  "Deleted"
-                                                ? "critical"
-                                                : "info"
-                                        }
-                                    >
-                                        <TagLabel>
-                                            {objectChange.action.label}
-                                        </TagLabel>
-                                    </Tag>
-                                </Td>
-                            </Tr>,
-                            <Tr key={objectChange.id + "row_2"}>
-                                <Td colSpan={2}>
-                                    {objectChange.changed_object_type}
-                                </Td>
-                                <Td colSpan={3}>
-                                    {objectChange.changed_object ? (
-                                        <Link
-                                            href={uiUrl(
-                                                objectChange.changed_object.url
-                                            )}
-                                        >
-                                            {objectChange.object_repr}
-                                        </Link>
-                                    ) : (
-                                        objectChange.object_repr
-                                    )}
-                                </Td>
-                            </Tr>,
-                        ])}
-                    </Tbody>
-                </Table>
-            </TableContainer>
-        </NautobotGridItem>
-    );
-}

nautobot/ui/src/components/HomePanel.js

@@ -1,58 +0,0 @@
-import {
-    NautobotGridItem,
-    Table,
-    TableContainer,
-    Tag,
-    TagLabel,
-    Tbody,
-    Td,
-    Th,
-    Thead,
-    Tr,
-} from "@nautobot/nautobot-ui";
-import { RouterLink } from "@components/RouterLink";
-import { toTitleCase } from "@utils/string";
-
-function HomePanelCountTag(count = 0) {
-    return (
-        <Tag size="sm" variant={count ? "info" : "unknown"}>
-            <TagLabel>{count}</TagLabel>
-        </Tag>
-    );
-}
-
-// A panel in the Home view displaying a table of objects and their counts.
-export default function HomePanel({ icon, title, data }) {
-    return (
-        <NautobotGridItem>
-            <TableContainer>
-                <Table>
-                    <Thead>
-                        <Tr _hover={{}}>
-                            <Th width="3em">{icon}</Th>
-                            <Th colSpan={2}>{title}</Th>
-                        </Tr>
-                    </Thead>
-                    <Tbody>
-                        {data.map((row, idx) => (
-                            <Tr key={idx}>
-                                <Td colSpan={2}>
-                                    {row.url ? (
-                                        <RouterLink to={row.url}>
-                                            {toTitleCase(row["name"])}
-                                        </RouterLink>
-                                    ) : (
-                                        toTitleCase(row["name"])
-                                    )}
-                                </Td>
-                                <Td width="4em" textAlign="right">
-                                    {HomePanelCountTag(row.count)}
-                                </Td>
-                            </Tr>
-                        ))}
-                    </Tbody>
-                </Table>
-            </TableContainer>
-        </NautobotGridItem>
-    );
-}

nautobot/ui/src/components/JobHistoryTable.js

@@ -1,78 +0,0 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faClock, faUser } from "@fortawesome/free-solid-svg-icons";
-import { Table, Tag, TagLabel, Tbody, Td, Tr } from "@nautobot/nautobot-ui";
-import { useGetRESTAPIQuery } from "@utils/api";
-import { humanFriendlyDate } from "@utils/date";
-
-function jobResultStatusTag(status) {
-    let variant = "unknown";
-    switch (status) {
-        case "FAILURE":
-        case "REVOKED":
-            variant = "critical";
-            break;
-        case "PENDING":
-        case "RECEIVED":
-            variant = "secondary";
-            break;
-        case "RETRY":
-            variant = "action";
-            break;
-        case "STARTED":
-            variant = "info";
-            break;
-        case "SUCCESS":
-            variant = "success";
-            break;
-        default:
-            variant = "unknown";
-            break;
-    }
-    return (
-        <Tag variant={variant}>
-            <TagLabel>{status}</TagLabel>
-        </Tag>
-    );
-}
-
-export default function JobHistoryTable() {
-    const { data, isError } = useGetRESTAPIQuery({
-        app_label: "extras",
-        model_name: "job-results",
-        limit: 10,
-        depth: 1,
-    });
-
-    if (isError) {
-        return "TODO";
-    }
-
-    return (
-        <Table>
-            <Tbody>
-                {data?.results?.map((result) => {
-                    return [
-                        <Tr key={result.id + "row_1"}>
-                            <Td width="2em">
-                                <FontAwesomeIcon icon={faUser} />
-                            </Td>
-                            <Td>{result.user?.username}</Td>
-                            <Td width="2em">
-                                <FontAwesomeIcon icon={faClock} />
-                            </Td>
-                            <Td>{humanFriendlyDate(result.date_done)}</Td>
-                            <Td textAlign="right">
-                                {jobResultStatusTag(result.status.value)}
-                            </Td>
-                        </Tr>,
-                        <Tr key={result.id + "row_2"}>
-                            <Td colSpan={5}>
-                                {result.job_model?.display || result.name}
-                            </Td>
-                        </Tr>,
-                    ];
-                })}
-            </Tbody>
-        </Table>
-    );
-}

nautobot/ui/src/components/Layout.js

@@ -1,76 +0,0 @@
-import { useSelector } from "react-redux";
-import { useEffect, useState } from "react";
-import {
-    Box,
-    Flex,
-    Heading,
-    Link,
-    NautobotLogoIcon,
-    Sidebar,
-    Button,
-    useDisclosure,
-} from "@nautobot/nautobot-ui";
-import axios from "axios";
-
-import RouterLink from "@components/RouterLink";
-import SidebarNav from "@components/SidebarNav";
-import { isLoggedInSelector } from "@utils/store";
-import FeedbackModal from "@components/FeedbackModal";
-
-export default function Layout({ children }) {
-    const isLoggedIn = useSelector(isLoggedInSelector);
-
-    const { isOpen, onOpen, onClose } = useDisclosure();
-    const [showFeedback, setShowFeedback] = useState(false);
-
-    useEffect(() => {
-        axios
-            .get("/api/ui/settings/?name=FEEDBACK_BUTTON_ENABLED")
-            .then((res) => setShowFeedback(res.data.FEEDBACK_BUTTON_ENABLED))
-            .catch((err) => console.error(err));
-    }, []);
-
-    /** Invalidate the newui cookie and reload the page in order to return to the legacy UI. */
-    function legacyUI() {
-        document.cookie =
-            "newui=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
-        document.location.reload(true);
-    }
-
-    return (
-        <Flex height="full" overflow="hidden" width="full">
-            <Sidebar overflow="hidden">
-                <Heading
-                    as="h1"
-                    paddingBottom="md"
-                    paddingTop="29px"
-                    paddingX="md"
-                >
-                    <Link
-                        aria-label="Nautobot"
-                        as={RouterLink}
-                        leftIcon={<NautobotLogoIcon />}
-                        to="/"
-                    />
-                </Heading>
-                <Box flex="1">{isLoggedIn && <SidebarNav />}</Box>
-                <Box borderTop="2px" borderColor="gray.500">
-                    {showFeedback && (
-                        <Button onClick={onOpen} variant="link" color="gray-1">
-                            Submit Feedback
-                        </Button>
-                    )}
-                    <Button onClick={legacyUI} variant="link" color="gray-1">
-                        Return to Legacy UI
-                    </Button>
-                </Box>
-            </Sidebar>
-
-            <Box flex="1" height="full">
-                {children}
-            </Box>
-
-            <FeedbackModal isOpen={isOpen} onClose={onClose} />
-        </Flex>
-    );
-}

nautobot/ui/src/components/LoadingWidget.js

@@ -1,14 +0,0 @@
-import { Flex, Text, Spinner } from "@nautobot/nautobot-ui";
-
-// A helpful, consistent loading widget
-export function LoadingWidget({ name = "" }) {
-    const display_name = name.length > 0 ? " " + name : "";
-
-    return (
-        <Flex align="center" gap="sm" justify="center">
-            <Spinner size="lg" color="blue-1" />
-            <Text color="gray-3">Loading{display_name}...</Text>
-        </Flex>
-    );
-}
-export default LoadingWidget;

nautobot/ui/src/components/Navbar.js

@@ -1,204 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { useSelector } from "react-redux";
-import {
-    Link as ReactRouterLink,
-    NavLink as ReactRouterNavLink,
-    useLocation,
-    useSearchParams,
-    useParams,
-    useNavigate,
-} from "react-router-dom";
-import debounce from "lodash.debounce";
-
-import {
-    AutomationIcon,
-    DcimIcon,
-    Input,
-    InputGroup,
-    InputLeftElement,
-    IpamIcon,
-    Menu,
-    MenuButton,
-    MenuItem,
-    MenuList,
-    Navbar as UINavbar,
-    NavbarMenuButton,
-    NavbarSection,
-    NavbarSections,
-    PlatformIcon,
-    SearchIcon,
-    SecurityIcon,
-    Tooltip,
-} from "@nautobot/nautobot-ui";
-
-import RouterButton from "@components/RouterButton";
-import { FILTER_RESET_QUERY_PARAMS } from "./FiltersPanel";
-import { useGetNewUIReadyRoutesQuery } from "@utils/api";
-import { isRouteNewUIReady } from "@utils/navigation";
-import {
-    currentUserSelector,
-    isLoggedInSelector,
-    getCurrentContextSelector,
-} from "@utils/store";
-
-export function Navbar() {
-    const isLoggedIn = useSelector(isLoggedInSelector);
-    const currentContext = useSelector(getCurrentContextSelector);
-    const currentUser = useSelector(currentUserSelector);
-    const { app_label, model_name, object_id } = useParams(); // For use in determining if user is on a list or detail view, or neither
-    const location = useLocation();
-    const navigate = useNavigate(); // For use in navigating to the list view with the search params in the URL
-    const { data: readyRoutes } = useGetNewUIReadyRoutesQuery();
-    const isListOrDetailView = Boolean(app_label && model_name);
-
-    const [searchParams, setSearchParams] = useSearchParams();
-
-    const debouncedOnChangeSearchBox = useMemo(() => {
-        /**
-         * Debounce the search box change handler to prevent excessive API calls.
-         *
-         * This will wait until the user has stopped typing for 300ms before
-         * calling the change handler.
-         *
-         * If the user is on a list view, the search params will be updated in the URL
-         * and the user will be navigated to the new URL.
-         *
-         * If the user is on a detail view, the user will be navigated to the list view
-         * with the search params in the URL.
-         */
-        const changeHandler = (event) => {
-            if (object_id) {
-                navigate(
-                    `/${app_label}/${model_name}/?${new URLSearchParams([
-                        ["q", event.target.value],
-                    ])}`
-                );
-            } else {
-                const filters = event.target.value
-                    ? [["q", event.target.value]]
-                    : [];
-                setSearchParams([
-                    ...filters,
-                    ...[...searchParams].filter(
-                        ([searchParamLabel]) =>
-                            !FILTER_RESET_QUERY_PARAMS.includes(
-                                searchParamLabel
-                            ) && searchParamLabel !== "q"
-                    ),
-                ]);
-            }
-        };
-        return debounce(changeHandler, 300);
-    }, [
-        searchParams,
-        setSearchParams,
-        app_label,
-        model_name,
-        object_id,
-        navigate,
-    ]);
-
-    const SearchBox = (
-        <Input
-            placeholder="Search..."
-            defaultValue={searchParams.get("q")}
-            onChange={debouncedOnChangeSearchBox}
-            disabled={!isListOrDetailView} // Disable search box if not on a list or detail view (global search is not yet implemented)
-        />
-    );
-
-    // Check if current location is NewUIReady; if not redirect user back to legacy UI
-    useEffect(() => {
-        if (readyRoutes) {
-            // Remove trailing `/`, as `isRouteNewUIReady` requires this.
-            const path = location.pathname.replace(/^\/+/, "");
-            if (!isRouteNewUIReady(path, readyRoutes)) {
-                window.location.reload();
-            }
-        }
-    }, [location, readyRoutes]);
-
-    return (
-        <UINavbar>
-            <NavbarSections>
-                {[
-                    {
-                        children: "Inventory",
-                        leftIcon: <DcimIcon />,
-                        to: "/dcim/devices/",
-                    },
-                    {
-                        children: "Networks",
-                        leftIcon: <IpamIcon />,
-                        to: "/ipam/prefixes/",
-                    },
-                    {
-                        children: "Security",
-                        leftIcon: <SecurityIcon />,
-                        to: "/extras/secrets/",
-                    },
-                    {
-                        children: "Automation",
-                        leftIcon: <AutomationIcon />,
-                        to: "/extras/jobs/",
-                    },
-                    {
-                        children: "Platform",
-                        leftIcon: <PlatformIcon />,
-                        to: "/extras/relationships/",
-                    },
-                ].map(({ children, to, ...rest }) => (
-                    <ReactRouterNavLink key={to} to={to}>
-                        {({ isActive }) => (
-                            <NavbarSection
-                                as="button"
-                                isActive={
-                                    isActive || children === currentContext
-                                }
-                                children={children}
-                                {...rest}
-                            />
-                        )}
-                    </ReactRouterNavLink>
-                ))}
-            </NavbarSections>
-            <Tooltip
-                label="Global search is not yet implemented."
-                placement="bottom"
-                isDisabled={isListOrDetailView} // Disable tooltip if on a list or detail view (contextual search is implemented)
-            >
-                <InputGroup flex="1" size="lg" variant="navbar">
-                    <InputLeftElement>
-                        <SearchIcon />
-                    </InputLeftElement>
-                    {SearchBox}
-                </InputGroup>
-            </Tooltip>
-            {!isLoggedIn && <RouterButton to="/login/">Log In</RouterButton>}
-            {isLoggedIn && (
-                <Menu>
-                    <MenuButton as={NavbarMenuButton} isDisabled={!isLoggedIn}>
-                        {currentUser?.display || currentUser?.username}
-                    </MenuButton>
-                    <MenuList>
-                        {[
-                            {
-                                children: "Log Out",
-                                color: "red-1",
-                                to: "/logout",
-                            },
-                        ].map(({ to, ...rest }) => (
-                            <MenuItem
-                                key={to}
-                                as={ReactRouterLink}
-                                to={to}
-                                {...rest}
-                            />
-                        ))}
-                    </MenuList>
-                </Menu>
-            )}
-        </UINavbar>
-    );
-}
-export default Navbar;

nautobot/ui/src/components/NotificationPopover.js

@@ -1,27 +0,0 @@
-import {
-    NavbarNotificationButton,
-    Popover,
-    PopoverArrow,
-    PopoverBody,
-    PopoverContent,
-    PopoverTrigger,
-    Text,
-} from "@nautobot/nautobot-ui";
-
-export default function NotificationPopover({ isLoggedIn, notificatons = [] }) {
-    return (
-        <Popover>
-            <PopoverTrigger>
-                <NavbarNotificationButton isDisabled={!isLoggedIn}>
-                    {notificatons.length}
-                </NavbarNotificationButton>
-            </PopoverTrigger>
-            <PopoverContent>
-                <PopoverArrow />
-                <PopoverBody>
-                    <Text paddingX="md">No notifications</Text>
-                </PopoverBody>
-            </PopoverContent>
-        </Popover>
-    );
-}