@pdg/react-table 1.0.100 → 1.0.102

package/dist/TableButton/TableButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableButtonProps as Props } from './TableButton.types';
-declare const TableButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TableButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
 export default TableButton;

package/dist/TableButton/TableButton.types.d.ts

@@ -1,8 +1,4 @@
-import { ButtonProps } from '@mui/material';
-import { PdgIconProps } from '@pdg/react-component';
-export interface TableButtonProps extends Omit<ButtonProps, 'size' | 'startIcon' | 'endIcon'> {
-    icon?: PdgIconProps['children'];
-    startIcon?: PdgIconProps['children'];
-    endIcon?: PdgIconProps['children'];
+import { PdgButtonProps } from '@pdg/react-component';
+export interface TableButtonProps extends Omit<PdgButtonProps, 'size'> {
 }
 export declare const TableButtonDefaultProps: Pick<TableButtonProps, 'variant' | 'color'>;

package/dist/TableMenuButton/TableMenuButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableMenuButtonProps as Props } from './TableMenuButton.types';
-declare const TableMenuButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TableMenuButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
 export default TableMenuButton;

package/dist/TableMenuButton/TableMenuButton.types.d.ts

@@ -1,11 +1,7 @@
-import { ButtonProps } from '@mui/material';
 import { ReactElement } from 'react';
 import { PopperPlacementType } from '@mui/base/Popper/Popper.types';
-import { PdgIconProps } from '@pdg/react-component';
-export interface TableMenuButtonProps extends Omit<ButtonProps, 'size' | 'startIcon' | 'endIcon' | 'onClick'> {
-    icon?: PdgIconProps['children'];
-    startIcon?: PdgIconProps['children'];
-    endIcon?: PdgIconProps['children'];
+import { PdgButtonProps } from '@pdg/react-component';
+export interface TableMenuButtonProps extends Omit<PdgButtonProps, 'size' | 'onClick'> {
     placement?: PopperPlacementType;
     inModal?: boolean;
     zIndex?: number;

package/dist/index.esm.js

@@ -1761,12 +1761,12 @@ SearchTable.defaultProps = SearchTableDefaultProps;var TableButtonDefaultProps =
     /********************************************************************************************************************
      * Memo
      * ******************************************************************************************************************/
-    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, onClick = _a.onClick, props = __rest(_a, ["children", "className", "sx", "color", "icon", "startIcon", "endIcon", "onClick"]);
+    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, onClick = _a.onClick, props = __rest(_a, ["children", "className", "sx", "color", "onClick"]);
     var sx = useMemo(function () { return (__assign({ minWidth: 0, px: '5px !important' }, initSx)); }, [initSx]);
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    return (React.createElement(PdgButton, __assign({ ref: ref, className: classNames(className, 'TableButton'), type: 'button', size: 'small', sx: sx, color: color, icon: icon, startIcon: startIcon, endIcon: endIcon, onClick: onClick }, props), children));
+    return (React.createElement(PdgButton, __assign({ ref: ref, className: classNames(className, 'TableButton'), type: 'button', size: 'small', sx: sx, color: color, onClick: onClick }, props), children));
 });
 TableButton.displayName = 'TableButton';
 TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultProps = {
@@ -1777,7 +1777,7 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
     /********************************************************************************************************************
      * ID
      * ******************************************************************************************************************/
-    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, variant = _a.variant, initIcon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, placement = _a.placement, inModal = _a.inModal, zIndex = _a.zIndex, menuList = _a.menuList, props = __rest(_a, ["children", "className", "sx", "color", "variant", "icon", "startIcon", "endIcon", "placement", "inModal", "zIndex", "menuList"]);
+    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, variant = _a.variant, startIcon = _a.startIcon, placement = _a.placement, inModal = _a.inModal, zIndex = _a.zIndex, menuList = _a.menuList, props = __rest(_a, ["children", "className", "sx", "color", "variant", "startIcon", "placement", "inModal", "zIndex", "menuList"]);
     var buttonId = useId();
     var menuId = useId();
     /********************************************************************************************************************
@@ -1795,8 +1795,8 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
     /********************************************************************************************************************
      * Memo
      * ******************************************************************************************************************/
-    var icon = useMemo(function () { return (!initIcon && !startIcon && !endIcon && !children ? 'MoreVert' : initIcon); }, [initIcon, startIcon, endIcon, children]);
-    var sx = useMemo(function () { return (__assign({ minWidth: 0, pl: !children ? 0.7 : icon || startIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7, pr: !children ? 0.7 : endIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7 }, initSx)); }, [children, endIcon, icon, initSx, startIcon, variant]);
+    var icon = useMemo(function () { return (!startIcon && !children ? 'MoreVert' : undefined); }, [startIcon, children]);
+    var sx = useMemo(function () { return (__assign({ minWidth: 0, pl: !children ? 0.7 : icon || startIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7 }, initSx)); }, [children, icon, initSx, startIcon, variant]);
     /********************************************************************************************************************
      * Effect
      * ******************************************************************************************************************/
@@ -1864,7 +1864,7 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
                     }
                 }
                 anchorRef.current = r;
