@ceed/ads 1.7.4-next.1 → 1.7.4

package/dist/components/DataTable/types.d.ts

@@ -140,13 +140,6 @@ export type DataTableProps<T extends Record<PropertyKey, any>, GetId extends ((r
      * MUI에는 없는 인터페이스지만 Total Select 기능이 추가되었기 때문에 추가해야했다.
      */
     isTotalSelected?: boolean) => void;
-    /**
-     * row별로 선택 가능 여부를 결정하는 함수
-     */
-    isRowSelectable?: (params: {
-        row: T;
-        id: InferredIdType<T, GetId>;
-    }) => boolean;
     disableSelectionOnClick?: boolean;
     initialState?: Partial<{
         sorting: Partial<{

package/dist/index.cjs

@@ -3522,8 +3522,7 @@ function useDataTableRenderer({
   onSelectionModelChange,
   editMode,
   getId: _getId,
-  isTotalSelected: _isTotalSelected,
-  isRowSelectable
+  isTotalSelected: _isTotalSelected
 }) {
   const [focusedRowId, setFocusedRowId] = (0, import_react25.useState)(null);
   const [sortModel, setSortModel] = useControlledState(
@@ -3599,27 +3598,14 @@ function useDataTableRenderer({
     () => !pagination || paginationMode === "server" ? rows : rows.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize),
     [rows, page, pageSize, paginationMode, pagination]
   );
-  const selectableDataInPage = (0, import_react25.useMemo)(
-    () => dataInPage.filter((row, i) => {
-      if (!isRowSelectable) return true;
-      return isRowSelectable({ row, id: getId(row, i) });
-    }),
-    [dataInPage, isRowSelectable, getId]
-  );
   const isAllSelected = (0, import_react25.useMemo)(
-    () => selectableDataInPage.length > 0 && selectableDataInPage.every(
-      (row, i) => selectedModelSet.has(getId(row, i))
-    ),
-    [selectableDataInPage, selectedModelSet, getId]
+    () => dataInPage.length > 0 && dataInPage.every((row, i) => selectedModelSet.has(getId(row, i))),
+    [dataInPage, selectedModelSet, getId]
   );
   const rowCount = totalRowsProp || rows.length;
-  const selectableRowCount = (0, import_react25.useMemo)(() => {
-    if (!isRowSelectable) return rowCount;
-    return rows.filter((row, i) => isRowSelectable({ row, id: getId(row, i) })).length;
-  }, [rows, isRowSelectable, getId, rowCount]);
   const isTotalSelected = (0, import_react25.useMemo)(
-    () => _isTotalSelected ?? (selectableRowCount > 0 && (selectionModel?.length || 0) === selectableRowCount),
-    [_isTotalSelected, selectionModel, selectableRowCount]
+    () => _isTotalSelected ?? (rowCount > 0 && (selectionModel?.length || 0) === rowCount),
+    [_isTotalSelected, selectionModel, rowCount]
   );
   const columnWidths = useColumnWidths(columnsByField);
   const getWidth = (0, import_react25.useCallback)(
@@ -3715,10 +3701,9 @@ function useDataTableRenderer({
   }, [page, rowCount, pageSize, handlePageChange]);
   (0, import_react25.useEffect)(() => {
     onSelectionModelChange?.([]);
-  }, [page, onSelectionModelChange]);
+  }, [page]);
   return {
     rowCount,
-    selectableRowCount,
     page,
     pageSize,
     onPaginationModelChange: handlePageChange,
@@ -3734,22 +3719,13 @@ function useDataTableRenderer({
       (model) => selectedModelSet.has(model),
       [selectedModelSet]
     ),
-    isRowSelectable: (0, import_react25.useCallback)(
-      (rowId, row) => {
-        if (!isRowSelectable) return true;
-        return isRowSelectable({ row, id: rowId });
-      },
-      [isRowSelectable]
-    ),
     focusedRowId,
     onRowFocus: (0, import_react25.useCallback)((rowId) => {
       setFocusedRowId(rowId);
     }, []),
     onAllCheckboxChange: (0, import_react25.useCallback)(() => {
-      onSelectionModelChange?.(
-        isAllSelected ? [] : selectableDataInPage.map(getId)
-      );
-    }, [isAllSelected, selectableDataInPage, onSelectionModelChange, getId]),
+      onSelectionModelChange?.(isAllSelected ? [] : dataInPage.map(getId));
+    }, [isAllSelected, dataInPage, onSelectionModelChange, getId]),
     onCheckboxChange: (0, import_react25.useCallback)(
       (event, selectedModel) => {
         if (selectedModelSet.has(selectedModel)) {
@@ -3766,15 +3742,11 @@ function useDataTableRenderer({
     ),
     columns,
     onTotalSelect: (0, import_react25.useCallback)(() => {
-      const selectableRows = rows.filter((row, i) => {
-        if (!isRowSelectable) return true;
-        return isRowSelectable({ row, id: getId(row, i) });
-      });
       onSelectionModelChange?.(
-        isTotalSelected ? [] : selectableRows.map(getId),
+        isTotalSelected ? [] : rows.map(getId),
         !isTotalSelected
       );
-    }, [isTotalSelected, rows, onSelectionModelChange, getId, isRowSelectable])
+    }, [isTotalSelected, rows, onSelectionModelChange, getId])
   };
 }
 function Component(props, apiRef) {
@@ -3784,7 +3756,6 @@ function Component(props, apiRef) {
     editMode,
     selectionModel,
     onSelectionModelChange,
-    isRowSelectable,
     disableSelectionOnClick,
     onRowClick,
     pinnedColumns,
@@ -3832,12 +3803,10 @@ function Component(props, apiRef) {
     columns,
     isAllSelected,
     isSelectedRow,
-    isRowSelectable: isRowSelectableCheck,
     onAllCheckboxChange,
     onCheckboxChange,
     getId,
     rowCount,
-    selectableRowCount,
     page,
     pageSize,
     onPaginationModelChange,
@@ -3863,15 +3832,9 @@ function Component(props, apiRef) {
   const getRowClickHandler = (0, import_react25.useCallback)(
     (row, rowId) => (e) => {
       onRowClick?.({ row, rowId }, e);
-      checkboxSelection && !disableSelectionOnClick && isRowSelectableCheck(rowId, row) && onCheckboxChange(e, rowId);
+      checkboxSelection && !disableSelectionOnClick && onCheckboxChange(e, rowId);
     },
-    [
-      onRowClick,
-      checkboxSelection,
-      disableSelectionOnClick,
-      onCheckboxChange,
-      isRowSelectableCheck
-    ]
+    [onRowClick, checkboxSelection, disableSelectionOnClick, onCheckboxChange]
   );
   const getRowFocusHandler = (0, import_react25.useCallback)(
     (rowId) => () => {
@@ -3886,12 +3849,10 @@ function Component(props, apiRef) {
     []
   );
   const getCheckboxChangeHandler = (0, import_react25.useCallback)(
-    (rowId, row) => (e) => {
-      if (isRowSelectableCheck(rowId, row)) {
-        onCheckboxChange(e, rowId);
-      }
+    (rowId) => (e) => {
+      onCheckboxChange(e, rowId);
     },
-    [onCheckboxChange, isRowSelectableCheck]
+    [onCheckboxChange]
   );
   (0, import_react25.useImperativeHandle)(apiRef, () => ({
     getRowIndexRelativeToVisibleRows(rowId) {
@@ -3929,7 +3890,7 @@ function Component(props, apiRef) {
         justifyContent: "space-between",
         alignItems: "center"
       },
-      !!checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ import_react25.default.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(selectableRowCount), " items")), isTotalSelected && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectableRowCount), " items are selected."), /* @__PURE__ */ import_react25.default.createElement(
+      !!checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ import_react25.default.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(rowCount ?? rows.length), " items")), isTotalSelected && /* @__PURE__ */ import_react25.default.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ import_react25.default.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(rowCount ?? rows.length), " items are selected."), /* @__PURE__ */ import_react25.default.createElement(
         Button_default,
         {
           size: "sm",
@@ -3974,7 +3935,6 @@ function Component(props, apiRef) {
             onChange: onAllCheckboxChange,
             checked: isAllSelected,
             indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-            disabled: dataInPage.length > 0 && !selectableRowCount,
             ...checkboxProps
           }
         )
@@ -4052,9 +4012,8 @@ function Component(props, apiRef) {
                 RenderCheckbox,
                 {
                   onClick: getCheckboxClickHandler(),
-                  onChange: getCheckboxChangeHandler(rowId, row),
+                  onChange: getCheckboxChangeHandler(rowId),
                   checked: isSelectedRow(rowId),
-                  disabled: !isRowSelectableCheck(rowId, row),
                   ...checkboxProps
                 }
               )

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, styled, } from "@mui/joy";
+export type { ButtonProps, Theme } from "@mui/joy";
 export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, extendTheme, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, IconMenuButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, PercentageInput, ProfileMenu, Pagination, NavigationGroup, NavigationItem, Navigator, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Step, StepIndicator, Stepper, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/dist/index.js

@@ -3479,8 +3479,7 @@ function useDataTableRenderer({
   onSelectionModelChange,
   editMode,
   getId: _getId,
-  isTotalSelected: _isTotalSelected,
-  isRowSelectable
+  isTotalSelected: _isTotalSelected
 }) {
   const [focusedRowId, setFocusedRowId] = useState6(null);
   const [sortModel, setSortModel] = useControlledState(
@@ -3556,27 +3555,14 @@ function useDataTableRenderer({
     () => !pagination || paginationMode === "server" ? rows : rows.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize),
     [rows, page, pageSize, paginationMode, pagination]
   );
-  const selectableDataInPage = useMemo8(
-    () => dataInPage.filter((row, i) => {
-      if (!isRowSelectable) return true;
-      return isRowSelectable({ row, id: getId(row, i) });
-    }),
-    [dataInPage, isRowSelectable, getId]
-  );
   const isAllSelected = useMemo8(
-    () => selectableDataInPage.length > 0 && selectableDataInPage.every(
-      (row, i) => selectedModelSet.has(getId(row, i))
-    ),
-    [selectableDataInPage, selectedModelSet, getId]
+    () => dataInPage.length > 0 && dataInPage.every((row, i) => selectedModelSet.has(getId(row, i))),
+    [dataInPage, selectedModelSet, getId]
   );
   const rowCount = totalRowsProp || rows.length;
-  const selectableRowCount = useMemo8(() => {
-    if (!isRowSelectable) return rowCount;
-    return rows.filter((row, i) => isRowSelectable({ row, id: getId(row, i) })).length;
-  }, [rows, isRowSelectable, getId, rowCount]);
   const isTotalSelected = useMemo8(
-    () => _isTotalSelected ?? (selectableRowCount > 0 && (selectionModel?.length || 0) === selectableRowCount),
-    [_isTotalSelected, selectionModel, selectableRowCount]
+    () => _isTotalSelected ?? (rowCount > 0 && (selectionModel?.length || 0) === rowCount),
+    [_isTotalSelected, selectionModel, rowCount]
   );
   const columnWidths = useColumnWidths(columnsByField);
   const getWidth = useCallback9(
@@ -3672,10 +3658,9 @@ function useDataTableRenderer({
   }, [page, rowCount, pageSize, handlePageChange]);
   useEffect5(() => {
     onSelectionModelChange?.([]);
-  }, [page, onSelectionModelChange]);
+  }, [page]);
   return {
     rowCount,
-    selectableRowCount,
     page,
     pageSize,
     onPaginationModelChange: handlePageChange,
@@ -3691,22 +3676,13 @@ function useDataTableRenderer({
       (model) => selectedModelSet.has(model),
       [selectedModelSet]
     ),
-    isRowSelectable: useCallback9(
-      (rowId, row) => {
-        if (!isRowSelectable) return true;
-        return isRowSelectable({ row, id: rowId });
-      },
-      [isRowSelectable]
-    ),
     focusedRowId,
     onRowFocus: useCallback9((rowId) => {
       setFocusedRowId(rowId);
     }, []),
     onAllCheckboxChange: useCallback9(() => {
-      onSelectionModelChange?.(
-        isAllSelected ? [] : selectableDataInPage.map(getId)
-      );
-    }, [isAllSelected, selectableDataInPage, onSelectionModelChange, getId]),
+      onSelectionModelChange?.(isAllSelected ? [] : dataInPage.map(getId));
+    }, [isAllSelected, dataInPage, onSelectionModelChange, getId]),
     onCheckboxChange: useCallback9(
       (event, selectedModel) => {
         if (selectedModelSet.has(selectedModel)) {
@@ -3723,15 +3699,11 @@ function useDataTableRenderer({
     ),
     columns,
     onTotalSelect: useCallback9(() => {
-      const selectableRows = rows.filter((row, i) => {
-        if (!isRowSelectable) return true;
-        return isRowSelectable({ row, id: getId(row, i) });
-      });
       onSelectionModelChange?.(
-        isTotalSelected ? [] : selectableRows.map(getId),
+        isTotalSelected ? [] : rows.map(getId),
         !isTotalSelected
       );
-    }, [isTotalSelected, rows, onSelectionModelChange, getId, isRowSelectable])
+    }, [isTotalSelected, rows, onSelectionModelChange, getId])
   };
 }
 function Component(props, apiRef) {
@@ -3741,7 +3713,6 @@ function Component(props, apiRef) {
     editMode,
     selectionModel,
     onSelectionModelChange,
-    isRowSelectable,
     disableSelectionOnClick,
     onRowClick,
     pinnedColumns,
@@ -3789,12 +3760,10 @@ function Component(props, apiRef) {
     columns,
     isAllSelected,
     isSelectedRow,
-    isRowSelectable: isRowSelectableCheck,
     onAllCheckboxChange,
     onCheckboxChange,
     getId,
     rowCount,
-    selectableRowCount,
     page,
     pageSize,
     onPaginationModelChange,
@@ -3820,15 +3789,9 @@ function Component(props, apiRef) {
   const getRowClickHandler = useCallback9(
     (row, rowId) => (e) => {
       onRowClick?.({ row, rowId }, e);
-      checkboxSelection && !disableSelectionOnClick && isRowSelectableCheck(rowId, row) && onCheckboxChange(e, rowId);
+      checkboxSelection && !disableSelectionOnClick && onCheckboxChange(e, rowId);
     },
-    [
-      onRowClick,
-      checkboxSelection,
-      disableSelectionOnClick,
-      onCheckboxChange,
-      isRowSelectableCheck
-    ]
+    [onRowClick, checkboxSelection, disableSelectionOnClick, onCheckboxChange]
   );
   const getRowFocusHandler = useCallback9(
     (rowId) => () => {
@@ -3843,12 +3806,10 @@ function Component(props, apiRef) {
     []
   );
   const getCheckboxChangeHandler = useCallback9(
-    (rowId, row) => (e) => {
-      if (isRowSelectableCheck(rowId, row)) {
-        onCheckboxChange(e, rowId);
-      }
+    (rowId) => (e) => {
+      onCheckboxChange(e, rowId);
     },
-    [onCheckboxChange, isRowSelectableCheck]
+    [onCheckboxChange]
   );
   useImperativeHandle2(apiRef, () => ({
     getRowIndexRelativeToVisibleRows(rowId) {
@@ -3886,7 +3847,7 @@ function Component(props, apiRef) {
         justifyContent: "space-between",
         alignItems: "center"
       },
-      !!checkboxSelection && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ React23.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(selectableRowCount), " items")), isTotalSelected && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectableRowCount), " items are selected."), /* @__PURE__ */ React23.createElement(
+      !!checkboxSelection && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ React23.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(rowCount ?? rows.length), " items")), isTotalSelected && /* @__PURE__ */ React23.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React23.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(rowCount ?? rows.length), " items are selected."), /* @__PURE__ */ React23.createElement(
         Button_default,
         {
           size: "sm",
@@ -3931,7 +3892,6 @@ function Component(props, apiRef) {
             onChange: onAllCheckboxChange,
             checked: isAllSelected,
             indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-            disabled: dataInPage.length > 0 && !selectableRowCount,
             ...checkboxProps
           }
         )
@@ -4009,9 +3969,8 @@ function Component(props, apiRef) {
                 RenderCheckbox,
                 {
                   onClick: getCheckboxClickHandler(),
-                  onChange: getCheckboxChangeHandler(rowId, row),
+                  onChange: getCheckboxChangeHandler(rowId),
                   checked: isSelectedRow(rowId),
-                  disabled: !isRowSelectableCheck(rowId, row),
                   ...checkboxProps
                 }
               )