@databiosphere/findable-ui 50.6.1 → 50.7.1

package/src/components/common/CustomIcon/components/UnLinkIcon/unLinkIcon.tsx

@@ -1,18 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-export const UnLinkIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M11.4561 9.52501L10.2373 8.325H11.0196C11.2123 8.325 11.3738 8.38968 11.5042 8.51905C11.6346 8.64843 11.6998 8.80875 11.6998 9C11.6998 9.11245 11.6748 9.21253 11.6248 9.30001C11.5748 9.38749 11.5123 9.46246 11.4373 9.52501H11.4561ZM14.8873 15.825C14.7498 15.9625 14.5904 16.0312 14.4092 16.0312C14.2279 16.0312 14.0685 15.9625 13.9311 15.825L2.15605 4.06874C2.01856 3.93124 1.94981 3.77187 1.94981 3.59062C1.94981 3.40937 2.01856 3.25 2.15605 3.11249C2.29355 2.97499 2.45293 2.90625 2.63418 2.90625C2.81543 2.90625 2.97481 2.97499 3.1123 3.11249L14.8873 14.8875C15.0248 15.025 15.0935 15.1812 15.0935 15.3562C15.0935 15.5313 15.0248 15.6875 14.8873 15.825ZM5.3998 12.6C4.4038 12.6 3.5548 12.249 2.8528 11.547C2.1508 10.845 1.7998 9.99598 1.7998 9C1.7998 8.20087 2.03731 7.48855 2.51231 6.86305C2.9873 6.23768 3.6623 5.74374 4.53731 5.38125L5.8498 6.75H5.41855C4.78105 6.75 4.24356 6.96874 3.80606 7.40625C3.36856 7.84375 3.1498 8.37499 3.1498 9C3.1498 9.625 3.36856 10.1563 3.80606 10.5938C4.24356 11.0313 4.77481 11.25 5.3998 11.25H7.4248C7.61605 11.25 7.77636 11.3143 7.90575 11.4429C8.03512 11.5715 8.0998 11.7309 8.0998 11.9211C8.0998 12.1112 8.03512 12.2719 7.90575 12.4031C7.77636 12.5343 7.61605 12.6 7.4248 12.6H5.3998ZM6.97274 9.67495C6.78661 9.67495 6.62793 9.61069 6.49668 9.48208C6.36543 9.35347 6.2998 9.19408 6.2998 9.00391C6.2998 8.81381 6.3645 8.65312 6.49387 8.52187C6.62325 8.39062 6.78355 8.325 6.9748 8.325H7.34981L8.68105 9.67495H6.97274ZM13.6686 11.775C13.5686 11.625 13.5342 11.4594 13.5654 11.2781C13.5966 11.0969 13.6873 10.9563 13.8373 10.8562C14.1498 10.6437 14.3967 10.375 14.5779 10.05C14.7592 9.72499 14.8498 9.37498 14.8498 9C14.8498 8.37499 14.631 7.84375 14.1935 7.40625C13.756 6.96874 13.2248 6.75 12.5998 6.75H10.5748C10.3836 6.75 10.2233 6.68568 10.0938 6.55705C9.96451 6.42844 9.8998 6.26905 9.8998 6.07893C9.8998 5.8888 9.96451 5.72812 10.0938 5.59687C10.2233 5.46563 10.3836 5.4 10.5748 5.4H12.5998C13.5958 5.4 14.4448 5.751 15.1468 6.453C15.8488 7.155 16.1998 8.00399 16.1998 9C16.1998 9.6034 16.0561 10.1667 15.7685 10.69C15.4811 11.2133 15.0873 11.6375 14.5873 11.9625C14.4373 12.0625 14.2716 12.0937 14.0904 12.0563C13.9092 12.0187 13.7685 11.925 13.6686 11.775Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/UncheckedDisabledIcon/uncheckedDisabledIcon.tsx

