refactor(web): remove typescript

packages/web/src/components/PermissionCatalogField/PermissionCatalogFieldLoader/index.jsx

@@ -12,7 +12,6 @@ import {
 } from '@mui/material';
 import SettingsIcon from '@mui/icons-material/Settings';
 import ControlledCheckbox from 'components/ControlledCheckbox';
-
 const PermissionCatalogFieldLoader = () => {
   return (
     <TableContainer>
@@ -57,5 +56,4 @@ const PermissionCatalogFieldLoader = () => {
     </TableContainer>
   );
 };
-
 export default PermissionCatalogFieldLoader;

packages/web/src/components/PermissionCatalogField/PermissionSettings.ee.jsx

@@ -13,22 +13,9 @@ import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
 import * as React from 'react';
 import { useFormContext } from 'react-hook-form';
-
-import { IPermissionCatalog } from 'types';
 import ControlledCheckbox from 'components/ControlledCheckbox';
 import useFormatMessage from 'hooks/useFormatMessage';
-
-type PermissionSettingsProps = {
-  onClose: () => void;
-  fieldPrefix: string;
-  subject: string;
-  open?: boolean;
-  defaultChecked?: boolean;
-  actions: IPermissionCatalog['actions'];
-  conditions: IPermissionCatalog['conditions'];
-};
-
-export default function PermissionSettings(props: PermissionSettingsProps) {
+export default function PermissionSettings(props) {
   const {
     onClose,
     open = false,
@@ -38,10 +25,8 @@ export default function PermissionSettings(props: PermissionSettingsProps) {
     conditions,
     defaultChecked,
   } = props;
-
   const formatMessage = useFormatMessage();
   const { getValues, resetField } = useFormContext();
-
   const cancel = () => {
     for (const action of actions) {
       for (const condition of conditions) {
@@ -49,10 +34,8 @@ export default function PermissionSettings(props: PermissionSettingsProps) {
         resetField(fieldName);
       }
     }
-
     onClose();
   };
-
   const apply = () => {
     for (const action of actions) {
       for (const condition of conditions) {
@@ -61,10 +44,8 @@ export default function PermissionSettings(props: PermissionSettingsProps) {
         resetField(fieldName, { defaultValue: value });
       }
     }
-
     onClose();
   };
-
   return (
     <Dialog
       open
@@ -124,7 +105,7 @@ export default function PermissionSettings(props: PermissionSettingsProps) {
                             defaultValue={defaultChecked}
                             disabled={
                               getValues(
-                                `${fieldPrefix}.${action.key}.value`
+                                `${fieldPrefix}.${action.key}.value`,
                               ) !== true
                             }
                           />

packages/web/src/components/PermissionCatalogField/index.ee.jsx

@@ -10,28 +10,18 @@ import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
 import * as React from 'react';
-
 import ControlledCheckbox from 'components/ControlledCheckbox';
 import usePermissionCatalog from 'hooks/usePermissionCatalog.ee';
 import PermissionSettings from './PermissionSettings.ee';
 import PermissionCatalogFieldLoader from './PermissionCatalogFieldLoader';
-
-type PermissionCatalogFieldProps = {
-  name?: string;
-  disabled?: boolean;
-  defaultChecked?: boolean;
-};
-
 const PermissionCatalogField = ({
   name = 'permissions',
   disabled = false,
   defaultChecked = false,
-}: PermissionCatalogFieldProps) => {
+}) => {
   const { permissionCatalog, loading } = usePermissionCatalog();
-  const [dialogName, setDialogName] = React.useState<string>();
-
+  const [dialogName, setDialogName] = React.useState();
   if (loading) return <PermissionCatalogFieldLoader />;
-
   return (
     <TableContainer component={Paper}>
       <Table>
@@ -114,5 +104,4 @@ const PermissionCatalogField = ({
     </TableContainer>
   );
 };
-
 export default PermissionCatalogField;