@campxdev/shared 1.10.39 → 1.10.41

package/src/components/Tables/BasicTable/TableFooter.tsx

@@ -1,86 +1,86 @@
-import { Box, Typography } from '@mui/material'
-import DropDownButton from '../../DropDownButton/DropDownButton'
-import { StyledPagination, StyledTableFooter } from '../common/styles'
-import TableStats from '../common/TableStats'
-
-interface TableFooterProps {
-  totalCount: number
-  limit: number
-  handlePagination: (v: number) => void
-  page: number
-  handlePageLimit?: (v: number) => void
-}
-
-export default function TableFooter({
-  totalCount,
-  limit,
-  handlePagination,
-  page,
-  handlePageLimit,
-}: TableFooterProps) {
-  const onChange = (v: number) => {
-    handlePagination(v)
-  }
-  return (
-    <StyledTableFooter>
-      <TableStats limit={limit} totalCount={totalCount} page={page} />
-      <StyledPagination
-        page={page}
-        count={Math.ceil(totalCount / limit)}
-        onChange={(e, v) => onChange(v)}
-        variant="outlined"
-        shape="rounded"
-      />
-      {handlePageLimit ? (
-        <LimitField handlePageLimit={handlePageLimit} limit={limit} />
-      ) : (
-        <Box></Box>
-      )}
-    </StyledTableFooter>
-  )
-}
-
-const LimitField = ({ handlePageLimit, limit }) => {
-  return (
-    <Box>
-      <DropDownButton
-        button={{
-          buttonProps: {
-            variant: 'outlined',
-            color: 'secondary',
-            sx: {
-              padding: '0px 10px',
-              color: '#121212',
-              fontSize: '13px',
-              border: '1px solid #1212121A',
-            },
-          },
-          label: `${limit} / page`,
-        }}
-        menu={[
-          {
-            label: 10,
-            onClick: () => handlePageLimit(10),
-          },
-
-          {
-            label: 20,
-            onClick: () => handlePageLimit(20),
-          },
-          {
-            label: 30,
-            onClick: () => handlePageLimit(30),
-          },
-          {
-            label: 50,
-            onClick: () => handlePageLimit(50),
-          },
-          {
-            label: 100,
-            onClick: () => handlePageLimit(100),
-          },
-        ]}
-      />
-    </Box>
-  )
-}
+import { Box, Typography } from '@mui/material'
+import DropDownButton from '../../DropDownButton/DropDownButton'
+import { StyledPagination, StyledTableFooter } from '../common/styles'
+import TableStats from '../common/TableStats'
+
+interface TableFooterProps {
+  totalCount: number
+  limit: number
+  handlePagination: (v: number) => void
+  page: number
+  handlePageLimit?: (v: number) => void
+}
+
+export default function TableFooter({
+  totalCount,
+  limit,
+  handlePagination,
+  page,
+  handlePageLimit,
+}: TableFooterProps) {
+  const onChange = (v: number) => {
+    handlePagination(v)
+  }
+  return (
+    <StyledTableFooter>
+      <TableStats limit={limit} totalCount={totalCount} page={page} />
+      <StyledPagination
+        page={page}
+        count={Math.ceil(totalCount / limit)}
+        onChange={(e, v) => onChange(v)}
+        variant="outlined"
+        shape="rounded"
+      />
+      {handlePageLimit ? (
+        <LimitField handlePageLimit={handlePageLimit} limit={limit} />
+      ) : (
+        <Box></Box>
+      )}
+    </StyledTableFooter>
+  )
+}
+
+const LimitField = ({ handlePageLimit, limit }) => {
+  return (
+    <Box>
+      <DropDownButton
+        button={{
+          buttonProps: {
+            variant: 'outlined',
+            color: 'secondary',
+            sx: {
+              padding: '0px 10px',
+              color: '#121212',
+              fontSize: '13px',
+              border: '1px solid #1212121A',
+            },
+          },
+          label: `${limit} / page`,
+        }}
+        menu={[
+          {
+            label: 10,
+            onClick: () => handlePageLimit(10),
+          },
+
+          {
+            label: 20,
+            onClick: () => handlePageLimit(20),
+          },
+          {
+            label: 30,
+            onClick: () => handlePageLimit(30),
+          },
+          {
+            label: 50,
+            onClick: () => handlePageLimit(50),
+          },
+          {
+            label: 100,
+            onClick: () => handlePageLimit(100),
+          },
+        ]}
+      />
+    </Box>
+  )
+}