@@ -1,27 +0,0 @@
-import { SvgIcon, SvgIconProps } from "@mui/material";
-import { JSX } from "react";
-import { PALETTE } from "../../../../../styles/common/constants/palette";
-
-export const UncheckedDisabledIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props
-}: SvgIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M4 0.5H14C15.933 0.5 17.5 2.067 17.5 4V14C17.5 15.933 15.933 17.5 14 17.5H4C2.067 17.5 0.5 15.933 0.5 14V4C0.5 2.067 2.067 0.5 4 0.5Z"
-        stroke={PALETTE.SMOKE_MAIN}
-      />
-      <rect
-        x="0.5"
-        y="0.5"
-        width="17"
-        height="17"
-        rx="3.5"
-        fill={PALETTE.SMOKE_LIGHT}
-        stroke={PALETTE.SMOKE_MAIN}
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon.tsx

@@ -1,27 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom unchecked error icon.
- */
-
-export const UncheckedErrorIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <rect
-        fill="#FED3D1"
-        height="17"
-        rx="3.5"
-        stroke="#B42318"
-        width="17"
-        x="0.5"
-        y="0.5"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/UncheckedIcon/uncheckedIcon.tsx

@@ -1,27 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom unchecked icon.
- */
-
-export const UncheckedIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <rect
-        fill="white"
-        height="17"
-        rx="3.5"
-        stroke="currentColor"
-        width="17"
-        x="0.5"
-        y="0.5"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/UnfoldMoreIcon/unfoldMoreIcon.tsx

@@ -1,22 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom unfold more icon.
- */
-
-export const UnfoldMoreIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M6.1686 6.24453C6.0186 6.09453 5.9436 5.91303 5.9436 5.70003C5.9436 5.48763 6.0186 5.30643 6.1686 5.15643L8.4375 2.88753C8.5251 2.79993 8.6157 2.73753 8.7093 2.70033C8.8029 2.66313 8.8998 2.64453 9 2.64453C9.1002 2.64453 9.2001 2.66313 9.2997 2.70033C9.3999 2.73753 9.4875 2.79993 9.5625 2.88753L11.8314 5.15643C11.9814 5.30643 12.0564 5.48763 12.0564 5.70003C12.0564 5.91303 11.9814 6.09453 11.8314 6.24453C11.6814 6.39453 11.5002 6.46953 11.2878 6.46953C11.0754 6.46953 10.8942 6.39453 10.7442 6.24453L9 4.50033L7.2558 6.24453C7.1058 6.39453 6.9246 6.46953 6.7122 6.46953C6.4998 6.46953 6.3186 6.39453 6.1686 6.24453ZM9 15.4317C8.8998 15.4317 8.8029 15.4098 8.7093 15.366C8.6157 15.3222 8.5251 15.2628 8.4375 15.1878L6.1686 12.9189C6.0186 12.7689 5.9436 12.5877 5.9436 12.3753C5.9436 12.1629 6.0186 11.9817 6.1686 11.8317C6.3186 11.6817 6.4998 11.6067 6.7122 11.6067C6.9246 11.6067 7.1058 11.6817 7.2558 11.8317L9 13.575L10.7442 11.8317C10.8942 11.6817 11.0754 11.6067 11.2878 11.6067C11.5002 11.6067 11.6814 11.6817 11.8314 11.8317C11.9814 11.9817 12.0564 12.1629 12.0564 12.3753C12.0564 12.5877 11.9814 12.7689 11.8314 12.9189L9.5625 15.1878C9.4875 15.2628 9.3999 15.3222 9.2997 15.366C9.2001 15.4098 9.1002 15.4317 9 15.4317Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/UpArrowIcon/upArrowIcon.tsx

@@ -1,21 +0,0 @@
-import { SvgIcon, SvgIconProps } from "@mui/material";
-import { JSX } from "react";
-
-/**
- * Custom up arrow icon.
- */
-
-export const UpArrowIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* SvgIconProps */
-}: SvgIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M8.24985 6.60005L6.07485 8.77505C5.93735 8.91255 5.76235 8.9813 5.54985 8.9813C5.33735 8.9813 5.16235 8.91255 5.02485 8.77505C4.88735 8.63755 4.8186 8.46255 4.8186 8.25005C4.8186 8.03755 4.88735 7.86255 5.02485 7.72505L8.47485 4.27505C8.62485 4.12505 8.79985 4.05005 8.99985 4.05005C9.19985 4.05005 9.37485 4.12505 9.52485 4.27505L12.9749 7.72505C13.1124 7.86255 13.1811 8.03755 13.1811 8.25005C13.1811 8.46255 13.1124 8.63755 12.9749 8.77505C12.8374 8.91255 12.6624 8.9813 12.4499 8.9813C12.2374 8.9813 12.0624 8.91255 11.9249 8.77505L9.74985 6.60005V12.75C9.74985 12.9625 9.67798 13.1407 9.53423 13.2844C9.39048 13.4282 9.21235 13.5 8.99985 13.5C8.78735 13.5 8.60923 13.4282 8.46548 13.2844C8.32173 13.1407 8.24985 12.9625 8.24985 12.75V6.60005Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/WarningIcon/warningIcon.tsx

