@onesy/ui-react 1.0.172 → 1.0.173

package/SectionImageGallery/SectionImageGallery.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireDefault(require("react"));
@@ -14,7 +13,8 @@ var _styleReact = require("@onesy/style-react");
 var _ImageGallery = _interopRequireDefault(require("../ImageGallery"));
 var _Section = _interopRequireDefault(require("../Section/Section"));
 var _utils2 = require("../utils");
-const _excluded = ["values", "value", "ImageGalleryProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "values", "value", "ImageGalleryProps", "className"];
 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) { (0, _defineProperty2.default)(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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -22,13 +22,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionImageGallery'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   const theme = (0, _styleReact.useOnesyTheme)();
   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.onesySectionImageGallery) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Section = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Section) || _Section.default;
   const ImageGallery = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ImageGallery) || _ImageGallery.default;
   const {
+      ref,
       values,
       value,
       ImageGalleryProps,
@@ -41,7 +42,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const refs = {
     root: _react.default.useRef(undefined)
   };
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -49,11 +50,13 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       refs.root.current = item;
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ImageGallery', theme) && ['onesy-SectionImageGallery-root'], className, classes.root])
-  }, other), !!(values !== null && values !== void 0 && values.length) && /*#__PURE__*/_react.default.createElement(ImageGallery, (0, _extends2.default)({
-    version: "regular",
-    items: values,
-    value: value
-  }, ImageGalleryProps)));
-});
+  }, other), {}, {
+    children: !!(values !== null && values !== void 0 && values.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageGallery, _objectSpread({
+      version: "regular",
+      items: values,
+      value: value
+    }, ImageGalleryProps))
+  }));
+};
 Element.displayName = 'onesy-SectionImageGallery';
 var _default = exports.default = Element;

package/SectionLogos/SectionLogos.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireDefault(require("react"));
@@ -15,7 +14,8 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Section = _interopRequireDefault(require("../Section/Section"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
-const _excluded = ["values", "size", "name", "gray", "ItemProps", "WrapperProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "values", "size", "name", "gray", "ItemProps", "WrapperProps", "className"];
 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) { (0, _defineProperty2.default)(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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -52,7 +52,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionLogos'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   const theme = (0, _styleReact.useOnesyTheme)();
   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.onesySectionLogos) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -60,6 +60,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
   const {
+      ref,
       values = [],
       size = 'regular',
       name,
@@ -75,7 +76,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const refs = {
     root: _react.default.useRef(undefined)
   };
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -88,31 +89,34 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       align: 'center'
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-root', `onesy-SectionLogos-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: size === 'large' ? 10 : size === 'regular' ? 8 : 6,
-    direction: "row",
-    justify: "flex-start",
-    align: "center",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-items'], classes.items, gray && classes.gray])
-  }, values === null || values === void 0 ? void 0 : values.map((item_0, index) => /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    key: index
-  }, WrapperProps, {
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-wrapper'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper, classes[`wrapper_size_${size}`]])
-  }), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({}, ItemProps, {
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item]),
-    style: {
-      backgroundImage: `url(${(item_0 === null || item_0 === void 0 ? void 0 : item_0.url) || (item_0 === null || item_0 === void 0 ? void 0 : item_0.urlSmall)})`
-    }
-  })), name && /*#__PURE__*/_react.default.createElement(Type, {
-    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
-    align: "center",
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-name'], classes.name])
-  }, (0, _utils.cleanValue)((item_0 === null || item_0 === void 0 ? void 0 : item_0.name) || 'No name', {
-    capitalize: true
-  }))))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      gap: size === 'large' ? 10 : size === 'regular' ? 8 : 6,
+      direction: "row",
+      justify: "flex-start",
+      align: "center",
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-items'], classes.items, gray && classes.gray]),
+      children: values === null || values === void 0 ? void 0 : values.map((item_0, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({}, WrapperProps), {}, {
+        fullWidth: true,
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-wrapper'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper, classes[`wrapper_size_${size}`]]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({}, ItemProps), {}, {
+          fullWidth: true,
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item]),
+          style: {
+            backgroundImage: `url(${(item_0 === null || item_0 === void 0 ? void 0 : item_0.url) || (item_0 === null || item_0 === void 0 ? void 0 : item_0.urlSmall)})`
+          }
+        })), name && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+          version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
+          align: "center",
+          fullWidth: true,
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionLogos', theme) && ['onesy-SectionLogos-name'], classes.name]),
+          children: (0, _utils.cleanValue)((item_0 === null || item_0 === void 0 ? void 0 : item_0.name) || 'No name', {
+            capitalize: true
+          })
+        })]
+      }), index))
+    })
+  }));
+};
 Element.displayName = 'onesy-SectionLogos';
 var _default = exports.default = Element;

