publ-echo-test 0.0.173 → 0.0.175

package/dist/lib/GridItem/GridItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { GridItemProps } from './types';
 import { PropsWithChildren } from '../types';
-declare const _default: React.MemoExoticComponent<({ children, ...props }: PropsWithChildren<GridItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
-export default _default;
+declare const GridItem: ({ children, ...props }: PropsWithChildren<GridItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default GridItem;

package/dist/lib/GridItem/GridItem.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState, useCallback, } from 'react';
+import React, { useEffect, useRef, useState, } from 'react';
 import { DraggableCore } from '../Draggable';
 import classNames from '../../external-lib/classnames';
 import { calcGridColWidth, calcGridItemPosition, calcGridItemWHPx, calcWH, calcXY, clamp, resolveRowHeight, } from './utils/calculateUtils';
@@ -154,7 +154,7 @@ var GridItem = function (_a) {
         };
     };
     var colWidth = customColWidth !== null && customColWidth !== void 0 ? customColWidth : calcGridColWidth(getPositionParams());
-    var createStyle = useCallback(function (pos) {
+    var createStyle = function (pos) {
         var usePercentages = props.usePercentages, containerWidth = props.containerWidth, useCSSTransforms = props.useCSSTransforms;
         var style;
         if (useCSSTransforms) {
@@ -170,12 +170,8 @@ var GridItem = function (_a) {
                 style.width = perc(pos.width / containerWidth);
             }
         }
-        // 드래그나 리사이즈 중일 때만 will-change 추가
-        if (isDragging || isResizing) {
-            style.willChange = 'transform';
-        }
         return style;
-    }, [props.usePercentages, props.containerWidth, props.useCSSTransforms, isDragging, isResizing]);
+    };
     /**
      * Mix a Draggable instance into a child.
      * @param  {Element} child    Child element.
@@ -419,12 +415,4 @@ var GridItem = function (_a) {
     newChild = mixinDraggable(newChild, isDraggable);
     return newChild;
 };
-export default React.memo(GridItem, function (prevProps, nextProps) {
-    // 필요한 속성만 비교하여 불필요한 리렌더링 방지
-    return (prevProps.x === nextProps.x &&
-        prevProps.y === nextProps.y &&
-        prevProps.w === nextProps.w &&
-        prevProps.h === nextProps.h &&
-        prevProps.isDraggable === nextProps.isDraggable &&
-        prevProps.isResizable === nextProps.isResizable);
-});
+export default GridItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo-test",
-  "version": "0.0.173",
+  "version": "0.0.175",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",