@@ -1,22 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom warning icon.
- */
-
-export const WarningIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M8.99994 9.7125C9.21234 9.7125 9.39684 9.6342 9.55344 9.4776C9.70944 9.3216 9.78744 9.1374 9.78744 8.925V6.0369C9.78744 5.8245 9.70944 5.6433 9.55344 5.4933C9.39684 5.3433 9.21234 5.2683 8.99994 5.2683C8.78754 5.2683 8.60304 5.3466 8.44644 5.5032C8.29044 5.6592 8.21244 5.8434 8.21244 6.0558V8.9439C8.21244 9.1563 8.29044 9.3375 8.44644 9.4875C8.60304 9.6375 8.78754 9.7125 8.99994 9.7125ZM8.99994 12.7689C9.21234 12.7689 9.39684 12.6969 9.55344 12.5529C9.70944 12.4089 9.78744 12.2181 9.78744 11.9805C9.78744 11.7681 9.70944 11.5839 9.55344 11.4279C9.39684 11.2719 9.21234 11.1939 8.99994 11.1939C8.78754 11.1939 8.60304 11.2719 8.44644 11.4279C8.29044 11.5839 8.21244 11.7681 8.21244 11.9805C8.21244 12.2181 8.29044 12.4089 8.44644 12.5529C8.60304 12.6969 8.78754 12.7689 8.99994 12.7689ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/XIcon/xIcon.tsx

@@ -1,22 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom X icon (socials).
- */
-
-export const XIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M10.1723 8.0327L14.7597 2.7002H13.6727L9.68942 7.33033L6.50801 2.7002H2.83862L7.64954 9.70178L2.83862 15.2937H3.92576L8.13217 10.4041L11.492 15.2937H15.1614L10.1721 8.0327H10.1723ZM8.68335 9.76347L8.1959 9.06627L4.31746 3.51857H5.98724L9.11718 7.99574L9.60463 8.69294L13.6732 14.5126H12.0034L8.68335 9.76373V9.76347Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/CustomIcon/components/YouTubeIcon/youTubeIcon.tsx

@@ -1,22 +0,0 @@
-import { SvgIcon } from "@mui/material";
-import { JSX } from "react";
-import { CustomSVGIconProps } from "../../common/entities";
-
-/**
- * Custom YouTube icon (socials).
- */
-
-export const YouTubeIcon = ({
-  fontSize = "xsmall",
-  viewBox = "0 0 18 18",
-  ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */
-}: CustomSVGIconProps): JSX.Element => {
-  return (
-    <SvgIcon fontSize={fontSize} viewBox={viewBox} {...props}>
-      <path
-        d="M16.3547 5.31523C16.1859 4.64023 15.6515 4.10586 15.0047 3.93711C13.7953 3.59961 9.01405 3.59961 9.01405 3.59961C9.01405 3.59961 4.20468 3.59961 2.9953 3.93711C2.34843 4.10586 1.81405 4.64023 1.6453 5.31523C1.3078 6.49648 1.3078 9.02773 1.3078 9.02773C1.3078 9.02773 1.3078 11.5309 1.6453 12.7402C1.81405 13.4152 2.34843 13.9215 2.9953 14.0902C4.20468 14.3996 9.01405 14.3996 9.01405 14.3996C9.01405 14.3996 13.7953 14.3996 15.0047 14.0902C15.6515 13.9215 16.1859 13.4152 16.3547 12.7402C16.6922 11.5309 16.6922 9.02773 16.6922 9.02773C16.6922 9.02773 16.6922 6.49648 16.3547 5.31523ZM7.43905 11.3059V6.74961L11.4328 9.02773L7.43905 11.3059Z"
-        fill="currentColor"
-      />
-    </SvgIcon>
-  );
-};