package/SectionMedia/SectionMedia.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireDefault(require("react"));
@@ -20,7 +19,8 @@ var _Section = _interopRequireDefault(require("../Section/Section"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _VideoPlayer = _interopRequireDefault(require("../VideoPlayer"));
 var _utils2 = require("../utils");
-const _excluded = ["value", "size", "name", "IconDocument", "MediaProps", "ImageProps", "AudioProps", "VideoProps", "OtherProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "value", "size", "name", "IconDocument", "MediaProps", "ImageProps", "AudioProps", "VideoProps", "OtherProps", "className"];
 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) { (0, _defineProperty2.default)(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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -60,7 +60,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionMedia'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -73,6 +73,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Interaction = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Interaction) || _Interaction.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.default;
   const {
+      ref,
       value,
       size = 'regular',
       name,
@@ -97,35 +98,37 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   let element;
   if (value) {
     const mime = value.mime;
-    if (mime !== null && mime !== void 0 && mime.includes('image')) element = /*#__PURE__*/_react.default.createElement(Image, (0, _extends2.default)({
+    if (mime !== null && mime !== void 0 && mime.includes('image')) element = /*#__PURE__*/(0, _jsxRuntime.jsx)(Image, _objectSpread(_objectSpread(_objectSpread({
       src: (value === null || value === void 0 ? void 0 : value.url) || (value === null || value === void 0 ? void 0 : value.urlSmall) || ((0, _utils.is)('string', value) ? value : ''),
       maxWidth: "rg",
       fullWidth: true
-    }, MediaProps, ImageProps, {
+    }, MediaProps), ImageProps), {}, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-image'], MediaProps === null || MediaProps === void 0 ? void 0 : MediaProps.className, ImageProps === null || ImageProps === void 0 ? void 0 : ImageProps.className])
-    }));else if (mime !== null && mime !== void 0 && mime.includes('audio')) element = /*#__PURE__*/_react.default.createElement(AudioPlayer, (0, _extends2.default)({
+    }));else if (mime !== null && mime !== void 0 && mime.includes('audio')) element = /*#__PURE__*/(0, _jsxRuntime.jsx)(AudioPlayer, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       size: size
-    }, value, MediaProps, AudioProps, {
+    }, value), MediaProps), AudioProps), {}, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-audio'], MediaProps === null || MediaProps === void 0 ? void 0 : MediaProps.className, AudioProps === null || AudioProps === void 0 ? void 0 : AudioProps.className])
-    }));else if (mime !== null && mime !== void 0 && mime.includes('video')) element = /*#__PURE__*/_react.default.createElement(VideoPlayer, (0, _extends2.default)({
+    }));else if (mime !== null && mime !== void 0 && mime.includes('video')) element = /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoPlayer, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       size: size
-    }, value, MediaProps, VideoProps, {
+    }, value), MediaProps), VideoProps), {}, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-video'], MediaProps === null || MediaProps === void 0 ? void 0 : MediaProps.className, VideoProps === null || VideoProps === void 0 ? void 0 : VideoProps.className])
-    }));else element = /*#__PURE__*/_react.default.createElement(Line, {
+    }));else element = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
       gap: 1,
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-wrapper', 'onesy-SectionMedia-wrapper-other'], classes.wrapper, classes[`otherWrapper_size_${size}`]])
-    }, /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      align: "center",
-      justify: "center",
-      onClick: () => onOpenMedia(value),
-      fullWidth: true
-    }, MediaProps, OtherProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-other'], MediaProps === null || MediaProps === void 0 ? void 0 : MediaProps.className, OtherProps === null || OtherProps === void 0 ? void 0 : OtherProps.className, classes.other, classes[`other_size_${size}`]])
-    }), /*#__PURE__*/_react.default.createElement(Interaction, null), /*#__PURE__*/_react.default.createElement(IconDocument, {
-      size: size === 'large' ? 44 : size === 'regular' ? 34 : 24
-    })));
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-wrapper', 'onesy-SectionMedia-wrapper-other'], classes.wrapper, classes[`otherWrapper_size_${size}`]]),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread(_objectSpread({
+        align: "center",
+        justify: "center",
+        onClick: () => onOpenMedia(value),
+        fullWidth: true
+      }, MediaProps), OtherProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-other'], MediaProps === null || MediaProps === void 0 ? void 0 : MediaProps.className, OtherProps === null || OtherProps === void 0 ? void 0 : OtherProps.className, classes.other, classes[`other_size_${size}`]]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(IconDocument, {
+          size: size === 'large' ? 44 : size === 'regular' ? 34 : 24
+        })]
+      }))
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -135,17 +138,21 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     maxWidth: "small",
     align: "center",
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-root', `onesy-SectionMedia-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, {
-    align: "center",
-    fullWidth: true
-  }, element, name && /*#__PURE__*/_react.default.createElement(Type, {
-    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
-    align: "center",
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-name'], classes.name])
-  }, (0, _utils.cleanValue)((value === null || value === void 0 ? void 0 : value.name) || l('No name'), {
-    capitalize: true
-  }))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+      align: "center",
+      fullWidth: true,
+      children: [element, name && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
+        align: "center",
+        fullWidth: true,
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionMedia', theme) && ['onesy-SectionMedia-name'], classes.name]),
+        children: (0, _utils.cleanValue)((value === null || value === void 0 ? void 0 : value.name) || l('No name'), {
+          capitalize: true
+        })
+      })]
+    })
+  }));
+};
 Element.displayName = 'onesy-SectionMedia';
 var _default = exports.default = Element;

