@king-design/react 2.0.8 → 2.0.10

package/__tests__/components/drawer.spec.tsx

@@ -2,6 +2,7 @@ import React, {createRef} from 'react';
 import * as ReactDOM from 'react-dom';
 import {Drawer, Card, Button} from '../../';
 import {Component} from 'intact-react';
+import {getElement, wait, dispatchEvent} from '../../../../test/utils';
 
 describe('Drawer', () => {
     it('should render react element correctly', async () => {
@@ -27,4 +28,39 @@ describe('Drawer', () => {
         ReactDOM.unmountComponentAtNode(container);
         document.body.removeChild(container);
     });
+
+    it('should handle event correctly', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+
+        const click1 = sinon.spy(() => console.log(1));
+        const click2 = sinon.spy(() => console.log(2));
+
+        ReactDOM.render(
+            <div>
+                <Drawer value={true} title="1">
+                    <div className="click" onClick={click1}>click</div>
+                </Drawer>
+                <Drawer value={true} placement="left" title="2">
+                    <Card>
+                        <div className="click" onClick={click2}>click</div>
+                    </Card>
+                </Drawer>
+            </div>,
+            container
+        );
+
+        const [element1, element2] = document.querySelectorAll<HTMLElement>('.click');
+
+        dispatchEvent(element1, 'click');
+        await wait();
+        expect(click1.callCount).to.eql(1);
+
+        dispatchEvent(element2, 'click');
+        await wait();
+        expect(click2.callCount).to.eql(1);
+
+        ReactDOM.unmountComponentAtNode(container);
+        document.body.removeChild(container);
+    });
 });

package/__tests__/components/dropdown.spec.tsx

@@ -1,7 +1,8 @@
 import React, {createRef} from 'react';
 import * as ReactDOM from 'react-dom';
-import {Dropdown, DropdownMenu, DropdownItem} from '../../';
+import {Dropdown, DropdownMenu, DropdownItem, Tree, Dialog, Layout} from '../../';
 import {getElement, wait} from '../../../../test/utils';
+import {Component} from 'intact-react';
 
 describe('Dropdown', () => {
     it('should save original events', async () => {
@@ -32,4 +33,61 @@ describe('Dropdown', () => {
         ReactDOM.unmountComponentAtNode(container);
         document.body.removeChild(container);
     });
+
+    it('reproduce #764', async () => {
+        const mounted = sinon.spy(() => console.log('mounted'));
+        const updated = sinon.spy(() => console.log('updated'));
+        class Demo extends Component<{title: string}> {
+            static template = `<div>demo {this.get('title')}</div>`;
+
+            mounted() {
+               mounted(); 
+            }
+
+            updated() {
+                updated();
+            }
+        }
+        const FooDialog: React.FC = () => {
+            const [title, setTitle] = React.useState({title: '0'});
+            React.useEffect(() => {
+                setTitle({title: '1'});
+            }, []);
+
+            return <Dialog title={title.title} value={true}>
+                <div><Demo title={title.title} /></div>
+            </Dialog>
+        };
+        const Foo: React.FC<{data: any}> = ({data}) => {
+            return <div>
+                <FooDialog />
+            </div>
+        };
+
+        let set: any;
+        const Test: React.FC = () => {
+            const [isFoo, setIsFoo] = React.useState(false);
+            const [data, setData] = React.useState<any>([{label: 1, key: 1}]);
+            set = setIsFoo;
+
+            return <Layout>
+                <div onClick={() => setIsFoo(!isFoo)}>toggle</div>
+                {isFoo ? <Foo key="foo" data={data} /> : <div>test</div>}
+            </Layout>
+        };
+
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        ReactDOM.render(<Test />, container);
+
+        set(true);
+
+        await wait(0)
+
+        expect(getElement('.k-dialog')).to.be.exist;
+        expect(mounted.calledBefore(updated)).to.be.true;
+
+        ReactDOM.unmountComponentAtNode(container);
+        document.body.removeChild(container);
+    });
 });

package/__tests__/components/menu.spec.tsx

@@ -0,0 +1,58 @@
+import React, {createRef, useState, useEffect} from 'react';
+import * as ReactDOM from 'react-dom';
+import {Menu, MenuItem, Layout, Aside} from '../../';
+import {getElement, wait, dispatchEvent} from '../../../../test/utils';
+
+describe('Menu', () => {
+    it('when we collapse menu, all dropdown menus should be hidden', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+
+        const AsideMenu = ({collapse}: {collapse: boolean}) => {
+            const [selectedKey, setSelectedKey] = useState('');
+
+            return <Menu collapse={collapse} selectedKey={selectedKey}>
+                <MenuItem key="1">
+                    option 1
+                    <Menu>
+                        <MenuItem key="1-1"><span>option 1-1</span></MenuItem>
+                    </Menu>
+                </MenuItem>
+                <MenuItem key="2">
+                    option 2
+                    <Menu>
+                        <MenuItem key="2-1"><span>option 2-1</span></MenuItem>
+                    </Menu>
+                </MenuItem>
+                <MenuItem key="3">
+                    option 2
+                    <Menu>
+                        <MenuItem key="2-1"><span>option 2-1</span></MenuItem>
+                        <MenuItem key="2-2"><span>option 2-1</span></MenuItem>
+                    </Menu>
+                </MenuItem>
+            </Menu>
+        };
+
+        let setCollapse: any;
+        const Test = () => {
+            const [collapse, _setCollapse] = useState(false);
+            setCollapse = _setCollapse;
+
+            return <>
+                <div onClick={() => _setCollapse(!collapse)}>click</div>
+                <AsideMenu collapse={collapse} />
+            </> 
+        }
+
+        ReactDOM.render(<Test />, container);
+
+        setCollapse!(true);
+
+        await wait();
+        expect(getElement('.k-dropdown-menu.k-menu')).to.be.not.exist;
+
+        ReactDOM.unmountComponentAtNode(container);
+        document.body.removeChild(container);
+    });
+});

package/__tests__/components/select.spec.tsx

@@ -0,0 +1,44 @@
+import React, {createRef, useState} from 'react';
+import * as ReactDOM from 'react-dom';
+import { Select, OptionGroup, Option } from '../../';
+import {getElement, wait, dispatchEvent} from '../../../../test/utils';
+
+describe('Select', () => {
+    it('should conrrectly show value in filterable mode', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+
+        const Test = () => {
+            const [value, setValue] = useState('');
+            const onChangeValue = (v: string | null | undefined) => {
+                setValue(v ?? '');
+            }
+
+            return <Select
+                value={value}
+                onChangeValue={onChangeValue}
+                card
+                filterable
+            >
+                <OptionGroup slotLabel={<div>xxx</div>}>
+                    <Option value="q">Q</Option>
+                    <Option value="p">P</Option>
+                </OptionGroup>
+            </Select>;
+        }
+        ReactDOM.render(<Test />, container);
+
+        const trigger = container.querySelector('.k-select') as HTMLElement;
+        trigger.click();
+
+        await wait();
+        const dropdown = getElement('.k-select-menu')!;
+        dropdown.querySelector<HTMLElement>('.k-dropdown-item')!.click();
+
+        await wait();
+        expect(container.querySelector<HTMLInputElement>('.k-input-inner')!.value).to.eql('Q');
+
+        ReactDOM.unmountComponentAtNode(container);
+        document.body.removeChild(container);
+    });
+});

package/__tests__/components/{form.spec.tsx → tooltip.spec.tsx}

@@ -3,7 +3,7 @@ import * as ReactDOM from 'react-dom';
 import { Tooltip, Form, FormItem } from '../../';
 import {getElement, wait, dispatchEvent} from '../../../../test/utils';
 
-describe('Form', () => {
+describe('Tooltip', () => {
     it('should show Tooltip in append slot', async () => {
         const click = sinon.spy(() => console.log(1));
         const container = document.createElement('div');

package/components/datepicker/index.spec.js

@@ -234,7 +234,7 @@ describe('Datepicker', function () {
               }, _callee6);
             })));
             it('range date', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-              var _mount6, instance, element, select, content, _content$querySelecto, panel1, panel2, _panel1$querySelector, nextMonth, nextYear, _content$querySelecto2, monthValues1, monthValues2, _panel2$querySelector, prevYear;
+              var _mount6, instance, element, select, content, _content$querySelecto, panel1, panel2, _panel1$querySelector, nextMonth, nextYear, _content$querySelecto2, monthValues1, monthValues2, monthStart, yearStart, monthEnd, yearEnd, _panel2$querySelector, prevYear, firstDecadeStart, secondDecadeStart;
 
               return _regeneratorRuntime.wrap(function _callee7$(_context7) {
                 while (1) {
@@ -252,45 +252,51 @@ describe('Datepicker', function () {
                       _panel1$querySelector = panel1.querySelectorAll('.k-next'), nextMonth = _panel1$querySelector[0], nextYear = _panel1$querySelector[1];
                       _content$querySelecto2 = content.querySelectorAll('.k-month-values'), monthValues1 = _content$querySelecto2[0], monthValues2 = _content$querySelecto2[1];
                       nextMonth.click();
-                      _context7.next = 12;
+                      monthStart = (month + 1) % 12 + 1;
+                      yearStart = year + Math.floor((month + 1) / 12);
+                      monthEnd = (month + 2) % 12 + 1;
+                      yearEnd = year + Math.floor((month + 2) / 12);
+                      _context7.next = 16;
                       return wait();
 
-                    case 12:
-                      expect(monthValues1.textContent).to.eql(year + "\u5E74" + (month + 1 + 1) + "\u6708");
-                      expect(monthValues2.textContent).to.eql(year + "\u5E74" + (month + 1 + 2) + "\u6708");
+                    case 16:
+                      expect(monthValues1.textContent).to.eql(yearStart + "\u5E74" + monthStart + "\u6708");
+                      expect(monthValues2.textContent).to.eql(yearEnd + "\u5E74" + monthEnd + "\u6708");
                       nextYear.click();
-                      _context7.next = 17;
+                      _context7.next = 21;
                       return wait();
 
-                    case 17:
-                      expect(monthValues1.textContent).to.eql(year + 1 + "\u5E74" + (month + 1 + 1) + "\u6708");
-                      expect(monthValues2.textContent).to.eql(year + 1 + "\u5E74" + (month + 1 + 2) + "\u6708");
+                    case 21:
+                      expect(monthValues1.textContent).to.eql(yearStart + 1 + "\u5E74" + monthStart + "\u6708");
+                      expect(monthValues2.textContent).to.eql(yearEnd + 1 + "\u5E74" + monthEnd + "\u6708");
                       _panel2$querySelector = panel2.querySelectorAll('.k-prev'), prevYear = _panel2$querySelector[0];
                       prevYear.click();
-                      _context7.next = 23;
+                      _context7.next = 27;
                       return wait();
 
-                    case 23:
-                      expect(monthValues1.textContent).to.eql(year + "\u5E74" + (month + 1 + 1) + "\u6708");
-                      expect(monthValues2.textContent).to.eql(year + "\u5E74" + (month + 1 + 2) + "\u6708"); // year panel
+                    case 27:
+                      expect(monthValues1.textContent).to.eql(yearStart + "\u5E74" + monthStart + "\u6708");
+                      expect(monthValues2.textContent).to.eql(yearEnd + "\u5E74" + monthEnd + "\u6708"); // year panel
 
                       dispatchEvent(monthValues1.firstElementChild, 'click');
                       dispatchEvent(monthValues2.firstElementChild, 'click');
-                      _context7.next = 29;
+                      _context7.next = 33;
                       return wait();
 
-                    case 29:
-                      expect(monthValues1.textContent).to.eql(startYear + "\u5E74 - " + (startYear + 9) + "\u5E74");
-                      expect(monthValues1.textContent).to.eql(monthValues2.textContent);
+                    case 33:
+                      firstDecadeStart = Math.floor(yearStart / 10) * 10;
+                      secondDecadeStart = Math.floor(yearEnd / 10) * 10;
+                      expect(monthValues1.textContent).to.eql(firstDecadeStart + "\u5E74 - " + (firstDecadeStart + 9) + "\u5E74");
+                      expect(monthValues1.textContent).to.eql(secondDecadeStart + "\u5E74 - " + (secondDecadeStart + 9) + "\u5E74");
                       nextYear.click();
-                      _context7.next = 34;
+                      _context7.next = 40;
                       return wait();
 
-                    case 34:
-                      expect(monthValues1.textContent).to.eql(startYear + 10 + "\u5E74 - " + (startYear + 19) + "\u5E74");
-                      expect(monthValues1.textContent).to.eql(monthValues2.textContent);
+                    case 40:
+                      expect(monthValues1.textContent).to.eql(firstDecadeStart + 10 + "\u5E74 - " + (secondDecadeStart + 19) + "\u5E74");
+                      expect(monthValues1.textContent).to.eql(secondDecadeStart + 10 + "\u5E74 - " + (secondDecadeStart + 19) + "\u5E74");
 
-                    case 36:
+                    case 42:
                     case "end":
                       return _context7.stop();
                   }

package/components/dialog/base.d.ts

@@ -22,6 +22,7 @@ export interface BaseDialogProps {
     escClosable?: boolean;
     width?: string | number;
     mode?: 'destroy' | 'hide';
+    draggable?: boolean;
 }
 export interface BaseDialogEvents {
     [SHOW]: [];

package/components/dialog/base.js

@@ -30,7 +30,8 @@ var typeDefs = {
   terminate: Function,
   escClosable: Boolean,
   width: [String, Number],
-  mode: ['destroy', 'hide']
+  mode: ['destroy', 'hide'],
+  draggable: Boolean
 };
 
 var defaults = function defaults() {
@@ -43,7 +44,8 @@ var defaults = function defaults() {
     overlay: true,
     closable: true,
     escClosable: true,
-    mode: 'hide'
+    mode: 'hide',
+    draggable: true
   };
 };
 

package/components/dialog/useDraggable.js

@@ -49,6 +49,9 @@ export function useDraggable(dialogRef, areaRef) {
 
   return useBaseDraggable({
     onStart: onStart,
-    onMove: onMove
+    onMove: onMove,
+    disable: function disable() {
+      return !component.get('draggable');
+    }
   });
 }

package/components/dialog/useEscClosable.js

@@ -1,3 +1,4 @@
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
 import { useInstance, onUnmounted } from 'intact-react';
 import { SHOW, HIDE } from './constants'; // only close the top dialog when press ESC
 
@@ -22,14 +23,19 @@ export function useEscClosable() {
   });
 
   function onHide() {
-    var dialog = dialogs.pop(); // const dialog = dialogs.shift();
+    // the order is uncertain in different frameworks
+    var index = dialogs.indexOf(instance); // const dialog = dialogs.pop();
+    // const dialog = dialogs.shift();
 
     if (process.env.NODE_ENV !== 'production') {
-      if (dialog !== instance) {
-        throw new Error('The dialog has handled hide callback. It is a bug of KPC');
+      // if (dialog !== instance) {
+      if (index === -1) {
+        throw new Error('The dialog has handled hide callback. Maybe it is a bug of KPC');
       }
     }
 
+    _spliceInstanceProperty(dialogs).call(dialogs, 0, index);
+
     if (!dialogs.length) {
       document.removeEventListener('keydown', escClose);
     }

package/components/drawer/index.js

@@ -10,7 +10,8 @@ var typeDefs = _extends({}, BaseDialog.typeDefs, {
 
 var defaults = function defaults() {
   return _extends({}, BaseDialog.defaults(), {
-    placement: 'right'
+    placement: 'right',
+    draggable: false
   });
 };
 

package/components/portal.d.ts

@@ -10,6 +10,7 @@ export declare class Portal<T extends PortalProps = PortalProps> extends Compone
     private dialog;
     mountedQueue?: Function[];
     mountedDone?: boolean;
+    $isPortal: boolean;
     $render(lastVNode: VNodeComponentClass<this> | null, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[]): void;
     $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[], force: boolean): void;
     $unmount(vNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this> | null): void;

package/components/portal.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import { Component, createCommentVNode, createTextVNode, mount, patch, remove, inject, callAll } from 'intact-react';
+import { Component, createCommentVNode, createTextVNode, mount, patch, remove, inject } from 'intact-react';
 import { isString } from 'intact-shared';
 import { DIALOG } from './dialog/constants';
 var typeDefs = {
@@ -23,6 +23,7 @@ export var Portal = /*#__PURE__*/function (_Component) {
     _this.dialog = inject(DIALOG, null);
     _this.mountedQueue = void 0;
     _this.mountedDone = void 0;
+    _this.$isPortal = true;
     return _this;
   }
 
@@ -39,41 +40,20 @@ export var Portal = /*#__PURE__*/function (_Component) {
   _proto.$render = function $render(lastVNode, nextVNode, parentDom, anchor, mountedQueue) {
     var _this2 = this;
 
+    /**
+     * In React, we cannot render real elements in mountedQueue.
+     * Because the rendering time of react element is uncontrollable
+     */
+    var nextProps = nextVNode.props;
+    var fakeContainer = document.createDocumentFragment();
     mountedQueue.push(function () {
-      var nextProps = nextVNode.props;
       var parentDom = _this2.$lastInput.dom.parentElement;
-      /**
-       * initialize a new mountedQueue to place the callbacks of sub-components to it,
-       * so that we can call them before the sibling components of the Portal
-       */
-
-      var mountedQueue = [];
 
       _this2.initContainer(nextProps.container, parentDom, anchor);
-      /**
-       * Because we render real elements following parent has rendered.
-       * In React, the $promises have done. Then we cannot add any promise to it.
-       * We should find the parent component who holds the $promises object, and
-       * reset it to let remaining element children add promise to it.
-       */
 
-
-      var parent = getParent(_this2);
-
-      if (parent) {
-        parent.$promises.reset();
-      }
-
-      mount(nextProps.children, _this2.container, _this2, _this2.$SVG, null, mountedQueue); // in react, we should wait for all promises to resolve
-
-      if (parent) {
-        Component.FakePromise.all(parent.$promises).then(function () {
-          callAll(mountedQueue);
-        });
-      } else {
-        callAll(mountedQueue);
-      }
+      _this2.container.appendChild(fakeContainer);
     });
+    mount(nextProps.children, fakeContainer, this, this.$SVG, null, mountedQueue);
 
     _Component.prototype.$render.call(this, lastVNode, nextVNode, parentDom, anchor, mountedQueue);
   };
@@ -117,26 +97,20 @@ export var Portal = /*#__PURE__*/function (_Component) {
 
     if (!this.container) {
       // find the closest dialog if exists
-      var tmp;
-
-      if ((tmp = this.dialog) && (tmp = tmp.dialogRef.value)) {
-        this.container = tmp;
-      } else {
-        this.container = document.body;
-      }
+      this.container = parentDom.closest('.k-dialog') || document.body;
+      /**
+       * @FIXME: We cannot get parent ref from sub component in Vue
+       */
+      // find the closest dialog if exists
+      // let tmp;
+      // if ((tmp = this.dialog) && (tmp !== this.$senior) && (tmp = tmp.dialogRef.value)) {
+      // this.container = tmp;
+      // } else {
+      // this.container = document.body;
+      // }
     }
   };
 
   return Portal;
 }(Component);
-Portal.typeDefs = typeDefs;
-
-function getParent($senior) {
-  while ($senior = $senior.$senior) {
-    if ($senior._reactInternals) {
-      return $senior;
-    }
-  }
-
-  return null;
-}
+Portal.typeDefs = typeDefs;

package/components/select/base.d.ts

@@ -35,6 +35,7 @@ export interface BaseSelectBlocks<V> {
     suffix: null;
 }
 export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSelectProps<any>, E extends BaseSelectEvents = BaseSelectEvents, B extends BaseSelectBlocks<any> = BaseSelectBlocks<any>> extends Component<T, E, B> {
+    static $doubleVNodes: boolean;
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<BaseSelectProps<any, boolean, any>>>;
     static defaults: () => Partial<BaseSelectProps<any, boolean, any>>;

package/components/select/base.js

@@ -138,6 +138,7 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
 
   return BaseSelect;
 }(Component);
+BaseSelect.$doubleVNodes = true;
 BaseSelect.template = template;
 BaseSelect.typeDefs = typeDefs;
 BaseSelect.defaults = defaults;

package/components/select/useBaseLabel.d.ts

@@ -2,6 +2,7 @@ import { Children, Component } from 'intact-react';
 declare type BaseLabelProps = {
     value: any;
     multiple: boolean;
+    filterable: boolean;
 };
 export declare function useBaseLabel<T, C extends Component<P>, P extends BaseLabelProps>(getChildren: () => T, findLabelFromChildren: (children: T, value: any) => Children): {
     getLabel: () => Children;

package/components/select/useBaseLabel.js

@@ -2,7 +2,7 @@ import _Map from "@babel/runtime-corejs3/core-js/map";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import { useInstance } from 'intact-react';
 import { isNullOrUndefined, isStringOrNumber } from 'intact-shared';
-import { isEmptyString } from '../utils';
+import { isEmptyString, getTextByChildren } from '../utils';
 export function useBaseLabel(getChildren, findLabelFromChildren) {
   var instance = useInstance();
   var labelMap = new _Map();
@@ -36,6 +36,10 @@ export function useBaseLabel(getChildren, findLabelFromChildren) {
     if (isNullOrUndefined(label)) {
       label = labelMap.get(value);
     } else {
+      if (instance.get('filterable')) {
+        label = getTextByChildren(label);
+      }
+
       labelMap.set(value, label);
     }
 

package/hooks/useDraggable.d.ts

@@ -2,6 +2,7 @@ export declare type Options = {
     onStart?: (e: MouseEvent) => void;
     onMove: (e: MouseEvent) => void;
     onEnd?: (e?: MouseEvent) => void;
+    disable?: () => boolean;
 };
 export declare function useDraggable(options: Options): {
     start: (e: MouseEvent) => void;

package/hooks/useDraggable.js

@@ -5,7 +5,7 @@ export function useDraggable(options) {
 
   function start(e) {
     // ignore if it isn't left key
-    if (e.which !== 1) return;
+    if (e.which !== 1 || options.disable != null && options.disable()) return;
     dragging.set(true);
 
     if (options.onStart) {
@@ -17,6 +17,7 @@ export function useDraggable(options) {
   }
 
   function move(e) {
+    if (options.disable != null && options.disable()) return;
     e.preventDefault();
 
     if (dragging.value) {

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.8
+ * @king-design v2.0.10
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,7 +57,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.8";
+export declare const version = "2.0.10";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.8
+ * @king-design v2.0.10
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.8';
+export var version = '2.0.10';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -37,7 +37,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact-react": "3.0.9",
+    "intact-react": "3.0.11",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",