package/src/components/common/Dialog/components/DialogTitle/dialogTitle.tsx

@@ -1,26 +0,0 @@
-import { CloseRounded } from "@mui/icons-material";
-import { IconButton, DialogTitle as MDialogTitle } from "@mui/material";
-import { JSX, ReactNode } from "react";
-
-export interface DialogTitleProps {
-  className?: string;
-  onClose?: () => void;
-  title?: ReactNode;
-}
-
-export const DialogTitle = ({
-  className,
-  onClose,
-  title,
-}: DialogTitleProps): JSX.Element => {
-  return (
-    <MDialogTitle className={className}>
-      {title}
-      {onClose && (
-        <IconButton color="ink" edge="end" onClick={onClose} size="xsmall">
-          <CloseRounded />
-        </IconButton>
-      )}
-    </MDialogTitle>
-  );
-};

package/src/components/common/Dialog/dialog.tsx

@@ -1,21 +0,0 @@
-import { Dialog as MDialog, DialogProps as MDialogProps } from "@mui/material";
-import { JSX, ReactNode } from "react";
-
-export interface DialogProps extends MDialogProps {
-  children: ReactNode | ReactNode[];
-  className?: string;
-}
-
-export const Dialog = ({
-  children,
-  className,
-  onClose,
-  open,
-  ...props /* Spread props to allow for Mui Dialog specific prop overrides e.g. "fullWidth". */
-}: DialogProps): JSX.Element => {
-  return (
-    <MDialog className={className} onClose={onClose} open={open} {...props}>
-      {children}
-    </MDialog>
-  );
-};

package/src/components/common/Dialog/hooks/useDialog.ts

@@ -1,28 +0,0 @@
-import { useCallback, useState } from "react";
-
-export interface UseDialog {
-  onClose: () => void;
-  onOpen: () => void;
-  open: boolean;
-}
-
-/**
- * Dialog functionality.
- * @param isOpen - Open state (initial).
- * @returns dialog functionality.
- */
-export const useDialog = (isOpen = false): UseDialog => {
-  const [open, setOpen] = useState<boolean>(isOpen);
-
-  // Closes dialog.
-  const onClose = useCallback((): void => {
-    setOpen(false);
-  }, []);
-
-  // Opens dialog
-  const onOpen = useCallback((): void => {
-    setOpen(true);
-  }, []);
-
-  return { onClose, onOpen, open };
-};

package/src/components/common/Dot/dot.styles.ts

@@ -1,12 +0,0 @@
-import styled from "@emotion/styled";
-import { PALETTE } from "../../../styles/common/constants/palette";
-
-export const DotSeparator = styled("span")`
-  align-self: center;
-  background-color: ${PALETTE.INK_LIGHT};
-  border-radius: 50%;
-  display: block;
-  flex: none;
-  height: 4px;
-  width: 4px;
-`;

package/src/components/common/Dot/dot.tsx

@@ -1,7 +0,0 @@
-import { JSX } from "react";
-import { BaseComponentProps } from "../../types";
-import { DotSeparator } from "./dot.styles";
-
-export const Dot = ({ className }: BaseComponentProps): JSX.Element => {
-  return <DotSeparator className={className} />;
-};

package/src/components/common/Drawer/components/DrawerTitle/drawerTitle.styles.ts

