@onesy/ui-react 1.0.164 → 1.0.167

package/IFrame/IFrame.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export type IIFrame = ILine & {
+export declare type IIFrame = ILine & {
     id?: string;
     src?: string;
     WrapperProps?: IPropsAny;

package/IFrame/IFrame.js

@@ -32,16 +32,10 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-IFrame'
 });
 const IFrame = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
-  var _refs$root$current, _refs$root$current2;
+  var _theme$ui, _theme$ui2, _theme$elements, _refs$root$current, _refs$root$current2;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIFrame) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIFrame) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
   const {
       id,
       src,
@@ -62,7 +56,7 @@ const IFrame = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   refs.root.current = root;
   const iframeDocument = (_refs$root$current = refs.root.current) === null || _refs$root$current === void 0 || (_refs$root$current = _refs$root$current.contentWindow) === null || _refs$root$current === void 0 ? void 0 : _refs$root$current.document;
   const iframeBody = (_refs$root$current2 = refs.root.current) === null || _refs$root$current2 === void 0 || (_refs$root$current2 = _refs$root$current2.contentWindow) === null || _refs$root$current2 === void 0 ? void 0 : _refs$root$current2.document.body;
-  const refresh = _react.default.useCallback(() => {
+  const refresh = () => {
     if (iframeDocument) {
       var _refs$root$current3, _refs$root$current4, _iframeDocument$head, _iframeDocument$head2;
       const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current3 = refs.root.current) === null || _refs$root$current3 === void 0 ? void 0 : _refs$root$current3.ownerDocument) || window.document : undefined;
@@ -93,7 +87,7 @@ const IFrame = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       // Body
       if (iframeBody) iframeBody.dir = rootDocument.body.dir;
     }
-  }, [iframeDocument]);
+  };
   _react.default.useEffect(() => {
     if (init && !show) setTimeout(() => {
       refresh();

package/Icon/Icon.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TTone } from '@onesy/style-react';
 import { IBaseElement, ISizeExtendedAny } from '../types';
 export declare const rtl_icons: string[];
-export type IIcon = Omit<IBaseElement, 'size'> & {
+export declare type IIcon = Omit<IBaseElement, 'size'> & {
     size?: ISizeExtendedAny;
     tone?: TTone;
     viewBox?: string;

package/Icon/Icon.js

@@ -8,6 +8,7 @@ exports.rtl_icons = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _utils = require("../utils");
@@ -44,72 +45,111 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Icon'
 });
 const Icon = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2;
+  const $ = (0, _compilerRuntime.c)(15);
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIcon) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIcon) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
-      viewBox = '0 0 24 24',
+      viewBox: t0,
       name,
       short_name,
-      tonal = true,
-      tone = 60,
-      color: color_ = 'inherit',
-      size = 'regular',
+      tonal: t1,
+      tone: t2,
+      color: t3,
+      size: t4,
       noRtl,
       disabled,
-      Component = 'svg',
+      Component: t5,
       className,
       style,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const [rtl, setRtl] = _react.default.useState(theme.direction === 'rtl');
+  const viewBox = t0 === undefined ? "0 0 24 24" : t0;
+  const tonal = t1 === undefined ? true : t1;
+  const tone = t2 === undefined ? 60 : t2;
+  const color_ = t3 === undefined ? "inherit" : t3;
+  const size = t4 === undefined ? "regular" : t4;
+  const Component = t5 === undefined ? "svg" : t5;
+  const [rtl, setRtl] = _react.default.useState(theme.direction === "rtl");
   const {
     classes
   } = useStyle();
-  _react.default.useEffect(() => {
-    // Update rtl based on theme value
-    const method = (update, themeNew) => setRtl(themeNew.direction === 'rtl');
-    theme.subscriptions.update.subscribe(method);
-    return () => {
-      theme.subscriptions.update.unsubscribe(method);
+  let t6;
+  if ($[0] !== theme.subscriptions) {
+    t6 = () => {
+      const method = (update, themeNew) => setRtl(themeNew.direction === "rtl");
+      theme.subscriptions.update.subscribe(method);
+      return () => {
+        theme.subscriptions.update.unsubscribe(method);
+      };
     };
-  }, []);
+    $[0] = theme.subscriptions;
+    $[1] = t6;
+  } else {
+    t6 = $[1];
+  }
+  let t7;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = [];
+    $[2] = t7;
+  } else {
+    t7 = $[2];
+  }
+  _react.default.useEffect(t6, t7);
   const fontSize = (0, _utils.iconSizeToFontSize)(size);
   const isRtlIcon = rtl_icons.includes(short_name);
   let color = color_;
-  if (!['unset'].includes(color)) {
-    var _theme$palette$color$;
+  if (!["unset"].includes(color)) {
     if (tonal) {
-      const palette = color === 'default' ? theme.palette.color.neutral : !theme.palette.color[color] ? theme.methods.color(color) : theme.palette.color[color];
+      const palette = color === "default" ? theme.palette.color.neutral : !theme.palette.color[color] ? theme.methods.color(color) : theme.palette.color[color];
       color = theme.methods.palette.color.value(color, tone, true, palette);
-    } else color = color === 'default' ? theme.palette.text.default.primary : ((_theme$palette$color$ = theme.palette.color[color]) === null || _theme$palette$color$ === void 0 ? void 0 : _theme$palette$color$.main) || color;
+    } else {
+      var _theme$palette$color$;
+      color = color === "default" ? theme.palette.text.default.primary : ((_theme$palette$color$ = theme.palette.color[color]) === null || _theme$palette$color$ === void 0 ? void 0 : _theme$palette$color$.main) || color;
+    }
   } else {
-    color = '';
+    color = "";
   }
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Icon', theme) && ['onesy-Icon-root', `onesy-Icon-size-${size}`, !noRtl && rtl && isRtlIcon ? 'onesy-Icon-direction-rtl' : 'onesy-Icon-direction-ltr', disabled && `onesy-Icon-disabled`], className, classes.root, !noRtl && rtl && isRtlIcon && classes.rtl, disabled && classes.disabled])
-
-    // Default '0 0 24 24' for material icons
-    ,
-    viewBox: viewBox
-
-    // Prevents svg oversize on load
-    ,
-    width: "1em",
-    height: "1em",
-    focusable: "false",
-    "aria-hidden": true,
-    style: _objectSpread({
-      // Prevents svg fill update on load
-      fill: 'currentcolor',
+  const t8 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("Icon", theme) && ["onesy-Icon-root", `onesy-Icon-size-${size}`, !noRtl && rtl && isRtlIcon ? "onesy-Icon-direction-rtl" : "onesy-Icon-direction-ltr", disabled && "onesy-Icon-disabled"], className, classes.root, !noRtl && rtl && isRtlIcon && classes.rtl, disabled && classes.disabled]);
+  let t9;
+  if ($[3] !== color || $[4] !== fontSize || $[5] !== style) {
+    t9 = _objectSpread({
+      fill: "currentcolor",
       color,
       fontSize
-    }, style)
-  }, other), children);
+    }, style);
+    $[3] = color;
+    $[4] = fontSize;
+    $[5] = style;
+    $[6] = t9;
+  } else {
+    t9 = $[6];
+  }
+  let t10;
+  if ($[7] !== Component || $[8] !== children || $[9] !== other || $[10] !== ref || $[11] !== t8 || $[12] !== t9 || $[13] !== viewBox) {
+    t10 = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+      ref: ref,
+      className: t8,
+      viewBox: viewBox,
+      width: "1em",
+      height: "1em",
+      focusable: "false",
+      "aria-hidden": true,
+      style: t9
+    }, other), children);
+    $[7] = Component;
+    $[8] = children;
+    $[9] = other;
+    $[10] = ref;
+    $[11] = t8;
+    $[12] = t9;
+    $[13] = viewBox;
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  return t10;
 });
 Icon.displayName = 'onesy-Icon';
 var _default = exports.default = Icon;

