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

nautobot/ui/src/components/SidebarNav.js

@@ -1,156 +0,0 @@
-import {
-    Accordion,
-    AccordionButton,
-    AccordionItem,
-    AccordionPanel,
-    AccordionIcon,
-    Heading,
-    SidebarButton,
-} from "@nautobot/nautobot-ui";
-import { Link as ReactRouterLink, useLocation } from "react-router-dom";
-import { useSelector } from "react-redux";
-import {
-    isLoggedInSelector,
-    getCurrentContextSelector,
-    getMenuInfoSelector,
-} from "@utils/store";
-import { appContextIcons } from "@constants/icons";
-
-// The sidebar accordion
-export default function SidebarNav() {
-    const isLoggedIn = useSelector(isLoggedInSelector);
-    const currentContext = useSelector(getCurrentContextSelector);
-    const menuInfo = useSelector(getMenuInfoSelector);
-    const location = useLocation();
-
-    let CurrentContextIcon = <></>;
-
-    if (currentContext) {
-        CurrentContextIcon = appContextIcons[currentContext];
-    }
-
-    return (
-        <>
-            <Heading variant="sidebar">
-                <CurrentContextIcon />
-                {currentContext}
-            </Heading>
-            {isLoggedIn &&
-                menuInfo !== {} &&
-                menuInfo[currentContext] !== undefined && (
-                    <Accordion allowMultiple variant="sidebarLevel0">
-                        {Object.entries(menuInfo[currentContext]).map(
-                            (group, group_idx, group_arr) => (
-                                <Accordion
-                                    allowMultiple
-                                    variant="sidebarLevel0"
-                                    key={group[0]}
-                                >
-                                    <AccordionItem>
-                                        <Heading>
-                                            <AccordionButton
-                                                isLast={
-                                                    group_idx ===
-                                                    group_arr.length - 1
-                                                }
-                                            >
-                                                {group[0]}
-                                                <AccordionIcon />
-                                            </AccordionButton>
-                                        </Heading>
-                                        <AccordionPanel>
-                                            {Object.entries(group[1]).map(
-                                                (menu, menu_idx, menu_arr) =>
-                                                    typeof menu[1] ===
-                                                    "string" ? (
-                                                        <SidebarButton
-                                                            as={ReactRouterLink}
-                                                            key={menu_idx}
-                                                            level={1}
-                                                            to={menu[1]}
-                                                            isLast={
-                                                                menu_idx ===
-                                                                menu_arr.length -
-                                                                    1
-                                                            }
-                                                            active={
-                                                                menu[1] ===
-                                                                location.pathname
-                                                            }
-                                                        >
-                                                            {menu[0]}
-                                                        </SidebarButton>
-                                                    ) : (
-                                                        <Accordion
-                                                            allowMultiple
-                                                            variant="sidebarLevel1"
-                                                            key={menu_idx}
-                                                        >
-                                                            <AccordionItem>
-                                                                <Heading>
-                                                                    <AccordionButton
-                                                                        isLast={
-                                                                            menu_idx ===
-                                                                            menu_arr.length -
-                                                                                1
-                                                                        }
-                                                                    >
-                                                                        {
-                                                                            menu[0]
-                                                                        }
-                                                                        <AccordionIcon />
-                                                                    </AccordionButton>
-                                                                </Heading>
-                                                                <AccordionPanel>
-                                                                    {Object.entries(
-                                                                        menu[1]
-                                                                    ).map(
-                                                                        (
-                                                                            submenu,
-                                                                            submenu_idx,
-                                                                            submenu_arr
-                                                                        ) => (
-                                                                            <SidebarButton
-                                                                                as={
-                                                                                    ReactRouterLink
-                                                                                }
-                                                                                key={
-                                                                                    submenu_idx
-                                                                                }
-                                                                                level={
-                                                                                    2
-                                                                                }
-                                                                                to={
-                                                                                    submenu[1]
-                                                                                }
-                                                                                isLast={
-                                                                                    submenu_idx ===
-                                                                                    submenu_arr.length -
-                                                                                        1
-                                                                                }
-                                                                                active={
-                                                                                    submenu[1] ===
-                                                                                    location.pathname
-                                                                                }
-                                                                            >
-                                                                                {
-                                                                                    submenu[0]
-                                                                                }
-                                                                            </SidebarButton>
-                                                                        )
-                                                                    )}
-                                                                </AccordionPanel>
-                                                            </AccordionItem>
-                                                        </Accordion>
-                                                    )
-                                            )}
-                                        </AccordionPanel>
-                                    </AccordionItem>
-                                </Accordion>
-                            )
-                        )}
-                    </Accordion>
-                )}
-        </>
-    );
-}

