@databiosphere/findable-ui 20.0.0 → 21.0.0

package/src/components/Table/components/CheckboxMenu/checkboxMenu.stories.tsx

@@ -1,54 +0,0 @@
-import { ComponentMeta, ComponentStory } from "@storybook/react";
-import React from "react";
-import { CheckboxMenu } from "./checkboxMenu";
-
-export default {
-  argTypes: {
-    label: { control: "text" },
-    onReset: { control: { disabled: true } },
-    options: { control: "array" },
-  },
-  component: CheckboxMenu,
-  title: "Components/Common/Menu/CheckboxMenu",
-} as ComponentMeta<typeof CheckboxMenu>;
-
-const CheckboxMenuTemplate: ComponentStory<typeof CheckboxMenu> = (args) => (
-  <CheckboxMenu {...args} />
-);
-
-const onChange = (): void => {
-  // onChange function
-};
-
-const onReset = (): void => {
-  // onReset function
-};
-
-export const CheckboxMenuStory = CheckboxMenuTemplate.bind({});
-CheckboxMenuStory.args = {
-  label: "Options",
-  onReset: onReset,
-  options: [
-    {
-      checked: true,
-      disabled: true,
-      label: "Item 1",
-      onChange,
-      value: "item_1",
-    },
-    {
-      checked: false,
-      disabled: false,
-      label: "Item 2",
-      onChange,
-      value: "item_2",
-    },
-    {
-      checked: true,
-      disabled: false,
-      label: "Item 3",
-      onChange,
-      value: "item_3",
-    },
-  ],
-};

package/src/components/Table/components/CheckboxMenu/checkboxMenu.styles.ts

@@ -1,22 +0,0 @@
-import styled from "@emotion/styled";
-import { Menu as MMenu } from "@mui/material";
-
-export const Menu = styled(MMenu)`
-  .MuiPaper-menu {
-    margin: 4px 0;
-  }
-
-  // List item button
-  .MuiListItemButton-root {
-    gap: 8px;
-  }
-
-  // List item
-  .MuiListItem-root {
-    padding: 10px 16px;
-  }
-
-  .MuiListItemButton-root.Mui-disabled {
-    opacity: 1;
-  }
-`;

package/src/components/Table/components/CheckboxMenu/checkboxMenu.tsx

@@ -1,87 +0,0 @@
-import {
-  Checkbox,
-  ListItem,
-  ListItemButton,
-  ListItemText,
-} from "@mui/material";
-import React, { MouseEvent, useState } from "react";
-import { ButtonTextPrimary } from "../../../common/Button/components/ButtonTextPrimary/buttonTextPrimary";
-import { DropdownButton } from "../../../common/Button/components/DropdownButton/dropdownButton";
-import { CheckedIcon } from "../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
-import { UncheckedIcon } from "../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
-import { Menu } from "./checkboxMenu.styles";
-
-type MenuListItemOnChangeFn = (event: unknown) => void; // see React Table VisibilityColumn "getToggleVisibilityHandler".
-type onResetFn = () => void; // see React Table VisibilityInstance "resetColumnVisibility".
-
-export interface CheckboxMenuListItem {
-  checked: boolean;
-  disabled?: boolean;
-  label: string;
-  onChange: MenuListItemOnChangeFn;
-  value: string;
-}
-
-export interface CheckboxMenuProps {
-  label: string;
-  onReset: onResetFn;
-  options: CheckboxMenuListItem[];
-}
-
-export const CheckboxMenu = ({
-  label: buttonLabel,
-  onReset,
-  options,
-}: CheckboxMenuProps): JSX.Element => {
-  const [anchorEl, setAnchorEl] = useState<null | HTMLButtonElement>(null);
-  const open = Boolean(anchorEl);
-
-  const onOpenMenu = (event: MouseEvent<HTMLButtonElement>): void => {
-    setAnchorEl(event.currentTarget);
-  };
-
-  const onCloseMenu = (): void => {
-    setAnchorEl(null);
-  };
-
-  return (
-    <>
-      <DropdownButton onClick={onOpenMenu} open={open}>
-        {buttonLabel}
-      </DropdownButton>
-      <Menu
-        anchorEl={anchorEl}
-        anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
-        onClose={onCloseMenu}
-        open={open}
-        slotProps={{ paper: { variant: "menu" } }}
-        transformOrigin={{
-          horizontal: "right",
-          vertical: "top",
-        }}
-      >
-        {options.map(
-          ({ checked, disabled = false, label, onChange, value }) => (
-            <ListItemButton
-              disabled={disabled}
-              key={value}
-              onClick={onChange}
-              role={undefined}
-            >
-              <Checkbox
-                checked={checked}
-                checkedIcon={<CheckedIcon />}
-                disabled={disabled}
-                icon={<UncheckedIcon />}
-              />
-              <ListItemText disableTypography primary={<span>{label}</span>} />
-            </ListItemButton>
-          )
-        )}
-        <ListItem component="div">
-          <ButtonTextPrimary onClick={onReset}>Reset</ButtonTextPrimary>
-        </ListItem>
-      </Menu>
-    </>
-  );
-};

package/src/components/Table/features/constants.ts

@@ -1,10 +0,0 @@
-import { PaginationState } from "@tanstack/react-table";
-
-/**
- * Default TanStack pagination state.
- * See https://tanstack.com/table/latest/docs/guide/custom-features#getinitialstate.
- */
-export const DEFAULT_PAGINATION: PaginationState = {
-  pageIndex: 0,
-  pageSize: 10,
-};

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

@@ -1,25 +0,0 @@
-import { RowData } from "@tanstack/react-table";
-import { ColumnConfig } from "../../../config/entities";
-import { RowSelectionCell } from "../../Table/components/TableCell/components/RowSelectionCell/rowSelectionCell";
-
-export const ACCESSOR_KEYS = {
-  ROW_POSITION: "rowPosition",
-  SELECT: "select",
-};
-
-export const COLUMN_CONFIGS: Record<string, ColumnConfig<RowData>> = {
-  SELECT: {
-    columnPinned: false,
-    columnVisible: false,
-    componentConfig: { component: RowSelectionCell },
-    disableHiding: true,
-    enableGrouping: false,
-    enableSorting: false,
-    header: ACCESSOR_KEYS.SELECT,
-    id: ACCESSOR_KEYS.SELECT,
-    meta: {
-      header: "",
-    },
-    width: "max-content",
-  },
-};