@onesy/ui-react 1.0.35 → 1.0.37

package/Avatar/Avatar.js

@@ -26,23 +26,22 @@ const useStyle = (0, style_react_1.style)(theme => ({
         '&.onesy-Button-root': {
             cursor: 'default',
             overflow: 'hidden',
-            borderRadius: theme.methods.shape.radius.value(40, 'px')
+            borderRadius: theme.methods.shape.radius.value(40, 'px'),
+            '& .onesy-Button-icon-root': {
+                width: '100%',
+                height: '100%'
+            }
         }
     },
     square: {
         borderRadius: '0px'
     },
-    imageWrapper: {
-        display: 'inline-flex',
-        height: '100%',
-        width: '100%',
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
     image: {
-        objectFit: 'cover',
         width: '100%',
-        height: '100%'
+        height: '100%',
+        backgroundPosition: 'center',
+        backgroundSize: 'cover',
+        backgroundRepeat: 'no-repeat'
     }
 }), { name: 'onesy-Avatar' });
 const Avatar = react_1.default.forwardRef((props_, ref) => {
@@ -60,7 +59,10 @@ const Avatar = react_1.default.forwardRef((props_, ref) => {
         if (['text', 'outlined'].includes(version) && disabled) {
             imageProps.style.opacity = theme.palette.visual_contrast.default.opacity[theme.palette.light ? 'disabled' : 'active'];
         }
-        children = ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: classes.imageWrapper }, { children: (0, jsx_runtime_1.jsx)("img", Object.assign({ className: classes.image, src: image, alt: alt }, imageProps)) })));
+        children = ((0, jsx_runtime_1.jsx)("span", Object.assign({}, imageProps, { className: (0, style_react_1.classNames)([
+                imageProps === null || imageProps === void 0 ? void 0 : imageProps.className,
+                classes.image
+            ]), style: Object.assign({ backgroundImage: `url(${image})` }, imageProps === null || imageProps === void 0 ? void 0 : imageProps.style) })));
     }
     else if (!react_1.default.isValidElement(children)) {
         const typeProps = { version: 't1' };

package/Share/Share.js

@@ -266,7 +266,7 @@ const Share = react_1.default.forwardRef((props_, ref) => {
         startAlign: 'center',
         primary: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: item.name })))
     }))
-        .map((item, index) => ((0, jsx_runtime_1.jsx)(MenuItem, Object.assign({ onClick: (event) => onClick(item.value, event), menuCloseOnClick: true, button: true }, item, itemProps === null || itemProps === void 0 ? void 0 : itemProps(item, index), MenuItemProps), index)));
+        .map((item, index) => ((0, jsx_runtime_1.jsx)(MenuItem, Object.assign({ onClick: (event) => onClick(item.value, event), noBackground: true, menuCloseOnClick: true, button: true }, item, itemProps === null || itemProps === void 0 ? void 0 : itemProps(item, index), MenuItemProps), index)));
     if (version === 'menu-items')
         return menuItemsMoreOptions;
     const AppendProps = {};

package/esm/Avatar/Avatar.js

@@ -15,23 +15,22 @@ const useStyle = styleMethod(theme => ({
     '&.onesy-Button-root': {
       cursor: 'default',
       overflow: 'hidden',
-      borderRadius: theme.methods.shape.radius.value(40, 'px')
+      borderRadius: theme.methods.shape.radius.value(40, 'px'),
+      '& .onesy-Button-icon-root': {
+        width: '100%',
+        height: '100%'
+      }
     }
   },
   square: {
     borderRadius: '0px'
   },
-  imageWrapper: {
-    display: 'inline-flex',
-    height: '100%',
-    width: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
   image: {
-    objectFit: 'cover',
     width: '100%',
-    height: '100%'
+    height: '100%',
+    backgroundPosition: 'center',
+    backgroundSize: 'cover',
+    backgroundRepeat: 'no-repeat'
   }
 }), {
   name: 'onesy-Avatar'
@@ -69,13 +68,12 @@ const Avatar = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (['text', 'outlined'].includes(version) && disabled) {
       imageProps.style.opacity = theme.palette.visual_contrast.default.opacity[theme.palette.light ? 'disabled' : 'active'];
     }
-    children = /*#__PURE__*/React.createElement("span", {
-      className: classes.imageWrapper
-    }, /*#__PURE__*/React.createElement("img", _extends({
-      className: classes.image,
-      src: image,
-      alt: alt
-    }, imageProps)));
+    children = /*#__PURE__*/React.createElement("span", _extends({}, imageProps, {
+      className: classNames([imageProps?.className, classes.image]),
+      style: _objectSpread({
+        backgroundImage: `url(${image})`
+      }, imageProps?.style)
+    }));
   } else if (! /*#__PURE__*/React.isValidElement(children)) {
     const typeProps = {
       version: 't1'

package/esm/Share/Share.js

@@ -363,6 +363,7 @@ const Share = /*#__PURE__*/React.forwardRef((props_, ref) => {
   })).map((item, index) => /*#__PURE__*/React.createElement(MenuItem, _extends({
     key: index,
     onClick: event => onClick(item.value, event),
+    noBackground: true,
     menuCloseOnClick: true,
     button: true
   }, item, itemProps?.(item, index), MenuItemProps)));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.35
+/** @license UiReact v1.0.37
  *
  * 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.35",
+  "version": "1.0.37",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",