@onesy/ui-react 1.0.164 → 1.0.167

package/SectionMedia/SectionMedia.js

@@ -61,40 +61,17 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-SectionMedia'
 });
 const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  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;
-  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.onesySectionMedia) === 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 Section = _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.Section) || _Section.default;
-  }, [theme]);
-  const Image = _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.Image) || _Image.default;
-  }, [theme]);
-  const AudioPlayer = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.AudioPlayer) || _AudioPlayer.default;
-  }, [theme]);
-  const VideoPlayer = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.VideoPlayer) || _VideoPlayer.default;
-  }, [theme]);
-  const Interaction = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Interaction) || _Interaction.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.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.onesySectionMedia) === 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 Section = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Section) || _Section.default;
+  const Image = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Image) || _Image.default;
+  const AudioPlayer = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.AudioPlayer) || _AudioPlayer.default;
+  const VideoPlayer = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.VideoPlayer) || _VideoPlayer.default;
+  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 {
       value,
       size = 'regular',
@@ -114,9 +91,9 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const refs = {
     root: _react.default.useRef(undefined)
   };
-  const onOpenMedia = _react.default.useCallback(media => {
+  const onOpenMedia = media => {
     window.open(media.url || media.urlSmall, 'blank_');
-  }, []);
+  };
   let element;
   if (value) {
     const mime = value.mime;

package/SectionReviews/SectionReviews.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export type ISectionReviewsItem = {
+export declare type ISectionReviewsItem = {
     name: string;
     meta?: string;
     description: string;
     rating?: number;
     image?: string | IMediaObject;
 };
-export type ISectionReviews = ISection & {
+export declare type ISectionReviews = ISection & {
     values?: ISectionReviewsItem[];
     size?: 'small' | 'regular' | 'large';
     AvatarProps?: IPropsAny;

package/SectionReviews/SectionReviews.js

@@ -51,31 +51,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-SectionReviews'
 });
 const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
   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.onesySectionReviews) === 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 Section = _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.Section) || _Section.default;
-  }, [theme]);
-  const Type = _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.Type) || _Type.default;
-  }, [theme]);
-  const Avatar = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Avatar) || _Avatar.default;
-  }, [theme]);
-  const Rating = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Rating) || _Rating.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.onesySectionReviews) === 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 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 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 {
       values = [],
       size = 'regular',
@@ -113,8 +96,8 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     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, index) => {
-    var _item$image, _item$image2, _item$name;
+  }), 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,
@@ -128,14 +111,14 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       align: "center"
     }, /*#__PURE__*/_react.default.createElement(Avatar, (0, _extends2.default)({
       size: size,
-      image: (0, _utils.is)('string', item.image) ? item.image : ((_item$image = item.image) === null || _item$image === void 0 ? void 0 : _item$image.url) || ((_item$image2 = item.image) === null || _item$image2 === void 0 ? void 0 : _item$image2.urlSmall)
+      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$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.split(' ').map(item_ => item_[0]).join('')), /*#__PURE__*/_react.default.createElement(Line, {
+    }), (_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.rating,
+      value: item_0.rating,
       size: ['regular', 'small'].includes(size) ? 'small' : 'regular',
       readOnly: true
     }, RatingProps, {
@@ -146,14 +129,14 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
       version: size === 'large' ? 't2' : size === 'regular' ? 't3' : 'l1',
       dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.name)
+        __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.meta && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+    })), 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.meta)
+        __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])
@@ -163,7 +146,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
       version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
       dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.description)
+        __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])

package/SectionTextMedia/SectionTextMedia.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IValueBreakpoints, IPropsAny } from '../types';
-export type ISectionTextMedia = ISection & {
+export declare type ISectionTextMedia = ISection & {
     title?: string | Partial<Record<IValueBreakpoints, string>>;
     description?: string | Partial<Record<IValueBreakpoints, string>>;
     button?: {

package/SectionTextMedia/SectionTextMedia.js

@@ -36,45 +36,18 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-SectionTextMedia'
 });
 const SectionTextMedia = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
-  var _button$props;
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8, _button$props;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
-  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.onesySectionTextMedia) === 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 Text = _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.Text) || _Text.default;
-  }, [theme]);
-  const Image = _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.Image) || _Image.default;
-  }, [theme]);
-  const Section = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Section) || _Section.default;
-  }, [theme]);
-  const AudioPlayer = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.AudioPlayer) || _AudioPlayer.default;
-  }, [theme]);
-  const VideoPlayer = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.VideoPlayer) || _VideoPlayer.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.default;
-  }, [theme]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements8;
-    return (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.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.onesySectionTextMedia) === 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 Text = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Text) || _Text.default;
+  const Image = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Image) || _Image.default;
+  const Section = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Section) || _Section.default;
+  const AudioPlayer = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.AudioPlayer) || _AudioPlayer.default;
+  const VideoPlayer = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.VideoPlayer) || _VideoPlayer.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 Button = (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.Button) || _Button.default;
   const {
     classes
   } = useStyle();

