@antscorp/antsomi-ui 1.3.3-beta.53 → 1.3.3-beta.55

package/es/components/molecules/ResizeGrid/ResizeGrid.js

@@ -19,7 +19,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useState, useRef, useEffect } from 'react';
-import domtoimage from 'dom-to-image';
 import { Cell } from './components/Cell';
 import { GRID_TEMPLATE, MIN_SIZE, THREADHOLD, buildGrid } from './constant';
 import { StyledGrid, StyledMiddleLayer, StyledBGLayer, StyledLine } from './styled';
@@ -31,7 +30,7 @@ const defaultProps = {
     cellActiveStyle: { background: '#2f79bf80' },
     isPreview: false,
     isCompact: false,
-    delayUpdate: 300,
+    delayUpdate: 200,
     selectColor: '#2f79bf80',
 };
 export const ResizeGrid = props => {
@@ -87,32 +86,6 @@ export const ResizeGrid = props => {
                         y: childBox.y - container.y,
                     };
                 });
-                // capture
-                // html2canvas(containerRef.current).then(canvas => {
-                //   const img = canvas.toDataURL("image/png");
-                //   console.log('img', img)
-                //   window.open(img);
-                // });
-                console.time();
-                domtoimage.toJpeg(containerRef.current, { quality: 1 })
-                    .then(dataUrl => {
-                    console.timeEnd();
-                    const link = document.createElement('a');
-                    link.download = 'my-image-name.jpeg';
-                    link.href = dataUrl;
-                    link.click();
-                });
-                // toPng(containerRef.current, { cacheBust: true, })
-                //   .then((dataUrl) => {
-                //     console.timeEnd()
-                //     const link = document.createElement('a')
-                //     link.download = 'my-image-name.png'
-                //     link.href = dataUrl
-                //     link.click()
-                //   })
-                //   .catch((err) => {
-                //     console.log(err)
-                //   })
                 if (typeof onChange === 'function') {
                     onChange(grid, childs, firstChangeRef.current ? 'system' : 'user');
                     acceptUpdateRef.current = false;
@@ -136,7 +109,7 @@ export const ResizeGrid = props => {
     }, [grid]);
     useDeepCompareEffect(() => {
         // console.log('changed grid', initGrid, acceptUpdateRef.current, initGrid?.rows, initGrid?.cols)
-        console.log(initRef.current < 2, !initDoneRef.current, acceptUpdateRef.current);
+        // console.log(initRef.current < 2,!initDoneRef.current, acceptUpdateRef.current)
         if ((initRef.current < 2 || !initDoneRef.current || acceptUpdateRef.current) &&
             (initGrid === null || initGrid === void 0 ? void 0 : initGrid.rows) &&
             (initGrid === null || initGrid === void 0 ? void 0 : initGrid.cols)) {

package/es/components/molecules/ShareAccess/components/GeneralAccess/GeneralAccess.js

@@ -1,6 +1,6 @@
 import Icon from '@antscorp/icons';
 import { Dropdown } from 'antd';
-import { produce } from 'immer';
+import produce from 'immer';
 import React from 'react';
 import { updateObjAccessInfo } from '../../actions';
 import { GENERAL_ACCESS, PUBLIC_ROLE, ROLE_ACCESS_LABEL } from '../../constants';

package/es/components/molecules/ShareAccess/components/ModalTransferOwnerShip/ModalTransferOwnerShip.js

@@ -1,5 +1,5 @@
 import { Button } from 'antd';
-import { produce } from 'immer';
+import produce from 'immer';
 import React from 'react';
 import { updateModalTransferOwnership, updateObjAccessInfo } from '../../actions';
 import { ACCESS_PROPERTIES_BY_ROLE, ROLE_MAPPING } from '../../constants';

package/es/components/molecules/ShareAccess/components/PeopleAccess/PeopleAccess.js

@@ -1,5 +1,5 @@
 import Icon from '@antscorp/icons';
-import { produce } from 'immer';
+import produce from 'immer';
 import { Avatar, Dropdown, List } from 'antd';
 import { remove } from 'lodash';
 import React from 'react';

package/es/components/molecules/ShareAccess/components/SearchUser/SearchUser.js

@@ -13,7 +13,7 @@ import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounceV2';
 import { StyledSearchUserRoot, StyledSelectItem } from './styled';
 import { isEmail } from '@antscorp/antsomi-ui/es/utils';
 import { useShareAccess } from '../../hooks';
-import { produce } from 'immer';
+import produce from 'immer';
 import { ACCESS_PROPERTIES_BY_ROLE, ROLE_MAPPING } from '../../constants';
 import { updateObjAccessInfo } from '../../actions';
 export const SearchUser = (props) => {

package/es/components/molecules/ShareAccess/reducer.js

@@ -1,4 +1,4 @@
-import { produce } from 'immer';
+import produce from 'immer';
 import { TYPES } from './actions';
 export const shareAccessReducer = (onChange) => (state, action) => produce(state, draft => {
     switch (action.type) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.53",
+  "version": "1.3.3-beta.55",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -75,7 +75,7 @@
     "html-entities": "^2.0.2",
     "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
-    "immer": "^10.0.3",
+    "immer": "3.0.0",
     "i18next": "21.6.16",
     "i18next-browser-languagedetector": "6.1.2",
     "lodash": "^4.17.21",