@onesy/ui-react 1.0.163 → 1.0.165

package/CardHeader/CardHeader.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"));
@@ -23,42 +24,85 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-CardHeader'
 });
 const CardHeader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
+  const $ = (0, _compilerRuntime.c)(18);
   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.onesyCardHeader) === 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 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.onesyCardHeader) === 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 {
-      tonal = true,
+      tonal: t0,
       color,
       version,
       elevation,
-      Component = 'div',
+      Component: t1,
       className,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const tonal = t0 === undefined ? true : t0;
+  const Component = t1 === undefined ? "div" : t1;
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
-    direction: "row",
-    align: "center",
-    justify: "center",
-    fullWidth: true,
-    Component: Component,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('CardHeader', theme) && [`onesy-CardHeader-root`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.cloneElement(children, {
-    tonal: children.props.tonal !== undefined ? children.props.tonal : tonal,
-    version: children.props.version !== undefined ? children.props.version : version,
-    elevation: children.props.elevation !== undefined ? children.props.elevation : elevation,
-    color: children.props.color !== undefined ? children.props.color : color
-  }));
+  const t2 = "row";
+  const t3 = "center";
+  const t4 = "center";
+  const t5 = true;
+  const t6 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("CardHeader", theme) && ["onesy-CardHeader-root"], className, classes.root]);
+  let t7;
+  if ($[0] !== children || $[1] !== color || $[2] !== elevation || $[3] !== tonal || $[4] !== version) {
+    const t8 = children.props.tonal !== undefined ? children.props.tonal : tonal;
+    const t9 = children.props.version !== undefined ? children.props.version : version;
+    const t10 = children.props.elevation !== undefined ? children.props.elevation : elevation;
+    const t11 = children.props.color !== undefined ? children.props.color : color;
+    let t12;
+    if ($[6] !== t10 || $[7] !== t11 || $[8] !== t8 || $[9] !== t9) {
+      t12 = {
+        tonal: t8,
+        version: t9,
+        elevation: t10,
+        color: t11
+      };
+      $[6] = t10;
+      $[7] = t11;
+      $[8] = t8;
+      $[9] = t9;
+      $[10] = t12;
+    } else {
+      t12 = $[10];
+    }
+    t7 = /*#__PURE__*/_react.default.cloneElement(children, t12);
+    $[0] = children;
+    $[1] = color;
+    $[2] = elevation;
+    $[3] = tonal;
+    $[4] = version;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  let t8;
+  if ($[11] !== Component || $[12] !== Line || $[13] !== other || $[14] !== ref || $[15] !== t6 || $[16] !== t7) {
+    t8 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+      ref: ref,
+      direction: t2,
+      align: t3,
+      justify: t4,
+      fullWidth: t5,
+      Component: Component,
+      className: t6
+    }, other), t7);
+    $[11] = Component;
+    $[12] = Line;
+    $[13] = other;
+    $[14] = ref;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
 });
 CardHeader.displayName = 'onesy-CardHeader';
 var _default = exports.default = CardHeader;

package/CardImage/CardImage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IVersion, IElevation } from '../types';
-export type ICardImage = IBaseElement & {
+export declare type ICardImage = IBaseElement & {
     version?: IVersion;
     elevation?: IElevation;
     alt?: string;

package/CardImage/CardImage.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 _utils = require("../utils");
@@ -50,34 +51,51 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-CardImage'
 });
 const CardImage = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2;
+  const $ = (0, _compilerRuntime.c)(7);
   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.onesyCardImage) === 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.onesyCardImage) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
-      tonal = true,
+      tonal: t0,
       color,
       version,
       elevation,
       alt,
       image,
-      shape = 'bottom',
+      shape: t1,
       marginHorizontal,
-      Component = 'img',
+      Component: t2,
       className,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  t0 === undefined ? true : t0;
+  const shape = t1 === undefined ? "bottom" : t1;
+  const Component = t2 === undefined ? "img" : t2;
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref,
-    alt: alt || '',
-    src: image,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('CardImage', theme) && [`onesy-CardImage-root`], className, classes.root, classes[`shape_${shape}`], marginHorizontal && classes.marginHorizontal])
-  }, other));
+  const t3 = alt || "";
+  const t4 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("CardImage", theme) && ["onesy-CardImage-root"], className, classes.root, classes[`shape_${shape}`], marginHorizontal && classes.marginHorizontal]);
+  let t5;
+  if ($[0] !== Component || $[1] !== image || $[2] !== other || $[3] !== ref || $[4] !== t3 || $[5] !== t4) {
+    t5 = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+      ref: ref,
+      alt: t3,
+      src: image,
+      className: t4
+    }, other));
+    $[0] = Component;
+    $[1] = image;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 });
 CardImage.displayName = 'onesy-CardImage';
 var _default = exports.default = CardImage;

package/CardMain/CardMain.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IVersion, IElevation } from '../types';
-export type ICardMain = ILine & {
+export declare type ICardMain = ILine & {
     version?: IVersion;
     elevation?: IElevation;
 };

package/CardMain/CardMain.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"));
@@ -23,34 +24,47 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-CardMain'
 });
 const CardMain = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
+  const $ = (0, _compilerRuntime.c)(7);
   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.onesyCardMain) === 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 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.onesyCardMain) === 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 {
-      tonal = true,
+      tonal: t0,
       color,
       version,
       elevation,
-      Component = 'div',
+      Component: t1,
       className,
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  t0 === undefined ? true : t0;
+  const Component = t1 === undefined ? "div" : t1;
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
-    fullWidth: true,
-    Component: Component,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('CardMain', theme) && [`onesy-CardMain-root`], className, classes.root])
-  }, other), children);
+  const t2 = true;
+  const t3 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("CardMain", theme) && ["onesy-CardMain-root"], className, classes.root]);
+  let t4;
+  if ($[0] !== Component || $[1] !== Line || $[2] !== children || $[3] !== other || $[4] !== ref || $[5] !== t3) {
+    t4 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+      ref: ref,
+      fullWidth: t2,
+      Component: Component,
+      className: t3
+    }, other), children);
+    $[0] = Component;
+    $[1] = Line;
+    $[2] = children;
+    $[3] = other;
+    $[4] = ref;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 });
 CardMain.displayName = 'onesy-CardMain';
 var _default = exports.default = CardMain;

package/Carousel/Carousel.d.ts

@@ -3,16 +3,16 @@ import { TMethod } from '@onesy/utils';
 import OnesySubscription from '@onesy/subscription';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IValueBreakpoints, IElementReference, IPropsAny } from '../types';
-export type ICarouselValue = {
+export declare type ICarouselValue = {
     index?: number;
     x?: number;
     y?: number;
 };
-export type TCarouselItem = string | null | IElement | {
+export declare type TCarouselItem = string | null | IElement | {
     element: IElement;
 };
-export type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
-export type ICarousel = Omit<ISurface, 'version' | 'onChange'> & {
+export declare type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
+export declare type ICarousel = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'regular' | 'transition' | Partial<Record<IValueBreakpoints, 'regular' | 'transition'>>;
     valueDefault?: ICarouselValue;
     value?: ICarouselValue;