@onesy/ui-react 1.0.151 → 1.0.153

package/CalendarMonth/CalendarMonth.js

@@ -544,9 +544,6 @@ const CalendarMonth = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
       });
     }
   }
-  const colorTheme = _react.default.useMemo(() => {
-    return theme.palette.color[color] || theme.methods.color(color);
-  }, [color, theme]);
   const colorSelectedTheme = _react.default.useMemo(() => {
     return theme.palette.color[colorSelected] || theme.methods.color(colorSelected);
   }, [colorSelected, theme]);
@@ -612,7 +609,7 @@ const CalendarMonth = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
         // between
         day.is.between && !day.is.same && [!day.is.end && day.dayWeek !== 0 && !day.is.monthEnd && classes.dayStartSelection, !day.is.start && day.dayWeek !== 1 && !day.is.monthStart && classes.dayEndSelection]]),
         style: {
-          '--onesy-color': day.is.fromSelected ? colorSelectedTheme.main : colorTheme.main
+          '--onesy-color': day.is.fromSelected ? colorSelectedTheme === null || colorSelectedTheme === void 0 ? void 0 : colorSelectedTheme.main : palette === null || palette === void 0 ? void 0 : palette.main
         }
       }, (0, _utils.is)('function', renderDay) ? renderDay(day.onesyDate, propsDay, day, outside) : /*#__PURE__*/_react.default.createElement(PaginationItem, (0, _extends2.default)({
         tonal: tonal,
@@ -631,7 +628,7 @@ const CalendarMonth = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
       }, PaginationItemProps, {
         className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day.in && 'onesy-CalendarMonth-day-in', day.dayWeek && 'onesy-CalendarMonth-day-day-week', day.weekend && 'onesy-CalendarMonth-day-weekend', day.today && 'onesy-CalendarMonth-day-today', day.is.between && 'onesy-CalendarMonth-day-between', day.is.selected && 'onesy-CalendarMonth-day-selected', day.is.start && 'onesy-CalendarMonth-day-start', day.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps === null || PaginationItemProps === void 0 ? void 0 : PaginationItemProps.className, classes.dayValue, day.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
         style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day.today ? {
-          boxShadow: `inset 0px 0px 0px 1px ${colorTheme[40]}`
+          boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
         } : undefined), day.is.selected && day.is.between && {
           color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 10 : 98})`,
           backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 90 : 85 : propsDay.disabled ? 20 : 25})`

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/CalendarMonth/CalendarMonth.js

@@ -515,9 +515,6 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       });
     }
   }
-  const colorTheme = React.useMemo(() => {
-    return theme.palette.color[color] || theme.methods.color(color);
-  }, [color, theme]);
   const colorSelectedTheme = React.useMemo(() => {
     return theme.palette.color[colorSelected] || theme.methods.color(colorSelected);
   }, [colorSelected, theme]);
@@ -582,7 +579,7 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
         // between
         day.is.between && !day.is.same && [!day.is.end && day.dayWeek !== 0 && !day.is.monthEnd && classes.dayStartSelection, !day.is.start && day.dayWeek !== 1 && !day.is.monthStart && classes.dayEndSelection]]),
         style: {
-          '--onesy-color': day.is.fromSelected ? colorSelectedTheme.main : colorTheme.main
+          '--onesy-color': day.is.fromSelected ? colorSelectedTheme?.main : palette?.main
         }
       }, is('function', renderDay) ? renderDay(day.onesyDate, propsDay, day, outside) : /*#__PURE__*/React.createElement(PaginationItem, _extends({
         tonal: tonal,
@@ -601,7 +598,7 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       }, PaginationItemProps, {
         className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day.in && 'onesy-CalendarMonth-day-in', day.dayWeek && 'onesy-CalendarMonth-day-day-week', day.weekend && 'onesy-CalendarMonth-day-weekend', day.today && 'onesy-CalendarMonth-day-today', day.is.between && 'onesy-CalendarMonth-day-between', day.is.selected && 'onesy-CalendarMonth-day-selected', day.is.start && 'onesy-CalendarMonth-day-start', day.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue, day.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
         style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day.today ? {
-          boxShadow: `inset 0px 0px 0px 1px ${colorTheme[40]}`
+          boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
         } : undefined), day.is.selected && day.is.between && {
           color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 10 : 98})`,
           backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 90 : 85 : propsDay.disabled ? 20 : 25})`

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.152
  *
  * 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.152
  *
  * 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.153",
   "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;