nautobot/ui/src/components/__tests__/AppFullWidthComponents.test.js

@@ -1,16 +0,0 @@
-import { render } from "@testing-library/react";
-import AppFullWidthComponentsWithProps from "../AppFullWidthComponents";
-
-// Set NautobotApps to {}; since we are not testing for plugin integration with nautobot
-jest.mock("@generated/app_imports", () => ({
-    __esModule: true,
-    default: {},
-}));
-
-describe("AppFullWidthComponentsWithProps Test", () => {
-    it("should render an empty component when route, props is not defined", () => {
-        render(AppFullWidthComponentsWithProps());
-        // expect(container.firstChild).toBe(null);
-        // Lint error for using firstChild but we should be using screen
-    });
-});

nautobot/ui/src/components/__tests__/AppTab.test.js

@@ -1,21 +0,0 @@
-describe("create_app_tab", () => {
-    it("should render a tab with correct content", async () => {
-        // const mockTab = { title: 'Test Tab', url: 'http://example.com/test' };
-        // const mockHTML = '<div id="legacy-content">Test HTML Tab</div>';
-        // // Spy on the global fetch function and provide a custom implementation to simulate a response
-        // jest.spyOn(global, 'fetch').mockImplementation(() =>
-        //   Promise.resolve({
-        //     text: () => Promise.resolve(mockHTML),
-        //   })
-        // );
-        // let container;
-        // await act(async () => {
-        //   const renderResult = render(<Tabs>{create_app_tab({ tab: mockTab })}</Tabs>);
-        //   container = renderResult.container;
-        // });
-        // await screen.findByText('Test HTML Tab');
-        // const innerHTML = container.querySelector('.nav-link.active').innerHTML;
-        // expect(innerHTML).toEqual('Test Tab');
-        // global.fetch.mockRestore();
-    });
-});

nautobot/ui/src/components/__tests__/Apps.test.js

@@ -1,14 +0,0 @@
-import Apps from "../Apps";
-
-// As of now we are not testing any plugin integration; so mock default value would be empty
-jest.mock("@generated/app_imports", () => ({
-    __esModule: true,
-    default: {},
-}));
-
-describe("get_components", () => {
-    it("should return empty object with the expected keys if no plugins found", () => {
-        expect(Apps.FullWidthComponents).toEqual({});
-        expect(Apps.CustomViews).toEqual({});
-    });
-});

nautobot/ui/src/components/__tests__/Layout.test.js

@@ -1,33 +0,0 @@
-// import { render, screen } from "@testing-library/react";
-import { useLocation } from "react-router-dom";
-// import Layout from "../Layout";
-
-jest.mock("react-router-dom", () => ({
-    useLocation: jest.fn(),
-}));
-
-describe("Layout", () => {
-    const mockLocation = { pathname: "/test" };
-    beforeEach(() => {
-        useLocation.mockReturnValue(mockLocation);
-    });
-
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it("should render Menu, Alert, and children", () => {
-        // TODO: Need to setup Redux for Jest: https://redux.js.org/usage/writing-tests#setting-up-a-reusable-test-render-function
-        // render(
-        //     <Layout>
-        //         <div data-testid="child-div">Child Text</div>
-        //     </Layout>
-        // );
-
-        // const alert = screen.getByRole("alert");
-        // expect(alert.innerHTML).toBe("Current route is /test");
-        // const childrenDom = screen.getByTestId("child-div");
-        // expect(childrenDom.innerHTML).toBe("Child Text");
-        expect(true).toBe(true);
-    });
-});

nautobot/ui/src/components/__tests__/PageSizeForm.test.js

@@ -1,13 +0,0 @@
-import { render } from "@testing-library/react";
-import { BrowserRouter } from "react-router-dom";
-import { PageSizeForm } from "@components/Pagination";
-
-it("PageSizeForm", () => {
-    render(
-        <BrowserRouter>
-            <PageSizeForm start={0} end={50} total_count={100} />
-        </BrowserRouter>
-    );
-    // TODO(timizuo): Can test for more things
-    // screen.findByText("Showing 0 - 50 of 100");
-});

