@onesy/ui-react 1.0.8 → 1.0.10

package/Divider/Divider.js

@@ -162,7 +162,7 @@ const Divider = react_1.default.forwardRef((props_, ref) => {
             padding && classes[`orientation_${orientation}_padding`],
             color === 'inherit' && classes.color_inherit,
             tonal && classes.divider_tonal
-        ]), style: Object.assign(Object.assign({}, style), styles.root) }, other, { children: children && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Surface, { version: 'filled', tonal: tonal, color: color, className: (0, style_react_1.classNames)([
+        ]), style: Object.assign(Object.assign({ opacity }, style), styles.root) }, other, { children: children && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Surface, { version: 'filled', tonal: tonal, color: color, className: (0, style_react_1.classNames)([
                         (0, utils_1.staticClassName)('Divider', theme) && [
                             'onesy-Divider-divider'
                         ],

package/SectionReviews/SectionReviews.js

@@ -26,16 +26,13 @@ const Rating_1 = __importDefault(require("../Rating"));
 const utils_2 = require("../utils");
 const useStyle = (0, style_react_1.style)(theme => ({
     root: {
-        overflow: 'hidden'
-    },
-    reviews: {
-        overflowX: 'auto',
-        padding: '0px 4px 12px',
-        maxWidth: '100%'
+        overflow: 'auto hidden',
+        padding: '0px 16px 24px',
     },
+    reviews: {},
     review: {
-        flex: '0 0 auto',
-        background: theme.palette.background.primary.secondary
+        background: theme.palette.background.primary.secondary,
+        boxShadow: '0px 4px 32px 0px rgba(0, 0, 0, 0.024)'
     },
     review_size_small: {
         width: '240px',
@@ -74,14 +71,14 @@ const Element = react_1.default.forwardRef((props_, ref) => {
                     ref.current = item;
             }
             refs.root.current = item;
-        }, align: 'center', className: (0, style_react_1.classNames)([
+        }, align: 'flex-start', fullWidth: true, className: (0, style_react_1.classNames)([
             (0, utils_2.staticClassName)('SectionReviews', theme) && [
                 'onesy-SectionReviews-root',
                 `onesy-SectionReviews-size-${size}`
             ],
             className,
             classes.root
-        ]) }, other, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 2, direction: 'row', align: 'flex-start', fullWidth: true }, ReviewsProps, { className: (0, style_react_1.classNames)([
+        ]) }, other, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ gap: 2, direction: 'row', justify: 'center', align: 'flex-start' }, ReviewsProps, { className: (0, style_react_1.classNames)([
                 (0, utils_2.staticClassName)('SectionReviews', theme) && [
                     'onesy-SectionReviews-reviews'
                 ],
@@ -89,7 +86,7 @@ const Element = react_1.default.forwardRef((props_, ref) => {
                 classes.reviews
             ]) }, { children: values.filter(Boolean).map((item, index) => {
                 var _a, _b, _c;
-                return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.4, direction: 'column' }, ReviewProps, { className: (0, style_react_1.classNames)([
+                return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.4, direction: 'column', flexNo: true }, ReviewProps, { className: (0, style_react_1.classNames)([
                         (0, utils_2.staticClassName)('SectionReviews', theme) && [
                             'onesy-SectionReviews-review'
                         ],

package/SectionTextMedia/SectionTextMedia.js

@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
-const react_router_dom_1 = require("react-router-dom");
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const Text_1 = __importDefault(require("../Text"));
@@ -58,7 +57,6 @@ const SectionTextMedia = react_1.default.forwardRef((props_, ref) => {
     let mediaElement;
     const mediaProps = Object.assign({ size, themed: true, color: 'primary' }, MediaProps);
     const mime = (media === null || media === void 0 ? void 0 : media.mime) || '';
-    const navigate = (0, utils_1.isEnvironment)('browser') && (0, react_router_dom_1.useNavigate)();
     if (mime.includes('image')) {
         mediaElement = ((0, jsx_runtime_1.jsx)(Image, Object.assign({ src: (media === null || media === void 0 ? void 0 : media.url) || (media === null || media === void 0 ? void 0 : media.urlSmall) || ((0, utils_1.is)('string', media) ? media : '') }, mediaProps, MediaProps, ImageProps, { className: (0, style_react_1.classNames)([
                 (0, utils_2.staticClassName)('SectionTextMedia', theme) && [
@@ -111,7 +109,7 @@ const SectionTextMedia = react_1.default.forwardRef((props_, ref) => {
                                 'onesy-SectionTextMedia-description'
                             ],
                             DescriptionProps === null || DescriptionProps === void 0 ? void 0 : DescriptionProps.className
-                        ]) })))] })), button && ((0, jsx_runtime_1.jsx)(Button, Object.assign({ tonal: true, version: 'filled', color: 'primary', size: size, onClick: (button.to || button.link) ? () => button.to ? navigate(button.to) : window.open(button.link, 'blank') : undefined }, button.props, { className: (0, style_react_1.classNames)([
+                        ]) })))] })), button && ((0, jsx_runtime_1.jsx)(Button, Object.assign({ tonal: true, version: 'filled', color: 'primary', size: size, onClick: (button.to || button.link) && window.open(button.to || button.link, 'blank') }, button.props, { className: (0, style_react_1.classNames)([
                     (0, utils_2.staticClassName)('SectionAction', theme) && [
                         'onesy-SectionTextMedia-button'
                     ],

package/esm/Divider/Divider.js

@@ -161,7 +161,9 @@ const Divider = /*#__PURE__*/React.forwardRef((props_, ref) => {
     color: color,
     Component: Component,
     className: classNames([staticClassName('Divider', theme) && ['onesy-Divider-root'], className, classes[children ? 'rootWithChildren' : 'root'], classes[`${children ? 'rootWithChildren_' : ''}orientation_${orientation}`], flex && classes[`flex_orientation_${orientation}`], inset && classes.inset, middle && classes[`${children ? `rootWithChildren_` : ''}orientation_${orientation}_middle`], padding && classes[`orientation_${orientation}_padding`], color === 'inherit' && classes.color_inherit, tonal && classes.divider_tonal]),
-    style: _objectSpread(_objectSpread({}, style), styles.root)
+    style: _objectSpread(_objectSpread({
+      opacity
+    }, style), styles.root)
   }, other), children && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Surface, {
     version: "filled",
     tonal: tonal,

package/esm/SectionReviews/SectionReviews.js

@@ -15,16 +15,13 @@ import RatingElement from '../Rating';
 import { staticClassName } from '../utils';
 const useStyle = styleMethod(theme => ({
   root: {
-    overflow: 'hidden'
-  },
-  reviews: {
-    overflowX: 'auto',
-    padding: '0px 4px 12px',
-    maxWidth: '100%'
+    overflow: 'auto hidden',
+    padding: '0px 16px 24px'
   },
+  reviews: {},
   review: {
-    flex: '0 0 auto',
-    background: theme.palette.background.primary.secondary
+    background: theme.palette.background.primary.secondary,
+    boxShadow: '0px 4px 32px 0px rgba(0, 0, 0, 0.024)'
   },
   review_size_small: {
     width: '240px',
@@ -79,19 +76,21 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
       refs.root.current = item;
     },
-    align: "center",
+    align: "flex-start",
+    fullWidth: true,
     className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-root', `onesy-SectionReviews-size-${size}`], className, classes.root])
   }, other), /*#__PURE__*/React.createElement(Line, _extends({
     gap: 2,
     direction: "row",
-    align: "flex-start",
-    fullWidth: true
+    justify: "center",
+    align: "flex-start"
   }, ReviewsProps, {
     className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps?.className, classes.reviews])
   }), values.filter(Boolean).map((item, index) => /*#__PURE__*/React.createElement(Line, _extends({
     key: index,
     gap: 1.4,
-    direction: "column"
+    direction: "column",
+    flexNo: true
   }, ReviewProps, {
     className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps?.className, classes.review, classes[`review_size_${size}`]])
   }), /*#__PURE__*/React.createElement(Line, {

package/esm/SectionTextMedia/SectionTextMedia.js

@@ -5,8 +5,7 @@ const _excluded = ["size", "title", "description", "button", "mediaPosition", "m
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import { is, isEnvironment, textToInnerHTML } from '@onesy/utils';
+import { is, textToInnerHTML } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import TextElement from '../Text';
 import ImageElement from '../Image';
@@ -74,7 +73,6 @@ const SectionTextMedia = /*#__PURE__*/React.forwardRef((props_, ref) => {
     color: 'primary'
   }, MediaProps);
   const mime = media?.mime || '';
-  const navigate = isEnvironment('browser') && useNavigate();
   if (mime.includes('image')) {
     mediaElement = /*#__PURE__*/React.createElement(Image, _extends({
       src: media?.url || media?.urlSmall || (is('string', media) ? media : '')
@@ -128,7 +126,7 @@ const SectionTextMedia = /*#__PURE__*/React.forwardRef((props_, ref) => {
     version: "filled",
     color: "primary",
     size: size,
-    onClick: button.to || button.link ? () => button.to ? navigate(button.to) : window.open(button.link, 'blank') : undefined
+    onClick: (button.to || button.link) && window.open(button.to || button.link, 'blank')
   }, button.props, {
     className: classNames([staticClassName('SectionAction', theme) && ['onesy-SectionTextMedia-button'], button.props?.className, classes.button])
   }), button.text || 'Click here'));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.8
+/** @license UiReact v1.0.10
  *
  * 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.8",
+  "version": "1.0.10",
   "description": "UI for React",
   "repository": "https://github.com/onesy-org/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",