@onesy/ui-react 1.0.164 → 1.0.167

package/PieChart/PieChart.js

@@ -60,32 +60,15 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-PieChart'
 });
 const PieChart = /*#__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 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.onesyPieChart) === 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 Chart = _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.Chart) || _Chart.default;
-  }, [theme]);
-  const Path = _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.Path) || _Path.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.onesyPieChart) === 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 Chart = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Chart) || _Chart.default;
+  const Path = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Path) || _Path.default;
   const {
       tonal = true,
       color = 'primary',
@@ -117,13 +100,13 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     const result = [];
     const items = [animate_, animateTimeout_];
     items.forEach(item => {
-      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
+      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key_0 => result.push(key_0));
     });
     return (0, _utils.unique)(result);
   }, [animate_, animateTimeout_]);
   const breakpoints = {};
-  keys.forEach(key => {
-    breakpoints[key] = (0, _useMediaQuery.default)(theme.breakpoints.media[key], {
+  keys.forEach(key_1 => {
+    breakpoints[key_1] = (0, _useMediaQuery.default)(theme.breakpoints.media[key_1], {
       element: refs.root.current
     });
   });
@@ -135,9 +118,9 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   refs.animate.current = animate;
   refs.animateTimeout.current = animateTimeout;
   refs.init.current = init;
-  const LegendItem = _react.default.useCallback(props__ => {
+  const LegendItem = props__ => {
     const {
-        item = {},
+        item: item_0 = {},
         className: className_
       } = props__,
       other_ = (0, _objectWithoutProperties2.default)(props__, _excluded2);
@@ -145,7 +128,7 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       color: color_,
       tone = 'main',
       name = 'No name'
-    } = item;
+    } = item_0;
     return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
       gap: 1,
       direction: "row",
@@ -160,7 +143,7 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }), /*#__PURE__*/_react.default.createElement(Type, {
       version: "b3"
     }, name));
-  }, [theme]);
+  };
   const make = () => {
     // Make values into x, y, coordinates
     // normalized in rect width, height values
@@ -172,18 +155,18 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       } = refs.rects.current.wrapper;
 
       // Legend