package/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export type IIconButton = IButton & {};
+export declare type IIconButton = IButton & {};
 declare const IconButton: React.FC<IIconButton>;
 export default IconButton;

package/IconButton/IconButton.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -21,32 +22,44 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-IconButton'
 });
 const IconButton = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
+  const $ = (0, _compilerRuntime.c)(7);
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIconButton) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Button) || _Button.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyIconButton) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Button = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Button) || _Button.default;
   const {
-      version = 'text',
-      size = 'regular',
+      version: t0,
+      size: t1,
       className
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const version = t0 === undefined ? "text" : t0;
+  const size = t1 === undefined ? "regular" : t1;
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
-    ref: ref,
-    size: size
-  }, other, {
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('IconButton', theme) && ['onesy-IconButton-root'], className, classes.root]),
-    version: version,
-    icon: true
-  }));
+  const t2 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("IconButton", theme) && ["onesy-IconButton-root"], className, classes.root]);
+  let t3;
+  if ($[0] !== Button || $[1] !== other || $[2] !== ref || $[3] !== size || $[4] !== t2 || $[5] !== version) {
+    t3 = /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+      ref: ref,
+      size: size
+    }, other, {
+      className: t2,
+      version: version,
+      icon: true
+    }));
+    $[0] = Button;
+    $[1] = other;
+    $[2] = ref;
+    $[3] = size;
+    $[4] = t2;
+    $[5] = version;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 });
 IconButton.displayName = 'onesy-IconButton';
 var _default = exports.default = IconButton;