nautobot/ui/src/components/__tests__/Pagination.test.js

@@ -1,43 +0,0 @@
-import { render } from "@testing-library/react";
-import { BrowserRouter } from "react-router-dom";
-import { Pagination } from "@components/Pagination";
-
-describe("Pagination", () => {
-    it("renders the pagination form with correct start and end range", () => {
-        const data_count = 30;
-        const page_size = 10;
-        const active_page = 1;
-        const url = "https://example.com/list";
-
-        render(
-            <BrowserRouter>
-                <Pagination
-                    url={url}
-                    data_count={data_count}
-                    page_size={page_size}
-                    active_page={active_page}
-                />
-            </BrowserRouter>
-        );
-
-        // const allPaginationButton = document.evaluate('//*[contains(@class, "page-link")]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
-        // const firstPageButton = allPaginationButton.snapshotItem(0)
-        // const totalBtn = allPaginationButton.snapshotLength
-        // const lastPageButton = allPaginationButton.snapshotItem(totalBtn-1)
-        // const pageOneButton = allPaginationButton.snapshotItem(1)
-        // const pageTwoButton = allPaginationButton.snapshotItem(2)
-        // const pageThreeButton = allPaginationButton.snapshotItem(3)
-
-        // // Assert we only have 5 buttons, i.e First, 1, 2, 3 and Last
-        // expect(allPaginationButton.snapshotLength).toBe(5)
-
-        // Assert all has approriate href links
-        // expect(firstPageButton.getAttribute("href")).toBe("https://example.com/list?limit=10&offset=0")
-        // expect(pageOneButton.getAttribute("href")).toBe("https://example.com/list?limit=10&offset=0")
-        // expect(pageTwoButton.getAttribute("href")).toBe("https://example.com/list?limit=10&offset=10")
-        // expect(pageThreeButton.getAttribute("href")).toBe("https://example.com/list?limit=10&offset=20")
-        // expect(lastPageButton.getAttribute("href")).toBe("https://example.com/list?limit=10&offset=20")
-
-        // TODO(timizuo): Include test to get active Button
-    });
-});

nautobot/ui/src/components/__tests__/Table.test.js

@@ -1,39 +0,0 @@
-// import { render, screen } from "@testing-library/react";
-// import { BrowserRouter } from "react-router-dom";
-// import { ObjectTable } from "../ObjectTable";
-
-// const mockHeaders = [
-//     { key: "name", dataIndex: "name", title: "Name" },
-//     { key: "description", dataIndex: "description", title: "Description" },
-// ];
-// const mockData = [
-//     { id: 1, name: "Item 1", description: "Description 1" },
-//     { id: 2, name: "Item 2", description: "Description 2" },
-// ];
-
-// FixMe(timizuo): Cannot test ObjectTable as it implements @nautobot-ui TableRenderer component which
-// is a @emotion/styled component that requires a ThemeProvider i.e <NautobotUIProvider theme={theme}></NautobotUIProvider>
-describe("NautobotTable", () => {
-    it("renders table headers and data", () => {
-        // render(
-        //     <BrowserRouter>
-        //         <ObjectTable
-        //             defaultHeaders={mockHeaders}
-        //             tableHeaders={mockHeaders}
-        //             tableData={mockData}
-        //         />
-        //     </BrowserRouter>
-        // );
-        // Check that table headers are rendered
-        // screen.getByText("Name");
-        // screen.getByText("Description");
-        // // // Check that table data is rendered
-        // screen.getByText("Item 1");
-        // screen.getByText("Description 1");
-        // screen.getByText("Item 2");
-        // screen.getByText("Description 2");
-        // // Check that a checkbox is rendered for each item
-        // const checkboxes = screen.getAllByRole("checkbox");
-        // expect(checkboxes.length).toBe(3);
-    });
-});

nautobot/ui/src/components/__tests__/TableItem.test.js