-      const legend_ = values.map(item => {
+      const legend_ = values.map(item_1 => {
         return {
-          item,
+          item: item_1,
           element: /*#__PURE__*/_react.default.createElement(LegendItem, {
-            item: item
+            item: item_1
           })
         };
       });
       const center = width / 2;
       const radius = width / 2 - gap / 2;
       const total = 360;
-      const valueTotal = values.reduce((result, itemValue) => result += itemValue.values[0], 0);
+      const valueTotal = values.reduce((result_0, itemValue) => result_0 += itemValue.values[0], 0);
       const angles = {
         start: (0, _utils2.angleToCoordinates)(0, center, center, radius)
       };
@@ -193,12 +176,12 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       let d = '';
 
       // Elements
-      const elements_ = (0, _utils.copy)(values).map((item, index) => {
+      const elements_ = (0, _utils.copy)(values).map((item_2, index) => {
         const {
-          color: color_,
-          tone = 'main'
-        } = item;
-        const partPercentage = (0, _utils.percentageFromValueWithinRange)(item.values[0], 0, valueTotal);
+          color: color__0,
+          tone: tone_0 = 'main'
+        } = item_2;
+        const partPercentage = (0, _utils.percentageFromValueWithinRange)(item_2.values[0], 0, valueTotal);
         let part = total * (partPercentage / 100);
         if (partPercentage === 100) part -= 0.0001;
         const startInner = (0, _utils2.angleToCoordinates)(anglePreviousInner, center, center, radius * innerOffset);
@@ -239,10 +222,10 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           value_ = ['M', angles.moveInner.x, angles.moveInner.y, 'L', angles.move.x, angles.move.y];
         }
         return {
-          item,
+          item: item_2,
           element: /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement(Path, (0, _extends2.default)({
             d: d,
-            fill: !refs.theme.current.palette.color[color_] ? color_ : refs.theme.current.palette.color[color_][tone],
+            fill: !refs.theme.current.palette.color[color__0] ? color__0 : refs.theme.current.palette.color[color__0][tone_0],
             stroke: gap > 0 ? refs.theme.current.palette.background.default.primary : 'none',
             strokeWidth: gap
           }, PathProps, {
@@ -257,7 +240,7 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
             x: angleTextCoordinates.x,
             y: angleTextCoordinates.y,
             className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('PieChart', theme) && ['onesy-PieChart-text'], classes.text]),
-            fill: refs.theme.current.methods.palette.color.text(!refs.theme.current.palette.color[color_] ? color_ : refs.theme.current.palette.color[color_][tone], true, 'light'),
+            fill: refs.theme.current.methods.palette.color.text(!refs.theme.current.palette.color[color__0] ? color__0 : refs.theme.current.palette.color[color__0][tone_0], true, 'light'),
             style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), refs.animate.current && refs.init.current !== 'animated' && {
               opacity: 0
             }), refs.animate.current && refs.init.current === 'animated' && {
@@ -280,7 +263,7 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       });
     }
   };
-  const initMethod = _react.default.useCallback(() => {
+  const initMethod = () => {
     if (animate) {
       if (!init) {
         refs.pathStyle.current = {
@@ -298,7 +281,7 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         }, refs.animateTimeout.current);
       }
     }
-  }, [init, animate]);
+  };
   _react.default.useEffect(() => {
     make();
     initMethod();
@@ -309,14 +292,14 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   };
   const tooltipRender = (0, _utils.is)('function', tooltipRender_) ? tooltipRender_ : values_ => {
     const {
-      name,
-      color: color_,
-      tone = 'main',
+      name: name_0,
+      color: color__1,
+      tone: tone_1 = 'main',
       values: values__
     } = values_;
-    const valueTotal = values.reduce((result, itemValue) => result += itemValue.values[0], 0);
+    const valueTotal_0 = values.reduce((result_1, itemValue_0) => result_1 += itemValue_0.values[0], 0);
     const valueValue = values__[0];
-    const valuePercentage = (valueValue / valueTotal * 100).toFixed(1).replace('.0', '');
+    const valuePercentage = (valueValue / valueTotal_0 * 100).toFixed(1).replace('.0', '');
     return {
       element: /*#__PURE__*/_react.default.createElement(Line, {
         tonal: tonal,
@@ -333,11 +316,11 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('PieChart', theme) && ['onesy-LineChart-append-icon'], classes.append_icon]),
         style: {
-          background: !refs.theme.current.palette.color[color_] ? color_ : refs.theme.current.palette.color[color_][tone]
+          background: !refs.theme.current.palette.color[color__1] ? color__1 : refs.theme.current.palette.color[color__1][tone_1]
         }
       }), /*#__PURE__*/_react.default.createElement(Type, {
         version: "b3"
-      }, name)), /*#__PURE__*/_react.default.createElement(Line, {
+      }, name_0)), /*#__PURE__*/_react.default.createElement(Line, {
         gap: 0.4,
         direction: "column"
       }, /*#__PURE__*/_react.default.createElement(Line, {
@@ -366,11 +349,11 @@ const PieChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     };
   };
   return /*#__PURE__*/_react.default.createElement(Chart, (0, _extends2.default)({
-    ref: item => {
+    ref: item_3 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_3);else ref.current = item_3;
       }
-      refs.root.current = item;
+      refs.root.current = item_3;
     },
     tonal: tonal,
     color: color,

package/Placeholder/Placeholder.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export type IPlaceholder = Omit<IBaseElement, 'version'> & {
+export declare type IPlaceholder = Omit<IBaseElement, 'version'> & {
     version?: 'rectangle' | 'rounded' | 'circle';
     width?: string | number;
     height?: string | number;

package/Placeholder/Placeholder.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 _Surface = _interopRequireDefault(require("../Surface"));
@@ -86,48 +87,83 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Placeholder'
 });
 const Placeholder = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
+  const $ = (0, _compilerRuntime.c)(12);
   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.onesyPlaceholder) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Surface = _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.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.onesyPlaceholder) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Surface = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Surface) || _Surface.default;
   const {
-      color = 'default',
-      version = 'rounded',
+      color: t0,
+      version: t1,
       width,
       height,
-      animation = 'pulse',
+      animation: t2,
       text,
-      Component = 'div',
+      Component: t3,
       className,
       style,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const color = t0 === undefined ? "default" : t0;
+  const version = t1 === undefined ? "rounded" : t1;
+  const animation = t2 === undefined ? "pulse" : t2;
+  const Component = t3 === undefined ? "div" : t3;
   const {
     classes
   } = useStyle();
   const styles = {
     root: {}
   };
-  if (width !== undefined) styles.root.width = width;
-  if (height !== undefined) styles.root.height = height;
+  if (width !== undefined) {
+    styles.root.width = width;
+  }
+  if (height !== undefined) {
+    styles.root.height = height;
+  }
+  const t4 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("Placeholder", theme) && ["onesy-Placeholder-root"], className, classes.root, classes[`version_${version}`], animation && animation && classes[`animation_${animation}`], text && classes.text]);
+  let t5;
+  if ($[0] !== classes.wrapper || $[1] !== theme) {
+    t5 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("Placeholder", theme) && ["onesy-Placeholder-wrapper"], classes.wrapper]);
+    $[0] = classes.wrapper;
+    $[1] = theme;
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  let t6;
+  if ($[3] !== children || $[4] !== classes.children || $[5] !== theme) {
+    t6 = children && /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _styleReact.classNames)([(0, _utils.staticClassName)("Placeholder", theme) && ["onesy-Placeholder-children"], classes.children])
+    }, children);
+    $[3] = children;
+    $[4] = classes.children;
+    $[5] = theme;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== Surface || $[8] !== color || $[9] !== t5 || $[10] !== t6) {
+    t7 = /*#__PURE__*/_react.default.createElement(Surface, {
+      version: "text",
+      tonal: false,
+      color: color,
+      className: t5
+    }, t6);
+    $[7] = Surface;
+    $[8] = color;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Placeholder', theme) && [`onesy-Placeholder-root`], className, classes.root, classes[`version_${version}`], animation && animation && classes[`animation_${animation}`], text && classes.text]),
+    className: t4,
     style: _objectSpread(_objectSpread({}, style), styles.root)
-  }, other), /*#__PURE__*/_react.default.createElement(Surface, {
-    version: "text",
-    tonal: false,
-    color: color,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Placeholder', theme) && [`onesy-Placeholder-wrapper`], classes.wrapper])
-  }, children && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Placeholder', theme) && [`onesy-Placeholder-children`], classes.children])
-  }, children)));
+  }, other), t7);
 });
 Placeholder.displayName = 'onesy-Placeholder';
 var _default = exports.default = Placeholder;