-            }, id: buttonId, variant: variant, "aria-controls": open ? menuId : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', className: classNames(className, 'TableMenuButton'), type: 'button', size: 'small', sx: sx, color: color, icon: icon, startIcon: startIcon, endIcon: endIcon, onClick: handleClick }, props), children),
+            }, id: buttonId, variant: variant, "aria-controls": open ? menuId : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', className: classNames(className, 'TableMenuButton'), type: 'button', size: 'small', sx: sx, color: color, startIcon: icon, onClick: handleClick }, props), children),
         React.createElement(Popper, { className: 'TableMenuButton-Popper', open: open, anchorEl: anchorRef.current, role: undefined, placement: placement, transition: true, style: { zIndex: inModal ? (zIndex === undefined ? 1301 : zIndex) : zIndex } }, function (_a) {
             var TransitionProps = _a.TransitionProps, placement = _a.placement;
             var placements = placement.split('-');

package/dist/index.js

@@ -1761,12 +1761,12 @@ SearchTable.defaultProps = SearchTableDefaultProps;var TableButtonDefaultProps =
     /********************************************************************************************************************
      * Memo
      * ******************************************************************************************************************/
-    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, onClick = _a.onClick, props = __rest(_a, ["children", "className", "sx", "color", "icon", "startIcon", "endIcon", "onClick"]);
+    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, onClick = _a.onClick, props = __rest(_a, ["children", "className", "sx", "color", "onClick"]);
     var sx = React.useMemo(function () { return (__assign({ minWidth: 0, px: '5px !important' }, initSx)); }, [initSx]);
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    return (React.createElement(reactComponent.PdgButton, __assign({ ref: ref, className: classNames(className, 'TableButton'), type: 'button', size: 'small', sx: sx, color: color, icon: icon, startIcon: startIcon, endIcon: endIcon, onClick: onClick }, props), children));
+    return (React.createElement(reactComponent.PdgButton, __assign({ ref: ref, className: classNames(className, 'TableButton'), type: 'button', size: 'small', sx: sx, color: color, onClick: onClick }, props), children));
 });
 TableButton.displayName = 'TableButton';
 TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultProps = {
@@ -1777,7 +1777,7 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
     /********************************************************************************************************************
      * ID
      * ******************************************************************************************************************/
-    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, variant = _a.variant, initIcon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, placement = _a.placement, inModal = _a.inModal, zIndex = _a.zIndex, menuList = _a.menuList, props = __rest(_a, ["children", "className", "sx", "color", "variant", "icon", "startIcon", "endIcon", "placement", "inModal", "zIndex", "menuList"]);
+    var children = _a.children, className = _a.className, initSx = _a.sx, color = _a.color, variant = _a.variant, startIcon = _a.startIcon, placement = _a.placement, inModal = _a.inModal, zIndex = _a.zIndex, menuList = _a.menuList, props = __rest(_a, ["children", "className", "sx", "color", "variant", "startIcon", "placement", "inModal", "zIndex", "menuList"]);
     var buttonId = React.useId();
     var menuId = React.useId();
     /********************************************************************************************************************
@@ -1795,8 +1795,8 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
     /********************************************************************************************************************
      * Memo
      * ******************************************************************************************************************/
-    var icon = React.useMemo(function () { return (!initIcon && !startIcon && !endIcon && !children ? 'MoreVert' : initIcon); }, [initIcon, startIcon, endIcon, children]);
-    var sx = React.useMemo(function () { return (__assign({ minWidth: 0, pl: !children ? 0.7 : icon || startIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7, pr: !children ? 0.7 : endIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7 }, initSx)); }, [children, endIcon, icon, initSx, startIcon, variant]);
+    var icon = React.useMemo(function () { return (!startIcon && !children ? 'MoreVert' : undefined); }, [startIcon, children]);
+    var sx = React.useMemo(function () { return (__assign({ minWidth: 0, pl: !children ? 0.7 : icon || startIcon ? 0.7 : variant === 'text' ? 1.2 : 0.7 }, initSx)); }, [children, icon, initSx, startIcon, variant]);
     /********************************************************************************************************************
      * Effect
      * ******************************************************************************************************************/
@@ -1864,7 +1864,7 @@ TableButton.defaultProps = TableButtonDefaultProps;var TableMenuButtonDefaultPro
                     }
                 }
                 anchorRef.current = r;
-            }, id: buttonId, variant: variant, "aria-controls": open ? menuId : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', className: classNames(className, 'TableMenuButton'), type: 'button', size: 'small', sx: sx, color: color, icon: icon, startIcon: startIcon, endIcon: endIcon, onClick: handleClick }, props), children),
+            }, id: buttonId, variant: variant, "aria-controls": open ? menuId : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": 'true', className: classNames(className, 'TableMenuButton'), type: 'button', size: 'small', sx: sx, color: color, startIcon: icon, onClick: handleClick }, props), children),
         React.createElement(material.Popper, { className: 'TableMenuButton-Popper', open: open, anchorEl: anchorRef.current, role: undefined, placement: placement, transition: true, style: { zIndex: inModal ? (zIndex === undefined ? 1301 : zIndex) : zIndex } }, function (_a) {
             var TransitionProps = _a.TransitionProps, placement = _a.placement;
             var placements = placement.split('-');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-table",
   "title": "React Table",
-  "version": "1.0.100",
+  "version": "1.0.102",
   "description": "React Table",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -47,8 +47,8 @@
     "@mui/icons-material": "^5.15.13",
     "@mui/material": "^5.15.13",
     "@mui/x-date-pickers": "^6.19.7",
-    "@pdg/react-component": "^1.0.18",
-    "@pdg/react-form": "^1.0.114",
+    "@pdg/react-component": "^1.0.21",
+    "@pdg/react-form": "^1.0.120",
     "@pdg/react-hook": "^1.0.16",
     "@pdg/util": "^1.0.20",
     "@tinymce/tinymce-react": "^4.3.2",