@onesy/ui-react 1.0.164 → 1.0.167

package/DonutChart/DonutChart.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 _PieChart = _interopRequireDefault(require("../PieChart"));
@@ -27,15 +28,11 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-DonutChart'
 });
 const DonutChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
+  const $ = (0, _compilerRuntime.c)(5);
   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.onesyDonutChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const PieChart = _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.PieChart) || _PieChart.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.onesyDonutChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const PieChart = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.PieChart) || _PieChart.default;
   const {
       className
     } = props,
@@ -43,11 +40,24 @@ const DonutChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/_react.default.createElement(PieChart, (0, _extends2.default)({
-    ref: ref,
-    innerOffset: 0.64,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('DonutChart', theme) && ['onesy-DonutChart-root'], className, classes.root])
-  }, other));
+  const t0 = 0.64;
+  const t1 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("DonutChart", theme) && ["onesy-DonutChart-root"], className, classes.root]);
+  let t2;
+  if ($[0] !== PieChart || $[1] !== other || $[2] !== ref || $[3] !== t1) {
+    t2 = /*#__PURE__*/_react.default.createElement(PieChart, (0, _extends2.default)({
+      ref: ref,
+      innerOffset: t0,
+      className: t1
+    }, other));
+    $[0] = PieChart;
+    $[1] = other;
+    $[2] = ref;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 });
 DonutChart.displayName = 'onesy-DonutChart';
 var _default = exports.default = DonutChart;

