@onesy/ui-react 1.0.151 → 1.0.152

package/Transition/Transition.js

@@ -195,9 +195,6 @@ const Transition = props_ => {
   const add = async status_ => {
     if (!add_ || refs.status.current !== status_) return;
     updateStatus('add');
-
-    // Reflow
-    (0, _utils2.reflow)(refs.root.current);
     await delay('add');
 
     // Prevent update batches
@@ -212,9 +209,6 @@ const Transition = props_ => {
     var _refs$status$current;
     if (!enter_ || status_ !== 'appended' && (refs.status.current !== status_ || !refs.inProp.current)) return;
     updateStatus('enter');
-
-    // Reflow
-    (0, _utils2.reflow)(refs.root.current);
     await delay('enter');
 
     // Prevent update batches
@@ -227,9 +221,6 @@ const Transition = props_ => {
     var _refs$status$current2;
     if (!exit_ || refs.status.current !== status_ || refs.inProp.current) return;
     updateStatus('exit');
-
-    // Reflow
-    (0, _utils2.reflow)(refs.root.current);
     await delay('exit');
 
     // Prevent update batches
@@ -309,6 +300,9 @@ const Transition = props_ => {
       className_ = className_.replace(/ +/g, ' ').trim();
       if ((_refs$root$current$cl2 = refs.root.current.className) !== null && _refs$root$current$cl2 !== void 0 && _refs$root$current$cl2.baseVal) refs.root.current.className.baseVal = className_;else refs.root.current.className = className_;
     }
+
+    // reflow
+    (0, _utils2.reflow)(refs.root.current);
   };
   if (status === 'removed') return null;
   const value_ = {

package/Transitions/Transitions.js

@@ -43,9 +43,6 @@ const Transitions = props_ => {
   };
   refs.element.current = element;
   refs.status.current = status;
-
-  // No transition controll
-  // bug solve in nextjs
   _react.default.useEffect(() => {
     if (id !== undefined) {
       if (id !== refs.id.current) {

package/esm/Transition/Transition.js

@@ -184,9 +184,6 @@ const Transition = props_ => {
   const add = async status_ => {
     if (!add_ || refs.status.current !== status_) return;
     updateStatus('add');
-
-    // Reflow
-    reflow(refs.root.current);
     await delay('add');
 
     // Prevent update batches
@@ -200,9 +197,6 @@ const Transition = props_ => {
   const enter = async status_ => {
     if (!enter_ || status_ !== 'appended' && (refs.status.current !== status_ || !refs.inProp.current)) return;
     updateStatus('enter');
-
-    // Reflow
-    reflow(refs.root.current);
     await delay('enter');
 
     // Prevent update batches
@@ -214,9 +208,6 @@ const Transition = props_ => {
   const exit = async status_ => {
     if (!exit_ || refs.status.current !== status_ || refs.inProp.current) return;
     updateStatus('exit');
-
-    // Reflow
-    reflow(refs.root.current);
     await delay('exit');
 
     // Prevent update batches
@@ -295,6 +286,9 @@ const Transition = props_ => {
       className_ = className_.replace(/ +/g, ' ').trim();
       if (refs.root.current.className?.baseVal) refs.root.current.className.baseVal = className_;else refs.root.current.className = className_;
     }
+
+    // reflow
+    reflow(refs.root.current);
   };
   if (status === 'removed') return null;
   const value_ = {

package/esm/Transitions/Transitions.js

@@ -33,9 +33,6 @@ const Transitions = props_ => {
   };
   refs.element.current = element;
   refs.status.current = status;
-
-  // No transition controll
-  // bug solve in nextjs
   React.useEffect(() => {
     if (id !== undefined) {
       if (id !== refs.id.current) {

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.150
+/** @license UiReact v1.0.151
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/utils.js

@@ -1,6 +1,6 @@
 import { is, canvasFilterBrightness, canvasFilterContrast, canvasFilterSaturation, canvasFilterFade, canvasFilterInvert, canvasFilterOldPhoto, download, clamp, isEnvironment } from '@onesy/utils';
 export function reflow(element) {
-  element?.offsetHeight;
+  return element?.offsetHeight;
 }
 export const staticClassName = (name, theme) => {
   return theme?.ui?.elements?.[`onesy-${name}`]?.className?.static !== undefined ? theme?.ui?.elements?.[`onesy-${name}`]?.className?.static : theme?.ui?.className.static;

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.150
+/** @license UiReact v1.0.151
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.151",
+  "version": "1.0.152",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",

package/utils.d.ts

@@ -1,5 +1,5 @@
 import { IPoint } from './types';
-export declare function reflow(element: HTMLElement): void;
+export declare function reflow(element: HTMLElement): number;
 export declare const staticClassName: (name: string, theme: any) => any;
 export declare const iconSizeToFontSize: (value: string | number) => any;
 export declare const valueBreakpoints: (item: any, value: any, breakpoints: any, theme: any) => any;

package/utils.js

@@ -8,7 +8,7 @@ exports.reflow = reflow;
 exports.valueBreakpoints = exports.toNumber = exports.staticClassName = exports.save = exports.sanitize = exports.replace = void 0;
 var _utils = require("@onesy/utils");
 function reflow(element) {
-  element === null || element === void 0 || element.offsetHeight;
+  return element === null || element === void 0 ? void 0 : element.offsetHeight;
 }
 const staticClassName = (name, theme) => {
   var _theme$ui, _theme$ui2, _theme$ui3;