@vnejs/uis.react.position-box 0.1.10 → 0.1.12

package/dist/PositionBox.d.ts

@@ -1,3 +1,3 @@
 import { type PositionBoxProps } from "./PositionBox.types.js";
-export declare const PositionBox: ({ top, right, bottom, left, translateX, translateY, transformOriginX, transformOriginY, scale, transition, zIndex, opacity, boxRef, isCentered, isCenteredVertical, isCenteredHorizontal, isNotRender, background, clip, mask, filter, onClick, value, className, children, }: PositionBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PositionBox: ({ top, right, bottom, left, translateX, translateY, transformOriginX, transformOriginY, scale, transition, zIndex, opacity, boxRef, isCentered, isCenteredVertical, isCenteredHorizontal, isNotRender, background, clip, mask, filter, animation, onClick, value, className, children, }: PositionBoxProps) => import("react").JSX.Element;
 //# sourceMappingURL=PositionBox.d.ts.map

package/dist/PositionBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PositionBox.d.ts","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAgB/D,eAAO,MAAM,WAAW,GAAI,+QA0BzB,gBAAgB,4CA8DlB,CAAC"}
+{"version":3,"file":"PositionBox.d.ts","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAgB/D,eAAO,MAAM,WAAW,GAAI,0RA2BzB,gBAAgB,gCA2ElB,CAAC"}

package/dist/PositionBox.js

@@ -14,7 +14,7 @@ const setPositionField = (result, field, value) => {
         return setField(result, field, value);
     setField(result, field, getVneLength(value));
 };
-export const PositionBox = ({ top = null, right = null, bottom = null, left = null, translateX = null, translateY = null, transformOriginX = null, transformOriginY = null, scale = null, transition = null, zIndex = null, opacity = null, boxRef = null, isCentered = false, isCenteredVertical = false, isCenteredHorizontal = false, isNotRender = false, background = null, clip = null, mask = null, filter = null, onClick, value, className, children, }) => {
+export const PositionBox = ({ top = null, right = null, bottom = null, left = null, translateX = null, translateY = null, transformOriginX = null, transformOriginY = null, scale = null, transition = null, zIndex = null, opacity = null, boxRef = null, isCentered = false, isCenteredVertical = false, isCenteredHorizontal = false, isNotRender = false, background = null, clip = null, mask = null, filter = null, animation = null, onClick, value, className, children, }) => {
     const style = useMemo(() => {
         const result = {};
         setPositionField(result, "top", top);
@@ -66,9 +66,15 @@ export const PositionBox = ({ top = null, right = null, bottom = null, left = nu
         clip,
         mask,
     ]);
+    const childrenStyle = useMemo(() => {
+        const result = {};
+        if (animation !== null)
+            result.animation = animation || "none";
+        return result;
+    }, [animation]);
     const onClickHandler = useCallback(() => onClick && onClick(value), [onClick, value]);
     if (isNotRender)
         return null;
-    return (_jsx("div", { className: b({ isCentered, isCenteredHorizontal, isCenteredVertical, isHided: opacity === 0 }, [className]), style: style, onClick: onClickHandler, ref: boxRef, children: _jsx("div", { className: b("children"), children: children }) }));
+    return (_jsx("div", { className: b({ isCentered, isCenteredHorizontal, isCenteredVertical, isHided: opacity === 0 }, [className]), style: style, onClick: onClickHandler, ref: boxRef, children: _jsx("div", { className: b("children"), style: childrenStyle, children: children }) }));
 };
 //# sourceMappingURL=PositionBox.js.map

package/dist/PositionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"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"}

package/dist/PositionBox.types.d.ts

@@ -23,6 +23,7 @@ export type PositionBoxProps<T = unknown> = {
     clip?: CssInsertValueString;
     mask?: CssInsertValueString;
     filter?: CssInsertValueString;
+    animation?: CssInsertValueString;
     onClick?: (value?: T) => void;
     value?: T;
     className?: string;

package/dist/PositionBox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PositionBox.types.d.ts","sourceRoot":"","sources":["../src/PositionBox.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,UAAU,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,GACnE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GACjB,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,GACnB,CAAC,SAAS,MAAM,GACd;IAAE,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACpG,KAAK,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PositionBox.types.d.ts","sourceRoot":"","sources":["../src/PositionBox.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,UAAU,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,GACnE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GACjB,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,GACnB,CAAC,SAAS,MAAM,GACd;IAAE,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACpG,KAAK,CAAC,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.position-box",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -13,7 +13,7 @@
     "publish:patch": "npx @vnejs/monorepo publish patch --access public"
   },
   "peerDependencies": {
-    "@vnejs/shared": "~0.0.9",
+    "@vnejs/shared": "~0.1.0",
     "@vnejs/uis.utils": "~0.1.0"
   },
   "files": [

package/src/PositionBox.tsx

@@ -40,6 +40,7 @@ export const PositionBox = ({
   clip = null,
   mask = null,
   filter = null,
+  animation = null,
   onClick,
   value,
   className,
@@ -92,6 +93,14 @@ export const PositionBox = ({
     mask,
   ]);
 
+  const childrenStyle = useMemo(() => {
+    const result: Record<string, any> = {};
+
+    if (animation !== null) result.animation = animation || "none";
+
+    return result;
+  }, [animation]);
+
   const onClickHandler = useCallback(() => onClick && onClick(value), [onClick, value]);
 
   if (isNotRender) return null;
@@ -103,7 +112,12 @@ export const PositionBox = ({
       onClick={onClickHandler}
       ref={boxRef}
     >
-      <div className={b("children")}>{children}</div>
+      <div
+        className={b("children")}
+        style={childrenStyle}
+      >
+        {children}
+      </div>
     </div>
   );
 };

package/src/PositionBox.types.tsx

@@ -25,6 +25,7 @@ export type PositionBoxProps<T = unknown> = {
   clip?: CssInsertValueString;
   mask?: CssInsertValueString;
   filter?: CssInsertValueString;
+  animation?: CssInsertValueString;
   onClick?: (value?: T) => void;
   value?: T;
   className?: string;