@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Tables/Progress/TableToolbar.js

@@ -1,134 +0,0 @@
-import { useMemo } from 'react';
-import { ReactQuery } from "@nualang/nualang-api-and-queries/Queries";
-import PrintIcon from "@mui/icons-material/Print";
-import RefreshIcon from "@mui/icons-material/Refresh";
-import DownloadIcon from "@mui/icons-material/Download";
-import { Box, Grid, MenuItem, TextField, IconButton, Tooltip } from "@mui/material";
-import SelectMembers from "./SelectMembers";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TableToolbar = ({
-  t,
-  members,
-  selectedMembers,
-  setSelectedMembers,
-  generateOverview,
-  reportFilters,
-  filter,
-  setFilter,
-  reportTypes,
-  setReportType,
-  reportType,
-  currentView,
-  memberId
-}) => {
-  const {
-    useQueryClient
-  } = ReactQuery;
-  const queryClient = useQueryClient();
-  const sortedMembers = useMemo(() => [...members].sort((a, b) => (a.username || "").localeCompare(b.username || "")), [members]);
-  const reportFilterOptions = reportFilters.map((r, idx) => /*#__PURE__*/_jsx(MenuItem, {
-    value: r,
-    children: t(r)
-  }, `classroomreportfilter_${idx}`));
-  const reportTypeOptions = reportTypes.map((r, idx) => /*#__PURE__*/_jsx(MenuItem, {
-    value: r,
-    children: t(r)
-  }, `classroomreporttype_${idx}`));
-  return /*#__PURE__*/_jsxs(Grid, {
-    container: true,
-    spacing: 1,
-    sx: {
-      mb: 2,
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      flexWrap: "wrap",
-      "@media print": {
-        display: "none"
-      }
-    },
-    children: [/*#__PURE__*/_jsx(Grid, {
-      children: /*#__PURE__*/_jsx(TextField, {
-        select: true,
-        id: "report_type",
-        name: t("report_type"),
-        "data-cy": "report_type",
-        label: t("report_type"),
-        value: reportType,
-        onChange: e => setReportType(e.target.value),
-        margin: "dense",
-        variant: "outlined",
-        sx: {
-          minWidth: 250
-        },
-        children: reportTypeOptions
-      })
-    }), currentView !== "topic" && currentView !== "roleplay" && reportType !== "discuss" && currentView !== "assignment-topic" && /*#__PURE__*/_jsx(Grid, {
-      children: /*#__PURE__*/_jsx(TextField, {
-        select: true,
-        id: "report_views",
-        name: t("report_views"),
-        "data-cy": "report_views",
-        label: t("report_views"),
-        value: filter,
-        onChange: e => setFilter(e.target.value),
-        margin: "dense",
-        variant: "outlined",
-        sx: {
-          minWidth: 250
-        },
-        children: reportFilterOptions
-      })
-    }), reportType !== "discuss" && !memberId && /*#__PURE__*/_jsx(Grid, {
-      sx: {
-        mt: 0.5,
-        mr: 1
-      },
-      children: /*#__PURE__*/_jsx(SelectMembers, {
-        t: t,
-        members: sortedMembers,
-        selectedMembers: selectedMembers,
-        setSelectedMembers: setSelectedMembers
-      })
-    }), /*#__PURE__*/_jsx(Box, {
-      sx: {
-        flexGrow: 1
-      }
-    }), reportType !== "discuss" && !memberId && /*#__PURE__*/_jsx(Grid, {
-      children: /*#__PURE__*/_jsxs(Grid, {
-        container: true,
-        spacing: 1,
-        children: [/*#__PURE__*/_jsx(Grid, {
-          children: /*#__PURE__*/_jsx(Tooltip, {
-            title: t("refresh"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: () => {
-                queryClient.invalidateQueries({
-                  queryKey: ["memberCourseProgress"]
-                });
-              },
-              children: /*#__PURE__*/_jsx(RefreshIcon, {})
-            })
-          })
-        }), /*#__PURE__*/_jsx(Grid, {
-          children: /*#__PURE__*/_jsx(Tooltip, {
-            title: t("download"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: () => generateOverview(filter),
-              children: /*#__PURE__*/_jsx(DownloadIcon, {})
-            })
-          })
-        }), /*#__PURE__*/_jsx(Grid, {
-          children: /*#__PURE__*/_jsx(Tooltip, {
-            title: t("print"),
-            children: /*#__PURE__*/_jsx(IconButton, {
-              onClick: () => window.print(),
-              children: /*#__PURE__*/_jsx(PrintIcon, {})
-            })
-          })
-        })]
-      })
-    })]
-  });
-};
-export default TableToolbar;

package/dist/Tables/Progress/TableToolbar.test.js

@@ -1,69 +0,0 @@
-import { render, screen, fireEvent } from "@testing-library/react";
-import { describe, it, expect, vi } from "vitest";
-import { ReactQuery } from "@nualang/nualang-api-and-queries/Queries";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
-import TableToolbar from "./TableToolbar";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  QueryClient,
-  QueryClientProvider
-} = ReactQuery;
-function renderWithProviders(ui) {
-  const queryClient = new QueryClient();
-  const theme = createTheme();
-  return render(/*#__PURE__*/_jsx(QueryClientProvider, {
-    client: queryClient,
-    children: /*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: ui
-    })
-  }));
-}
-describe("TableToolbar", () => {
-  const defaultProps = {
-    t: key => key,
-    members: [],
-    selectedMembers: [],
-    setSelectedMembers: vi.fn(),
-    generateOverview: vi.fn(),
-    reportFilters: ["view1", "view2"],
-    filter: "view1",
-    setFilter: vi.fn(),
-    reportTypes: ["type1", "type2"],
-    setReportType: vi.fn(),
-    reportType: "type1",
-    currentView: "all_courses",
-    memberId: null
-  };
-  it("renders report type selector", () => {
-    renderWithProviders(/*#__PURE__*/_jsx(TableToolbar, {
-      ...defaultProps
-    }));
-    // MUI may render multiple nodes for a labelled control; assert existence
-    const elems = screen.getAllByLabelText("report_type");
-    expect(elems.length).toBeGreaterThan(0);
-  });
-  it("renders view selector when appropriate", () => {
-    renderWithProviders(/*#__PURE__*/_jsx(TableToolbar, {
-      ...defaultProps
-    }));
-    const elems = screen.getAllByLabelText("report_views");
-    expect(elems.length).toBeGreaterThan(0);
-  });
-  it("calls setReportType when changed", () => {
-    const {
-      container
-    } = renderWithProviders(/*#__PURE__*/_jsx(TableToolbar, {
-      ...defaultProps
-    }));
-    // target the native input that MUI creates for the select
-    const nativeInput = container.querySelector('input[name="report_type"]');
-    expect(nativeInput).not.toBeNull();
-    fireEvent.change(nativeInput, {
-      target: {
-        value: "type2"
-      }
-    });
-    expect(defaultProps.setReportType).toHaveBeenCalledWith("type2");
-  });
-});