package/SectionTimeline/SectionTimeline.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IPropsAny } from '../types';
-export type ISectionTimelineItem = {
+export declare type ISectionTimelineItem = {
     title?: string;
     heading?: string;
     description?: string;
 };
-export type ISectionTimeline = ISection & {
+export declare type ISectionTimeline = ISection & {
     size?: 'small' | 'regular' | 'large';
     values?: ISectionTimelineItem[];
     TimelineProps?: IPropsAny;

package/SectionTimeline/SectionTimeline.js

@@ -35,31 +35,14 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-SectionTimeline'
 });
 const SectionTimeline = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
   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.onesySectionTimeline) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Section = _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.Section) || _Section.default;
-  }, [theme]);
-  const ListItem = _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.ListItem) || _ListItem.default;
-  }, [theme]);
-  const Timeline = _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.Timeline) || _Timeline.default;
-  }, [theme]);
-  const TimelineItem = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.TimelineItem) || _TimelineItem.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Type) || _Type.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.onesySectionTimeline) === 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 ListItem = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ListItem) || _ListItem.default;
+  const Timeline = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Timeline) || _Timeline.default;
+  const TimelineItem = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.TimelineItem) || _TimelineItem.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Type) || _Type.default;
   const {
       size = 'regular',
       values = [],
@@ -91,33 +74,33 @@ const SectionTimeline = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
     fullWidth: true
   }, TimelineProps, {
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionTimeline', theme) && ['onesy-SectionTimeline-timeline'], TimelineProps === null || TimelineProps === void 0 ? void 0 : TimelineProps.className, classes.timeline])
-  }), values === null || values === void 0 ? void 0 : values.map((item, index) => /*#__PURE__*/_react.default.createElement(TimelineItem, (0, _extends2.default)({
+  }), values === null || values === void 0 ? void 0 : values.map((item_0, index) => /*#__PURE__*/_react.default.createElement(TimelineItem, (0, _extends2.default)({
     key: index,
-    start: (0, _utils.is)('string', item.title) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+    start: (0, _utils.is)('string', item_0.title) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
       version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
       align: "right"
     }, ItemStartProps, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionTimeline', theme) && ['onesy-SectionTimeline-item-start'], ItemStartProps === null || ItemStartProps === void 0 ? void 0 : ItemStartProps.className, classes.start]),
       dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.title)
+        __html: (0, _utils.textToInnerHTML)(item_0.title)
       }
-    })) : item.title,
+    })) : item_0.title,
     end: /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
       Component: "div",
-      primary: (0, _utils.is)('string', item.heading) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+      primary: (0, _utils.is)('string', item_0.heading) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
         version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3'
       }, HeadingProps, {
         dangerouslySetInnerHTML: {
-          __html: (0, _utils.textToInnerHTML)(item.heading)
+          __html: (0, _utils.textToInnerHTML)(item_0.heading)
         }
-      })) : item.heading,
-      secondary: (0, _utils.is)('string', item.description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+      })) : item_0.heading,
+      secondary: (0, _utils.is)('string', item_0.description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
         version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3'
       }, DescriptionProps, {
         dangerouslySetInnerHTML: {
-          __html: (0, _utils.textToInnerHTML)(item.description)
+          __html: (0, _utils.textToInnerHTML)(item_0.description)
         }
-      })) : item.description,
+      })) : item_0.description,
       noBackground: true
     }, ItemEndProps, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionTimeline', theme) && ['onesy-SectionTimeline-item-end'], ItemEndProps === null || ItemEndProps === void 0 ? void 0 : ItemEndProps.className, classes.end]),

package/SectionWatch/SectionWatch.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IWatch } from '../Watch/Watch';
-export type ISectionWatch = ISection & {
+export declare type ISectionWatch = ISection & {
     version?: 'regular' | 'analog' | 'modern' | 'minimal';
     color?: TPaletteVersion;
     WatchProps?: IWatch;

package/SectionWatch/SectionWatch.js

@@ -23,19 +23,11 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-SectionWatch'
 });
 const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   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.onesySectionWatch) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Section = _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.Section) || _Section.default;
-  }, [theme]);
-  const Watch = _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.Watch) || _Watch.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.onesySectionWatch) === 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 Watch = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Watch) || _Watch.default;
   const {
       version = 'modern',
       size = 'regular',

package/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
 import { IElement, IPropsAny } from '../types';
-export type ISelect = ITextField & {
+export declare type ISelect = ITextField & {
     options?: Array<{
         name: any;
         value: any;