package/SectionReviews/SectionReviews.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireDefault(require("react"));
@@ -17,7 +16,8 @@ var _Type = _interopRequireDefault(require("../Type"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
 var _Rating = _interopRequireDefault(require("../Rating"));
 var _utils2 = require("../utils");
-const _excluded = ["values", "size", "AvatarProps", "TypeProps", "NameProps", "MetaProps", "DescriptionProps", "RatingProps", "ReviewProps", "ReviewsProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "values", "size", "AvatarProps", "TypeProps", "NameProps", "MetaProps", "DescriptionProps", "RatingProps", "ReviewProps", "ReviewsProps", "className"];
 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) { (0, _defineProperty2.default)(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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -50,7 +50,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionReviews'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
   const theme = (0, _styleReact.useOnesyTheme)();
   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.onesySectionReviews) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -60,6 +60,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Avatar = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Avatar) || _Avatar.default;
   const Rating = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Rating) || _Rating.default;
   const {
+      ref,
       values = [],
       size = 'regular',
       AvatarProps,
@@ -79,7 +80,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const refs = {
     root: _react.default.useRef(undefined)
   };
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -89,69 +90,77 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     align: "center",
     fullWidth: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-root', `onesy-SectionReviews-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 2,
-    direction: "row",
-    justify: "flex-start",
-    align: "flex-start"
-  }, ReviewsProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps === null || ReviewsProps === void 0 ? void 0 : ReviewsProps.className, classes.reviews])
-  }), values.filter(Boolean).map((item_0, index) => {
-    var _item_0$image, _item_0$image2, _item_0$name;
-    return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      key: index,
-      gap: 1.4,
-      direction: "column",
-      flexNo: true
-    }, ReviewProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps === null || ReviewProps === void 0 ? void 0 : ReviewProps.className, classes.review, classes[`review_size_${size}`]])
-    }), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 1.7,
+  }, other), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+      gap: 2,
       direction: "row",
