@campxdev/react-blueprint 1.1.5 → 1.1.7

package/src/components/DataDisplay/Accordion/utils/StandardImageList.tsx

@@ -1,70 +0,0 @@
-import ImageList from "@mui/material/ImageList";
-import ImageListItem from "@mui/material/ImageListItem";
-
-export default function StandardImageList() {
-  return (
-    <ImageList sx={{ width: 500, height: 450 }} cols={3} rowHeight={164}>
-      {itemData.map((item) => (
-        <ImageListItem key={item.img}>
-          <img
-            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
-            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
-            alt={item.title}
-            loading="lazy"
-          />
-        </ImageListItem>
-      ))}
-    </ImageList>
-  );
-}
-
-const itemData = [
-  {
-    img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e",
-    title: "Breakfast",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d",
-    title: "Burger",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45",
-    title: "Camera",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c",
-    title: "Coffee",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8",
-    title: "Hats",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62",
-    title: "Honey",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6",
-    title: "Basketball",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f",
-    title: "Fern",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25",
-    title: "Mushrooms",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af",
-    title: "Tomato basil",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1",
-    title: "Sea star",
-  },
-  {
-    img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6",
-    title: "Bike",
-  },
-];

package/src/components/Navigation/Sidebar/DropdownItem.tsx

@@ -1,34 +0,0 @@
-import { useMatch, useResolvedPath } from "react-router-dom";
-import { Typography } from "../../export";
-import { DropdownMenuItem } from "./interfaces";
-import { createSidebarStyles } from "./styles";
-
-export const SidebarDropdownItem = ({
-  dropdownItem,
-  collapsed,
-  index,
-}: {
-  dropdownItem: DropdownMenuItem;
-  collapsed: boolean;
-  index: number;
-}) => {
-  const { name, path, permissionKey } = dropdownItem;
-
-  let resolved = useResolvedPath(path);
-  let match = useMatch({ path: resolved.pathname, end: false });
-
-  const { StyledListItem, StyledLinkButton, StyledListItemButton } =
-    createSidebarStyles(collapsed);
-
-  return (
-    <StyledListItem key={index} disablePadding className="listItem">
-      <StyledLinkButton to={path} match={match}>
-        {!collapsed && (
-          <StyledListItemButton collapsed={collapsed}>
-            <Typography variant="button1">{name}</Typography>
-          </StyledListItemButton>
-        )}
-      </StyledLinkButton>
-    </StyledListItem>
-  );
-};

package/src/stories/DataDisplay/Accordion.stories.tsx

@@ -1,62 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react/*";
-import { Accordion } from "../../components/DataDisplay/Accordion/Accordion";
-import StandardImageList from "../../components/DataDisplay/Accordion/utils/StandardImageList";
-
-const meta: Meta<typeof Accordion> = {
-  title: "DataDisplay/Accordion",
-  component: Accordion,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Accordion>;
-
-const primaryData = [
-  {
-    title: "Accordion 1",
-    content:
-      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
-  },
-  {
-    title: "Accordion 2",
-    content:
-      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
-  },
-  {
-    title: "Accordion 3",
-    content:
-      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
-  },
-  {
-    title: "Accordion 4",
-    content:
-      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.",
-  },
-];
-
-const SecondaryData = [
-  {
-    title: "Accordion 1",
-    content: <StandardImageList />,
-  },
-  {
-    title: "Accordion 2",
-    content: <StandardImageList />,
-  },
-  {
-    title: "Accordion 3",
-    content: <StandardImageList />,
-  },
-  {
-    title: "Accordion 4",
-    content: <StandardImageList />,
-  },
-];
-
-export const Primary: Story = {
-  args: { data: primaryData },
-};
-
-export const Secondary: Story = {
-  args: { data: SecondaryData },
-};