package/Image/Image.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IUseVisible } from '../useVisible/useVisible';
 import { IBaseElement, IPropsAny } from '../types';
-export type IImage = IBaseElement & {
+export declare type IImage = IBaseElement & {
     src?: string;
     url?: string;
     urlSmall?: string;

package/Image/Image.js

@@ -122,23 +122,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Image'
 });
 const Image = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyImage) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
-  }, [theme]);
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Surface) || _Surface.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyImage) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Type) || _Type.default;
+  const Surface = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Surface) || _Surface.default;
   const {
       tonal = true,
       color = 'primary',
@@ -184,7 +173,7 @@ const Image = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     loaded: _react.default.useRef(loaded)
   };
   refs.loaded.current = loaded;
-  const imageLoad = _react.default.useCallback(value => new Promise((resolve, reject) => {
+  const imageLoad = value => new Promise((resolve, reject) => {
     const image = window.document.createElement('img');
     let imageLoaded = false;
     const check = () => {
@@ -202,13 +191,13 @@ const Image = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     image.onerror = onError;
     image.src = value;
     if (image.complete) return resolve(true);
-  }), []);
-  const init = _react.default.useCallback(async () => {
+  });
+  const init = async () => {
     const URL = src || url || urlSmall;
     const isLoaded = await imageLoad(URL);
     setSource(isLoaded ? URL : '');
     setLoaded(true);
-  }, [src, url, urlSmall, loaded]);
+  };
   _react.default.useEffect(() => {
     if (visiblity !== null && visiblity !== void 0 && visiblity.visible && !refs.loaded.current) {
       init();
@@ -278,12 +267,12 @@ const Image = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     delete other.Component;
   }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: item => {
+    ref: item_0 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
       }
-      setRoot(item);
-      refs.root.current = item;
+      setRoot(item_0);
+      refs.root.current = item_0;
     }
   }, RootProps, {
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Image', theme) && ['onesy-Image-root', noImage && 'onesy-Image-no-image', picture && !description && `onesy-Image-picture`], RootProps === null || RootProps === void 0 ? void 0 : RootProps.className, className, classes.root, classes[`align_${align}`], noImage && classes.noImage, responsive && classes.responsive, maxWidth && classes[`maxWidth_${maxWidth}`], fullWidth && classes.fullWidth, rootIsImage && classes.root_img, picture && !description && classes.root_picture, description && classes.root_figure])

package/ImageCrop/ImageCrop.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement, IPropsAny } from '../types';
-export type TImageCrop = {
+export declare type TImageCrop = {
     x?: number;
     y?: number;
     width?: number;
     height?: number;
 };
-export type IImageCrop = IBaseElement & {
+export declare type IImageCrop = IBaseElement & {
     image?: string | HTMLCanvasElement;
     minWidth?: number;
     minHeight?: number;