package/DragAndDropList/DragAndDropList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export type IDragAndDropList = Omit<IBaseElement, 'onChange'> & {
+export declare type IDragAndDropList = Omit<IBaseElement, 'onChange'> & {
     onChange?: (indexPrevious: number, indexNew: number) => any;
     items?: any[];
     image?: boolean;

package/DragAndDropList/DragAndDropList.js

@@ -19,11 +19,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-DragAndDropList'
 });
 const DragAndDropList = /*#__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.onesyDragAndDropList) === 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.onesyDragAndDropList) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
       onChange: onChange_,
       items,
@@ -77,60 +75,60 @@ const DragAndDropList = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
   }, [onDraggedElement]);
   const img = _react.default.useMemo(() => {
     var _refs$root$current2;
-    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current2 = refs.root.current) === null || _refs$root$current2 === void 0 ? void 0 : _refs$root$current2.ownerDocument) || window.document : undefined;
-    const element = rootDocument.createElement('img');
+    const rootDocument_0 = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current2 = refs.root.current) === null || _refs$root$current2 === void 0 ? void 0 : _refs$root$current2.ownerDocument) || window.document : undefined;
+    const element = rootDocument_0.createElement('img');
     element.src = (0, _utils.is)('string', image) ? image : `data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAWAC8DAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/igAoAKACgAoAKACgD8gtF+E3xs1/wD4UzrXiHxZ+1dZaj43/au+P/gj4r2Vt8RPjBo1np/7PsfiP42654IE+mxalFB4H8OzzeGvAlr4Z+IWjReH9dbQvE1noei+K10q+8N29l/LWD4Z4vx3+qeLx+Z+JdGvnHiXxvk/E1KGe8VYSlQ4Hjj+L8Zk/Ph44iMMnwM55fk1PL89wkcDjXgswpYPCZksNWwFOj7cq2Hj7eMYYNqng8NUot0qEm8Ty4eNSzt+8klOo50pc0eaDlKHMptyG2+Kml/8Id4f+NFz+1o3wN8JeLf2t/DOnan8MZPjbffFG81Xw18aYdI/Zw1Hx1rHw5gm+K3ijwpdfC9dUuvBvie/uNV8M+JdZh0bVvGt5f2cun3V3Tp8SYb+ysDxbU8TnwdlmaeJ+X0MRw7Li+txHVxOX8XRwvANfOcVkMJcS5jltThxYirlOY16mJy/MMXHCYrN61alKhUql6L55UFgvrE4YKbVX6uqKU6HNilTjVfsYTVaynBJThHmjTSd0ptK039seDSvhH8P/FN18ZH1L9pXwD8JdH8f+OdNu9WnufgFrHwx8RSXnxN1TVNb0O9m0r4ceJ/ir8GbnTdIju9Ney0+f4saPfXtl9o1TUbt5LwtDxVhhuF8jzKpxY8R4gZLwxhc7zihUxM6nBOK4ex0qvEOIxOMwdaeGyHMeJeFKmHwsauHlRoT4lwtatS58RXq8yk8C3WqQVC2FqVpU6bStiY1Y2pJRkr1YUa6crO79jJJ6JE/wmtf2kZv2kLEeLNa+Ltj4lX43/E678cx3+j/ABs1D4UXvwTsz44i8Eabpdxq+saZ+znYeGbvSJ/CR8Lal4I0i7+Ky+K4x/wkti8Uviq/t74Yp8fS4+o/2ni+KKOYLi/iKrnMa+F4vr8M1eEaTziOT4fDTxWKw/AdDL6mFnln9m4jJ8NV4lWZR/4UKLjLMq1MrPC/VXyRoOH1ekqdpYdVliH7P2jajF4pzUufnVSSo8nwP4E/1sr+nTxQoAKACgAoAKACgAD/2Q==`;
     return element;
   }, []);
-  const onDragStart = item => async event => {
+  const onDragStart = item => async event_0 => {
     var _dragging$dataset;
-    event.dataTransfer.setData('text', (item === null || item === void 0 ? void 0 : item.value) !== undefined ? item.value : item);
-    if (image) event.dataTransfer.setDragImage(img, 0, 0);
+    event_0.dataTransfer.setData('text', (item === null || item === void 0 ? void 0 : item.value) !== undefined ? item.value : item);
+    if (image) event_0.dataTransfer.setDragImage(img, 0, 0);
     refs.isDragging.current = true;
-    const dragging = (0, _utils.is)('function', getDraggingElement) ? getDraggingElement(event) : event.target;
-    if (onDragStart_) onDragStart_(item, event);
+    const dragging = (0, _utils.is)('function', getDraggingElement) ? getDraggingElement(event_0) : event_0.target;
+    if (onDragStart_) onDragStart_(item, event_0);
     refs.dragging.current = draggedIsElement ? dragging : dragging === null || dragging === void 0 || (_dragging$dataset = dragging.dataset) === null || _dragging$dataset === void 0 ? void 0 : _dragging$dataset.onesyDragAndDropListValue;
     refs.rectDragged.current = {
       height: dragging.clientHeight,
-      x: event.clientX - dragging.offsetLeft,
-      y: event.clientY - dragging.offsetTop
+      x: event_0.clientX - dragging.offsetLeft,
+      y: event_0.clientY - dragging.offsetTop
     };
     setTimeout(() => {
       if ((0, _utils.is)('function', onDraggedElement)) onDraggedElement === null || onDraggedElement === void 0 || onDraggedElement(item);
     });
   };
-  const onDragEnd = () => event => {
+  const onDragEnd = () => event_1 => {
     // clean up
     refs.isDragging.current = false;
     refs.rectDragged.current = null;
     refs.dragging.current = null;
     if ((0, _utils.is)('function', onDraggedElement)) onDraggedElement(null);
   };
-  const onDragOver = () => event => {
+  const onDragOver = () => event_2 => {
     var _refs$root$current3;
-    event.preventDefault();
-    const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current3 = refs.root.current) === null || _refs$root$current3 === void 0 ? void 0 : _refs$root$current3.ownerDocument) || window.document : undefined;
-    const over = event.currentTarget;
-    const dragging = draggedIsElement ? refs.dragging.current : rootDocument.body.querySelector(`[data-onesy-drag-and-drop-list-value="${refs.dragging.current}"]`);
-    if (!(over && dragging)) return;
+    event_2.preventDefault();
+    const rootDocument_1 = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current3 = refs.root.current) === null || _refs$root$current3 === void 0 ? void 0 : _refs$root$current3.ownerDocument) || window.document : undefined;
+    const over = event_2.currentTarget;
+    const dragging_0 = draggedIsElement ? refs.dragging.current : rootDocument_1.body.querySelector(`[data-onesy-drag-and-drop-list-value="${refs.dragging.current}"]`);
+    if (!(over && dragging_0)) return;
     if (precise) {
-      if (over !== dragging) {
+      if (over !== dragging_0) {
         const rectOver = {
           height: over.clientHeight,
           x: over.offsetLeft,
           y: over.offsetTop
         };
         const mousePosition = {
-          x: event.clientX - rectOver.x,
-          y: event.clientY - rectOver.y
+          x: event_2.clientX - rectOver.x,
+          y: event_2.clientY - rectOver.y
         };
         const partBottom = Math.abs(refs.rectDragged.current.height - refs.rectDragged.current.y);
         const partTop = refs.rectDragged.current.y;
         const half = rectOver.height / 2;
         const positionTopBottom = partBottom + mousePosition.y >= half ? 'bottom' : 'top';
         const positionBottomTop = mousePosition.y - partTop <= half ? 'top' : 'bottom';
-        const overIndex = items.findIndex(item => isEqual ? isEqual(item, over.dataset.onesyDragAndDropListValue) : item === over.dataset.onesyDragAndDropListValue);
-        const draggedIndex = items.findIndex(item => isEqual ? isEqual(item, dragging.dataset.onesyDragAndDropListValue) : item === dragging.dataset.onesyDragAndDropListValue);
+        const overIndex = items.findIndex(item_0 => isEqual ? isEqual(item_0, over.dataset.onesyDragAndDropListValue) : item_0 === over.dataset.onesyDragAndDropListValue);
+        const draggedIndex = items.findIndex(item_1 => isEqual ? isEqual(item_1, dragging_0.dataset.onesyDragAndDropListValue) : item_1 === dragging_0.dataset.onesyDragAndDropListValue);
 
         // if dragged is above over & bottom swap their indexes
         // if dragged is below over && top swap their indexes
@@ -142,20 +140,20 @@ const DragAndDropList = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
         }
       }
     } else {
-      const overIndex = items.findIndex(item => isEqual ? isEqual(item, over.dataset.onesyDragAndDropListValue) : item === over.dataset.onesyDragAndDropListValue);
-      const draggedIndex = items.findIndex(item => isEqual ? isEqual(item, dragging.dataset.onesyDragAndDropListValue) : item === dragging.dataset.onesyDragAndDropListValue);
-      if (!refs.previous.current || !(0, _utils.equalDeep)(refs.previous.current, [draggedIndex, overIndex])) {
-        if ((0, _utils.is)('function', onChange)) onChange(draggedIndex, overIndex);
-        refs.previous.current = [draggedIndex, overIndex];
+      const overIndex_0 = items.findIndex(item_2 => isEqual ? isEqual(item_2, over.dataset.onesyDragAndDropListValue) : item_2 === over.dataset.onesyDragAndDropListValue);
+      const draggedIndex_0 = items.findIndex(item_3 => isEqual ? isEqual(item_3, dragging_0.dataset.onesyDragAndDropListValue) : item_3 === dragging_0.dataset.onesyDragAndDropListValue);
+      if (!refs.previous.current || !(0, _utils.equalDeep)(refs.previous.current, [draggedIndex_0, overIndex_0])) {
+        if ((0, _utils.is)('function', onChange)) onChange(draggedIndex_0, overIndex_0);
+        refs.previous.current = [draggedIndex_0, overIndex_0];
       }
     }
   };
   if ((0, _utils.is)('function', children)) return children({
-    ref: item => {
+    ref: item_4 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_4);else ref.current = item_4;
       }
-      refs.root.current = item;
+      refs.root.current = item_4;
     },
     onDragStart,
     onDragOver,

package/Drawing/Drawing.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny, IRef } from '../types';
-export type TDrawingValue = Array<{
+export declare type TDrawingValue = Array<{
     d?: string;
     stroke?: string;
     strokeWidth?: number;
 }>;
-export type IDrawing = Omit<ISurface, 'onChange' | 'onMouseDown'> & {
+export declare type IDrawing = Omit<ISurface, 'onChange' | 'onMouseDown'> & {
     render?: (element: string, props: IPropsAny, value: TDrawingValue) => IElement;
     svgRef?: IRef;
     updates?: boolean;