@@ -1,39 +0,0 @@
-import "@testing-library/jest-dom";
-import React from "react";
-import { render, screen } from "@testing-library/react";
-import { ObjectTableItem } from "../ObjectTable";
-
-describe("TableItem", () => {
-    it("renders em dash when obj is null", () => {
-        const { container } = render(
-            <ObjectTableItem name="test" obj={null} />
-        );
-        expect(container.innerHTML).toBe("—");
-    });
-
-    it("renders span with className=badge when obj is an array", () => {
-        const obj = [{ label: "test", color: "123456" }];
-        render(<ObjectTableItem name="test" obj={obj} />);
-        expect(screen.getByRole("button")).toHaveStyle(
-            `background-color: #${obj[0].color}`
-        );
-        expect(screen.getByRole("button").innerHTML).toBe(obj[0].label);
-    });
-
-    it("renders text when obj is an object", () => {
-        const obj = { display: "test" };
-        const { container } = render(<ObjectTableItem name="test" obj={obj} />);
-        expect(container.innerHTML).toBe(obj.display);
-    });
-
-    it("renders text when obj is a string", () => {
-        const obj = "test";
-        const { container } = render(<ObjectTableItem name="test" obj={obj} />);
-        expect(container.innerHTML).toBe(obj);
-    });
-
-    it("renders em dash when obj is an empty string", () => {
-        const { container } = render(<ObjectTableItem name="test" obj="" />);
-        expect(container.innerHTML).toBe("—");
-    });
-});

nautobot/ui/src/components/index.js

@@ -1,4 +0,0 @@
-// TODO: Export all components in ./component folder
-export { default as AppComponents } from "./Apps";
-export * from "./Retrieve";
-export * from "./ObjectTable";

nautobot/ui/src/constants/apiPath.js

@@ -1,13 +0,0 @@
-export const API_BASE = "/api";
-
-export const API_USER_SESSION_INFO = `${API_BASE}/users/users/session/`;
-export const API_USER_AUTHENTICATE = `${API_BASE}/users/tokens/authenticate/`;
-
-export const API_UI_BASE = `${API_BASE}/ui`;
-export const API_UI_MENU_INFO = `${API_UI_BASE}/get-menu/`;
-export const API_UI_READY_ROUTES = `${API_UI_BASE}/new-ui-ready-routes/`;
-export const API_OBJECT_COUNTS = `${API_UI_BASE}/get-object-counts/`;
-
-export const API_CORE_BASE = `${API_BASE}/core`;
-
-export const AUTH_LOGOUT = "/logout/";

nautobot/ui/src/constants/icons.js

@@ -1,15 +0,0 @@
-import {
-    AutomationIcon,
-    DcimIcon,
-    IpamIcon,
-    PlatformIcon,
-    SecurityIcon,
-} from "@nautobot/nautobot-ui";
-
-export const appContextIcons = {
-    Inventory: DcimIcon,
-    Networks: IpamIcon,
-    Security: SecurityIcon,
-    Automation: AutomationIcon,
-    Platform: PlatformIcon,
-};

nautobot/ui/src/constants/size.js

@@ -1,15 +0,0 @@
-export const GLOBAL_PADDING_TOP = 20;
-export const GLOBAL_PADDING_RIGHT = 20;
-export const GLOBAL_GRID_GAP = 20;
-
-export const HEADER_HEIGHT = 40;
-
-export const SECTION_PADDING = 20;
-export const SECTION_HEADING_HEIGHT = 40;
-export const SECTION_GAP = 20;
-
-export const BREADCRUMBS_HEIGHT = 24;
-
-export const TABS_HEIGHT = 40;
-
-export const FOOTER_HEIGHT = 32;

nautobot/ui/src/file_templates/app_imports.js.j2

@@ -1,7 +0,0 @@
-export const NautobotApps = {
-{% for app in apps %}
-    "{{ app }}": import("@{{ app }}"),
-{% endfor %}
-}
-
-export default NautobotApps

nautobot/ui/src/file_templates/jsconfig-base.json

@@ -1,12 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "paths": {
-            "@components/*": ["src/components/*"],
-            "@constants/*": ["src/constants/*"],
-            "@generated/*": ["generated/*"],
-            "@utils/*": ["src/utils/*"],
-            "@views/*": ["src/views/*"]
-        }
-    }
-}

nautobot/ui/src/index.js

