@ceed/ads 0.0.19 → 0.0.20

package/dist/components/Button/Button.d.ts

@@ -1,8 +1,25 @@
 import React from "react";
-import { ButtonProps } from "@mui/joy";
 import { MotionProps } from "framer-motion";
-declare const Button: {
-    (props: ButtonProps & MotionProps): React.JSX.Element;
-    displayName: string;
-};
+declare const Button: React.ForwardRefExoticComponent<Omit<{
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("@mui/joy").ButtonSlotsAndSlotProps & {
+    action?: React.Ref<{
+        focusVisible(): void;
+    }> | undefined;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ButtonPropsColorOverrides> | undefined;
+    disabled?: boolean | undefined;
+    endDecorator?: React.ReactNode;
+    focusVisibleClassName?: string | undefined;
+    fullWidth?: boolean | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ButtonPropsSizeOverrides> | undefined;
+    startDecorator?: React.ReactNode;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    tabIndex?: number | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ButtonPropsVariantOverrides> | undefined;
+    loading?: boolean | undefined;
+    loadingIndicator?: React.ReactNode;
+    loadingPosition?: "center" | "end" | "start" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "tabIndex" | "variant" | "sx" | "disabled" | "size" | "component" | keyof import("@mui/joy").ButtonSlotsAndSlotProps | "action" | "endDecorator" | "focusVisibleClassName" | "fullWidth" | "startDecorator" | "loading" | "loadingIndicator" | "loadingPosition"> & MotionProps, "ref"> & React.RefAttributes<unknown>>;
 export { Button };

package/dist/components/Button/Button.js

@@ -9,11 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from "react";
+import React, { forwardRef } from "react";
 import { Button as JoyButton } from "@mui/joy";
 import { motion } from "framer-motion";
 var MotionButton = motion(JoyButton);
-var Button = function (props) {
+var Button = forwardRef(function (props) {
     // prop destruction
     // lib hooks
     // state, ref, querystring hooks
@@ -23,6 +23,6 @@ var Button = function (props) {
     // effects
     // handlers
     return (React.createElement(MotionButton, __assign({}, props)));
-};
+});
 export { Button };
 Button.displayName = "Button";

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

@@ -20,7 +20,10 @@ type DataTableProps<T extends Record<string, unknown>> = {
         page: number;
         pageSize: number;
     };
-    onPaginationModelChange?: (newPage: number) => void;
+    onPaginationModelChange?: (model: {
+        page: number;
+        pageSize: number;
+    }) => void;
     /**
      * Rows의 총 갯수를 직접 지정 할 수 있다.
      * 기본적으로는 rows.length를 사용하지만, 이 값을 지정하면 rows.length를 사용하지 않는다.

package/dist/components/DataTable/DataTable.js

@@ -87,7 +87,7 @@ function useDataTableRenderer(_a) {
     var isTotalSelected = useMemo(function () { return rowCount > 0 && selectionModel.length === rowCount; }, [selectionModel, rowCount]);
     var handlePageChange = useCallback(function (newPage) {
         setPage(newPage);
-        onPaginationModelChange === null || onPaginationModelChange === void 0 ? void 0 : onPaginationModelChange(newPage);
+        onPaginationModelChange === null || onPaginationModelChange === void 0 ? void 0 : onPaginationModelChange({ page: newPage, pageSize: pageSize });
     }, [onPaginationModelChange]);
     useEffect(function () {
         handlePageChange(1);

package/framer/index.js

@@ -31912,16 +31912,17 @@ Box2.displayName = "Box";
 var Box_default2 = Box2;
 
 // src/components/Button/Button.tsx
+import { forwardRef as forwardRef75 } from "react";
 import { motion as motion3 } from "framer-motion";
 var MotionButton = motion3(Button_default);
-var Button3 = (props) => {
+var Button3 = forwardRef75((props) => {
   return /* @__PURE__ */ jsx2(
     MotionButton,
     {
       ...props
     }
   );
-};
+});
 Button3.displayName = "Button";
 
 // src/components/Button/index.ts
@@ -31939,7 +31940,7 @@ Checkbox3.displayName = "Checkbox";
 var Checkbox_default2 = Checkbox3;
 
 // src/components/Container/Container.tsx
-import { forwardRef as forwardRef75 } from "react";
+import { forwardRef as forwardRef76 } from "react";
 var ContainerRoot = styled_default2("div", {
   name: "Container",
   slot: "root",
@@ -31971,7 +31972,7 @@ var ContainerRoot = styled_default2("div", {
     }
   })
 );
-var Container = forwardRef75(function Container2(props, ref) {
+var Container = forwardRef76(function Container2(props, ref) {
   return /* @__PURE__ */ jsx2(ContainerRoot, { ref, ...props });
 });
 Container.displayName = "Container";
@@ -32244,7 +32245,7 @@ function useDataTableRenderer({
   const handlePageChange = useCallback23(
     (newPage) => {
       setPage(newPage);
-      onPaginationModelChange?.(newPage);
+      onPaginationModelChange?.({ page: newPage, pageSize });
     },
     [onPaginationModelChange]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "main": "dist/index.js",
   "type": "module",
   "description": "UI tool for Ecube Labs front-end developers",