package/src/components/Tables/BasicTable/index.tsx

@@ -1 +1 @@
-export { default } from './Table'
+export { default } from './Table'

package/src/components/Tables/ReactTable/BatchActionsHeader.tsx

@@ -1,58 +1,58 @@
-import { Box, Typography } from '@mui/material'
-import DropDownButton from '../../DropDownButton'
-import {
-  StyledActionIconButton,
-  StyledActionsRow,
-  StyledTableActionsHeader,
-} from '../common/styles'
-
-export default function BatchActionsHeader({
-  selectedRowIds,
-  actions,
-  clearSelection,
-}) {
-  const ids = Object?.keys(selectedRowIds)
-  const rowActions = actions?.filter((item) => !item?.dropdown)
-  const dropDownActions = actions?.filter((item) => item?.dropdown)
-
-  if (!ids?.length) return null
-  return (
-    <StyledTableActionsHeader>
-      <Typography variant="subtitle1">
-        Selected <span>{ids?.length}</span> rows
-      </Typography>
-      <RowActions actions={rowActions} ids={ids} clear={clearSelection} />
-      <DropDownActions
-        actions={dropDownActions}
-        ids={ids}
-        clear={clearSelection}
-      />
-    </StyledTableActionsHeader>
-  )
-}
-
-const RowActions = ({ actions, ids, clear }) => {
-  if (!actions?.length) return null
-
-  return (
-    <StyledActionsRow>
-      {actions?.map(({ component }, index) => (
-        <Box key={index}>{component(ids, clear)}</Box>
-      ))}
-    </StyledActionsRow>
-  )
-}
-const DropDownActions = ({ actions, ids, clear }) => {
-  if (!actions?.length) return null
-  return (
-    <DropDownButton
-      icon={{
-        icon: <StyledActionIconButton />,
-      }}
-      menu={actions?.map((action) => ({
-        ...action,
-        // onClick: () => action?.onClick(ids, clear),
-      }))}
-    />
-  )
-}
+import { Box, Typography } from '@mui/material'
+import DropDownButton from '../../DropDownButton'
+import {
+  StyledActionIconButton,
+  StyledActionsRow,
+  StyledTableActionsHeader,
+} from '../common/styles'
+
+export default function BatchActionsHeader({
+  selectedRowIds,
+  actions,
+  clearSelection,
+}) {
+  const ids = Object?.keys(selectedRowIds)
+  const rowActions = actions?.filter((item) => !item?.dropdown)
+  const dropDownActions = actions?.filter((item) => item?.dropdown)
+
+  if (!ids?.length) return null
+  return (
+    <StyledTableActionsHeader>
+      <Typography variant="subtitle1">
+        Selected <span>{ids?.length}</span> rows
+      </Typography>
+      <RowActions actions={rowActions} ids={ids} clear={clearSelection} />
+      <DropDownActions
+        actions={dropDownActions}
+        ids={ids}
+        clear={clearSelection}
+      />
+    </StyledTableActionsHeader>
+  )
+}
+
+const RowActions = ({ actions, ids, clear }) => {
+  if (!actions?.length) return null
+
+  return (
+    <StyledActionsRow>
+      {actions?.map(({ component }, index) => (
+        <Box key={index}>{component(ids, clear)}</Box>
+      ))}
+    </StyledActionsRow>
+  )
+}
+const DropDownActions = ({ actions, ids, clear }) => {
+  if (!actions?.length) return null
+  return (
+    <DropDownButton
+      icon={{
+        icon: <StyledActionIconButton />,
+      }}
+      menu={actions?.map((action) => ({
+        ...action,
+        // onClick: () => action?.onClick(ids, clear),
+      }))}
+    />
+  )
+}