-      align: "center"
-    }, /*#__PURE__*/_react.default.createElement(Avatar, (0, _extends2.default)({
-      size: size,
-      image: (0, _utils.is)('string', item_0.image) ? item_0.image : ((_item_0$image = item_0.image) === null || _item_0$image === void 0 ? void 0 : _item_0$image.url) || ((_item_0$image2 = item_0.image) === null || _item_0$image2 === void 0 ? void 0 : _item_0$image2.urlSmall)
-    }, AvatarProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-avatar'], AvatarProps === null || AvatarProps === void 0 ? void 0 : AvatarProps.className])
-    }), (_item_0$name = item_0.name) === null || _item_0$name === void 0 ? void 0 : _item_0$name.split(' ').map(item_ => item_[0]).join('')), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 0.5,
-      direction: "column"
-    }, /*#__PURE__*/_react.default.createElement(Rating, (0, _extends2.default)({
-      value: item_0.rating,
-      size: ['regular', 'small'].includes(size) ? 'small' : 'regular',
-      readOnly: true
-    }, RatingProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-rating'], RatingProps === null || RatingProps === void 0 ? void 0 : RatingProps.className])
-    })), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 0.14,
-      direction: "column"
-    }, /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 't2' : size === 'regular' ? 't3' : 'l1',
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item_0.name)
-      }
-    }, NameProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-name'], NameProps === null || NameProps === void 0 ? void 0 : NameProps.className])
-    })), item_0.meta && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3',
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item_0.meta)
-      }
-    }, MetaProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-meta'], MetaProps === null || MetaProps === void 0 ? void 0 : MetaProps.className])
-    }))))), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 1,
-      direction: "column"
-    }, /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item_0.description)
-      }
-    }, DescriptionProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-description'], DescriptionProps === null || DescriptionProps === void 0 ? void 0 : DescriptionProps.className])
-    }))));
-  })));
-});
+      justify: "flex-start",
+      align: "flex-start"
+    }, ReviewsProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps === null || ReviewsProps === void 0 ? void 0 : ReviewsProps.className, classes.reviews]),
+      children: values.filter(Boolean).map((item_0, index) => {
+        var _item_0$image, _item_0$image2, _item_0$name;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+          gap: 1.4,
+          direction: "column",
+          flexNo: true
+        }, ReviewProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps === null || ReviewProps === void 0 ? void 0 : ReviewProps.className, classes.review, classes[`review_size_${size}`]]),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+            gap: 1.7,
+            direction: "row",
+            align: "center",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Avatar, _objectSpread(_objectSpread({
+              size: size,
+              image: (0, _utils.is)('string', item_0.image) ? item_0.image : ((_item_0$image = item_0.image) === null || _item_0$image === void 0 ? void 0 : _item_0$image.url) || ((_item_0$image2 = item_0.image) === null || _item_0$image2 === void 0 ? void 0 : _item_0$image2.urlSmall)
+            }, AvatarProps), {}, {
+              className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-avatar'], AvatarProps === null || AvatarProps === void 0 ? void 0 : AvatarProps.className]),
+              children: (_item_0$name = item_0.name) === null || _item_0$name === void 0 ? void 0 : _item_0$name.split(' ').map(item_ => item_[0]).join('')
+            })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+              gap: 0.5,
+              direction: "column",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Rating, _objectSpread(_objectSpread({
+                value: item_0.rating,
+                size: ['regular', 'small'].includes(size) ? 'small' : 'regular',
+                readOnly: true
+              }, RatingProps), {}, {
+                className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-rating'], RatingProps === null || RatingProps === void 0 ? void 0 : RatingProps.className])
+              })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+                gap: 0.14,
+                direction: "column",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+                  version: size === 'large' ? 't2' : size === 'regular' ? 't3' : 'l1',
+                  dangerouslySetInnerHTML: {
+                    __html: (0, _utils.textToInnerHTML)(item_0.name)
+                  }
+                }, NameProps), {}, {
+                  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-name'], NameProps === null || NameProps === void 0 ? void 0 : NameProps.className])
+                })), item_0.meta && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+                  version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3',
+                  dangerouslySetInnerHTML: {
+                    __html: (0, _utils.textToInnerHTML)(item_0.meta)
+                  }
+                }, MetaProps), {}, {
+                  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-meta'], MetaProps === null || MetaProps === void 0 ? void 0 : MetaProps.className])
+                }))]
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+            gap: 1,
+            direction: "column",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+              version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+              dangerouslySetInnerHTML: {
+                __html: (0, _utils.textToInnerHTML)(item_0.description)
+              }
+            }, DescriptionProps), {}, {
+              className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionReviews', theme) && ['onesy-SectionReviews-description'], DescriptionProps === null || DescriptionProps === void 0 ? void 0 : DescriptionProps.className])
+            }))
+          })]
+        }), index);
+      })
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionReviews';
 var _default = exports.default = Element;