package/Portal/Portal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export type IPortal = IBaseElement & {
+export declare type IPortal = IBaseElement & {
     element?: Element | DocumentFragment;
 };
 declare const Portal: React.FC<IPortal>;

package/Portal/Portal.js

@@ -15,11 +15,9 @@ const _excluded = ["element", "children"];
 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 Portal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2;
   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.onesyPortal) === 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.onesyPortal) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
       element,
       children

package/Properties/Properties.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export type IPropertiesValue = {
+export declare type IPropertiesValue = {
     name: any;
     value: any;
     separator?: any;
     props?: any;
 };
-export type IProperties = ILine & {
+export declare type IProperties = ILine & {
     version?: 'row' | 'row-20' | 'row-30' | 'row-40' | 'row-50' | 'row-between' | 'column';
     values?: (boolean | IPropertiesValue)[];
     onlyWithValues?: boolean;

package/Properties/Properties.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 _Line = _interopRequireDefault(require("../Line/Line"));
@@ -40,49 +41,69 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Properties'
 });
 const Properties = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
-  var _filter;
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _filter;
+  const $ = (0, _compilerRuntime.c)(8);
   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.onesyProperties) === 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 Property = _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.Property) || _Property.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.onesyProperties) === 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 Property = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Property) || _Property.default;
   const {
-      version = 'row-30',
-      size = 'regular',
-      values = [],
-      onlyWithValues = true,
+      version: t0,
+      size: t1,
+      values: t2,
+      onlyWithValues: t3,
       maxWidth,
       PropertyProps,
       className,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const version = t0 === undefined ? "row-30" : t0;
+  const size = t1 === undefined ? "regular" : t1;
+  const values = t2 === undefined ? [] : t2;
+  const onlyWithValues = t3 === undefined ? true : t3;
   const {
     classes
   } = useStyle();
-  if (!(values !== null && values !== void 0 && values.length) || onlyWithValues && !values.every(item => item.value !== undefined)) return null;
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
-    gap: size === 'large' ? 1.5 : size === 'regular' ? 1 : 0.5,
-    rowGap: size === 'large' ? 1.5 : size === 'regular' ? 1 : 0.5,
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Properties', theme) && ['onesy-Properties-root', `onesy-Properties-version-${version}`, `onesy-Properties-size-${size}`], className, classes.root, maxWidth && classes[`maxWidth_${maxWidth}`]])
-  }, other), values === null || values === void 0 || (_filter = values.filter(Boolean)) === null || _filter === void 0 ? void 0 : _filter.map((item, index) => /*#__PURE__*/_react.default.createElement(Property, (0, _extends2.default)({
+  if (!(values !== null && values !== void 0 && values.length) || onlyWithValues && !values.every(_temp)) {
+    return null;
+  }
+  const t4 = size === "large" ? 1.5 : size === "regular" ? 1 : 0.5;
+  const t5 = size === "large" ? 1.5 : size === "regular" ? 1 : 0.5;
+  const t6 = true;
+  const t7 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("Properties", theme) && ["onesy-Properties-root", `onesy-Properties-version-${version}`, `onesy-Properties-size-${size}`], className, classes.root, maxWidth && classes[`maxWidth_${maxWidth}`]]);
+  const t8 = values === null || values === void 0 || (_filter = values.filter(Boolean)) === null || _filter === void 0 ? void 0 : _filter.map((item_0, index) => /*#__PURE__*/_react.default.createElement(Property, (0, _extends2.default)({
     key: index,
     version: version,
     size: size,
-    name: item.name,
-    value: item.value,
-    separator: item.separator
-  }, PropertyProps, item.props))));
+    name: item_0.name,
+    value: item_0.value,
+    separator: item_0.separator
+  }, PropertyProps, item_0.props)));
+  let t9;
+  if ($[0] !== Line || $[1] !== other || $[2] !== ref || $[3] !== t4 || $[4] !== t5 || $[5] !== t7 || $[6] !== t8) {
+    t9 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+      ref: ref,
+      gap: t4,
+      rowGap: t5,
+      fullWidth: t6,
+      className: t7
+    }, other), t8);
+    $[0] = Line;
+    $[1] = other;
+    $[2] = ref;
+    $[3] = t4;
+    $[4] = t5;
+    $[5] = t7;
+    $[6] = t8;
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  return t9;
 });
 Properties.displayName = 'onesy-Properties';
-var _default = exports.default = Properties;
+var _default = exports.default = Properties;
+function _temp(item) {
+  return item.value !== undefined;
+}

package/Property/Property.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export type IProperty = ILine & {
+export declare type IProperty = ILine & {
     name?: any;
     value?: any;
     separator?: any;

package/Property/Property.js

@@ -56,19 +56,11 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Property'
 });
 const Property = /*#__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.onesyProperty) === 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 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.onesyProperty) === 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 {
       version: version_ = 'row-30',
       size = 'regular',

package/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IRef, IColor } from '../types';
-export type IRadio = Omit<IIconButton, 'onChange'> & {
+export declare type IRadio = Omit<IIconButton, 'onChange'> & {
     inputRef?: IRef;
     colorUnchecked?: IColor;
     valueDefault?: boolean;