@@ -1,12 +0,0 @@
-import styled from "@emotion/styled";
-
-export const DrawerTitle = styled.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: 14px 24px;
-
-  .MuiIconButton-root {
-    margin-right: -12px;
-  }
-`;

package/src/components/common/Drawer/components/DrawerTitle/drawerTitle.tsx

@@ -1,27 +0,0 @@
-import { CloseRounded } from "@mui/icons-material";
-import { IconButton } from "@mui/material";
-import { JSX, ReactNode } from "react";
-import { DrawerTitle as Title } from "./drawerTitle.styles";
-
-export interface DrawerTitleProps {
-  className?: string;
-  onClose?: () => void;
-  title?: ReactNode;
-}
-
-export const DrawerTitle = ({
-  className,
-  onClose,
-  title,
-}: DrawerTitleProps): JSX.Element => {
-  return (
-    <Title className={className}>
-      {title}
-      {onClose && (
-        <IconButton color="ink" edge="end" onClick={onClose} size="xsmall">
-          <CloseRounded color="inkLight" fontSize="small" />
-        </IconButton>
-      )}
-    </Title>
-  );
-};

package/src/components/common/Drawer/components/drawer.styles.ts

@@ -1,6 +0,0 @@
-import styled from "@emotion/styled";
-
-export const DrawerContent = styled.div`
-  overflow-y: auto;
-  overscroll-behavior: none;
-`;

package/src/components/common/Drawer/drawer.tsx

@@ -1,21 +0,0 @@
-import { Drawer as MDrawer, DrawerProps as MDrawerProps } from "@mui/material";
-import { JSX, ReactNode } from "react";
-
-export interface DrawerProps extends MDrawerProps {
-  children?: ReactNode | ReactNode[];
-  className?: string;
-}
-
-export const Drawer = ({
-  children,
-  className,
-  onClose,
-  open,
-  ...props /* Spread props to allow for Mui Drawer specific prop overrides e.g. "hideBackdrop". */
-}: DrawerProps): JSX.Element => {
-  return (
-    <MDrawer className={className} onClose={onClose} open={open} {...props}>
-      {children}
-    </MDrawer>
-  );
-};

package/src/components/common/Drawer/provider/context.ts

@@ -1,8 +0,0 @@
-import { createContext } from "react";
-import { DrawerContextProps } from "./types";
-
-export const DrawerContext = createContext<DrawerContextProps>({
-  onClose: () => {},
-  onOpen: () => {},
-  open: false,
-});

package/src/components/common/Drawer/provider/hook.ts

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { DrawerContext } from "./context";
-import { DrawerContextProps } from "./types";
-
-/**
- * Returns drawer context.
- * @returns drawer context.
- */
-export const useDrawer = (): DrawerContextProps => {
-  return useContext(DrawerContext);
-};

package/src/components/common/Drawer/provider/provider.tsx

@@ -1,19 +0,0 @@
-import { JSX, useCallback, useState } from "react";
-import { DrawerContext } from "./context";
-import { DrawerProviderProps } from "./types";
-
-export function DrawerProvider({ children }: DrawerProviderProps): JSX.Element {
-  const [open, setOpen] = useState<boolean>(false);
-
-  const onClose = useCallback(() => setOpen(false), []);
-
-  const onOpen = useCallback(() => setOpen(true), []);
-
-  return (
-    <DrawerContext.Provider value={{ onClose, onOpen, open }}>
-      {typeof children === "function"
-        ? children({ onClose, onOpen, open })
-        : children}
-    </DrawerContext.Provider>
-  );
-}

package/src/components/common/Drawer/provider/types.ts

@@ -1,12 +0,0 @@
-import { DrawerProps } from "@mui/material";
-import { ReactNode } from "react";
-
-export type DrawerContextProps = Omit<DrawerProps, "onClose"> & {
-  onClose: () => void;
-  onOpen: () => void;
-  open: boolean;
-};
-
-export type DrawerProviderProps = {
-  children: ReactNode | ((props: DrawerContextProps) => ReactNode);
-};

package/src/components/common/DropdownMenu/common/constants.ts

@@ -1,7 +0,0 @@
-import { MenuProps as MMenuProps } from "@mui/material";
-
-export const DEFAULT_DROPDOWN_MENU_PROPS: Partial<MMenuProps> = {
-  anchorOrigin: { horizontal: "right", vertical: "bottom" },
-  slotProps: { paper: { variant: "menu" } },
-  transformOrigin: { horizontal: "right", vertical: "top" },
-};

package/src/components/common/DropdownMenu/common/entities.ts

@@ -1,11 +0,0 @@
-import {
-  ButtonProps as MButtonProps,
-  IconButtonProps as MIconButtonProps,
-} from "@mui/material";
-
-export interface DropdownMenuItemProps {
-  closeMenu: () => void;
-}
-
-export type DropdownMenuButtonProps = MButtonProps & { open?: boolean };
-export type DropdownMenuIconButtonProps = MIconButtonProps & { open?: boolean };

package/src/components/common/DropdownMenu/components/MenuItem/menuItem.tsx

@@ -1,24 +0,0 @@
-import {
-  ListItemText as MListItemText,
-  MenuItem as MMenuItem,
-  MenuItemProps as MMenuItemProps,
-} from "@mui/material";
-import { JSX, ReactNode } from "react";
-
-export interface MenuItemProps extends MMenuItemProps {
-  children: ReactNode;
-  className?: string;
-}
-
-export const MenuItem = ({
-  children,
-  className,
-  onClick,
-  ...props /* Spread props to allow for Mui MenuItem specific prop overrides e.g. "disableGutters". */
-}: MenuItemProps): JSX.Element => {
-  return (
-    <MMenuItem className={className} onClick={onClick} {...props}>
-      <MListItemText disableTypography>{children}</MListItemText>
-    </MMenuItem>
-  );
-};

package/src/components/common/DropdownMenu/dropdownMenu.styles.ts

@@ -1,8 +0,0 @@
-import styled from "@emotion/styled";
-import { Menu as MMenu } from "@mui/material";
-
-export const StyledMenu = styled(MMenu)`
-  .MuiPaper-menu {
-    margin: 4px 0;
-  }
-`;

package/src/components/common/DropdownMenu/dropdownMenu.tsx

@@ -1,52 +0,0 @@
-import { MenuProps as MMenuProps } from "@mui/material";
-import { Fragment, JSX } from "react";
-import { useMenu } from "../Menu/hooks/useMenu";
-import { DEFAULT_DROPDOWN_MENU_PROPS } from "./common/constants";
-import {
-  DropdownMenuButtonProps,
-  DropdownMenuIconButtonProps,
-  DropdownMenuItemProps,
-} from "./common/entities";
-import { StyledMenu } from "./dropdownMenu.styles";
-
-export interface DropdownMenuProps extends Omit<
-  MMenuProps,
-  "children" | "open"
-> {
-  button: (
-    props:
-      | Pick<DropdownMenuButtonProps, "onClick" | "open">
-      | Pick<DropdownMenuIconButtonProps, "onClick" | "open">,
-  ) => JSX.Element;
-  children?: ({ closeMenu }: DropdownMenuItemProps) => JSX.Element[];
-  className?: string;
-}
-
-export const DropdownMenu = ({
-  button,
-  children,
-  className,
-  ...props /* Spread props to allow for Mui Menu specific prop overrides e.g. "anchorOrigin". */
-}: DropdownMenuProps): JSX.Element => {
-  const {
-    anchorEl,
-    onClose: closeMenu,
-    onOpen: openMenu,
-    open,
-  } = useMenu<HTMLButtonElement>();
-  return (
-    <Fragment>
-      {button({ onClick: openMenu, open })}
-      <StyledMenu
-        {...DEFAULT_DROPDOWN_MENU_PROPS}
-        anchorEl={anchorEl}
-        className={className}
-        onClose={closeMenu}
-        open={open}
-        {...props}
-      >
-        {children ? children({ closeMenu }) : null}
-      </StyledMenu>
-    </Fragment>
-  );
-};

package/src/components/common/EllipsisContent/ellipsisContent.styles.ts

@@ -1,24 +0,0 @@
-import { css } from "@emotion/react";
-import styled from "@emotion/styled";
-import { ButtonTextPrimary } from "../Button/components/ButtonTextPrimary/buttonTextPrimary";
-
-interface Props {
-  isEllipsis: boolean;
-  maxLineCount: number;
-}
-
-export const Content = styled("div")<Props>`
-  ${({ isEllipsis, maxLineCount }) =>
-    isEllipsis &&
-    css`
-      -webkit-box-orient: vertical;
-      display: -webkit-box;
-      -webkit-line-clamp: ${maxLineCount};
-      overflow: hidden;
-    `}
-`;
-
-export const Button = styled(ButtonTextPrimary)`
-  align-self: flex-start;
-  margin-top: 8px;
-`;