@@ -1,65 +0,0 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import { Provider } from "react-redux";
-import { store } from "@utils/store";
-import { PersistGate } from "redux-persist/integration/react";
-import { persistStore } from "redux-persist";
-
-import reportWebVitals from "./reportWebVitals";
-import App from "./App";
-
-import "@fontsource/ubuntu/400.css";
-import "@fontsource/ubuntu/500.css";
-import "@fontsource/ubuntu-mono/400.css";
-
-// const dev = process.env.NODE_ENV !== "production";
-const container = document.getElementById("root");
-const root = createRoot(container);
-
-let persistor = persistStore(store);
-
-// ===
-// Establish a Global API because the one we create at startup/build time
-//   won't have all of the endpoints. Can't have async/await at the top
-//   so we can't wait to define the entire API until after the first API call
-//
-// TODO: Either investigate dynamic loading API or getting the scheme at startup
-//    Can't tell if the failure to subscribe to events in components is due to dynamic API
-//    or if this pattern won't work
-//
-// -- Imports for this pattern
-// import { rootReducer } from '@utils/store';
-// import { addMiddleware, removeMiddleware } from 'redux-dynamic-middlewares'
-// import { baseApi } from "@utils/apiSlice";
-// import { combineReducers } from 'redux'
-// import sessionReducer from '@utils/session'
-// ---
-//
-// let globalStore = store
-// export let globalApi = baseApi
-
-// function updateStore(newApi) {
-//   globalApi = newApi
-//   globalStore.replaceReducer(combineReducers({
-//     session: sessionReducer,
-//     [globalApi.reducerPath]: globalApi.reducer,
-//   }))
-//   removeMiddleware(baseApi.middleware)
-//   addMiddleware(globalApi.middleware)
-// }
-/// ===
-
-root.render(
-    <React.StrictMode>
-        <Provider store={store}>
-            <PersistGate loading={null} persistor={persistor}>
-                <App />
-            </PersistGate>
-        </Provider>
-    </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

nautobot/ui/src/reportWebVitals.js

@@ -1,15 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import("web-vitals").then(
-            ({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-                getCLS(onPerfEntry);
-                getFID(onPerfEntry);
-                getFCP(onPerfEntry);
-                getLCP(onPerfEntry);
-                getTTFB(onPerfEntry);
-            }
-        );
-    }
-};
-
-export default reportWebVitals;

nautobot/ui/src/router.js

@@ -1,77 +0,0 @@
-import { Navigate, useRoutes } from "react-router-dom";
-import { useSelector } from "react-redux";
-import { isLoggedInSelector } from "@utils/store";
-import CreateView from "@views/generic/ObjectCreate";
-import DetailView from "@views/generic/ObjectRetrieve";
-import ListView from "@views/generic/ObjectList";
-import Home from "@views/Home";
-import InstalledApps from "@views/InstalledApps";
-import Login from "@views/Login";
-import Logout from "@views/Logout";
-import { getPluginRoutes } from "@utils";
-
-export default function NautobotRouter() {
-    const isLoggedIn = useSelector(isLoggedInSelector);
-
-    return useRoutes([
-        {
-            path: "/login/",
-            element: !isLoggedIn ? <Login /> : <Navigate to="/" />,
-        },
-        {
-            path: "/logout/",
-            element: isLoggedIn ? <Logout /> : <Navigate to="/login/" />,
-        },
-        {
-            path: "/",
-            element: !isLoggedIn && <Navigate to="/login/" />,
-            children: [
-                {
-                    path: "",
-                    element: <Home />,
-                    children: [],
-                },
-                {
-                    path: "/:app_label/:model_name/",
-                    element: <ListView />,
-                    children: [],
-                },
-                {
-                    path: "/:app_label/:model_name/add/",
-                    element: <CreateView />,
-                    children: [],
-                },
-                {
-                    path: "/:app_label/:model_name/:object_id/",
-                    element: <DetailView />,
-                    children: [],
-                },
-                {
-                    path: "/plugins/",
-                    children: [
-                        {
-                            path: "installed-plugins/",
-                            element: <InstalledApps />,
-                        },
-                        {
-                            path: ":app_label/:model_name/",
-                            element: <ListView />,
-                            children: [],
-                        },
-                        {
-                            path: ":app_label/:model_name/add/",
-                            element: <CreateView />,
-                            children: [],
-                        },
-                        {
-                            path: ":app_label/:model_name/:object_id/",
-                            element: <DetailView />,
-                            children: [],
-                        },
-                        ...getPluginRoutes(),
-                    ],
-                },
-            ],
-        },
-    ]);
-}