@adaptabletools/adaptable 19.2.4 → 20.0.0-canary.0

package/src/components/icons/styled-grid.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import DefaultIcon from './DefaultIcon';
+export default (props) => (React.createElement(DefaultIcon, { ...props },
+    React.createElement("path", { d: "M4,2H18A2,2 0 0,1 20,4V8.17L16.17,12H12V16.17L10.17,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,6V10H10V6H4M12,6V10H18V6H12M4,12V16H10V12H4Z" }),
+    React.createElement("path", { transform: "scale(0.5) translate(24, 24)", d: "M6 21q-1.125 0-2.225-.55T2 19q.65 0 1.325-.512Q4 17.975 4 17q0-1.25.875-2.125T7 14q1.25 0 2.125.875T10 17q0 1.65-1.175 2.825Q7.65 21 6 21Zm0-2q.825 0 1.412-.587Q8 17.825 8 17q0-.425-.287-.712Q7.425 16 7 16t-.713.288Q6 16.575 6 17q0 .575-.137 1.05-.138.475-.363.9.125.05.25.05H6Zm5.75-4L9 12.25l8.95-8.95q.275-.275.688-.288.412-.012.712.288l1.35 1.35q.3.3.3.7 0 .4-.3.7ZM7 17Z" })));

package/src/components/icons/sync.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/sync.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 -960 960 960" },
     React.createElement("path", { d: "M280-120 80-320l200-200 57 56-104 104h607v80H233l104 104-57 56Zm400-320-57-56 104-104H120v-80h607L623-784l57-56 200 200-200 200Z" })));

package/src/components/icons/system-status.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/system-status.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z" })));

package/src/components/icons/tab-unselected.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/tab-unselected.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9-2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1-.9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2-.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z" })));

package/src/components/icons/table-arrow-right.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/table-arrow-right.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M19.44 21V19H15.44V17H19.44V15L22.44 18L19.44 21" })));

package/src/components/icons/team-share.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/team-share.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z" })));

package/src/components/icons/theme.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/theme.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }),
     React.createElement("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })));

package/src/components/icons/tool-panel.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/tool-panel.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })));

package/src/components/icons/track-changes.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/track-changes.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
     React.createElement("path", { d: "M19.07 4.93l-1.41 1.41C19.1 7.79 20 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z" })));

package/src/components/icons/triangle-down.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/triangle-down.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M7 10l5 5 5-5z" })));

package/src/components/icons/triangle-up.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/triangle-up.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M7 14l5-5 5 5z" })));

package/src/components/icons/unchecked.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/unchecked.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" })));

package/src/components/icons/underline.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/underline.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props, { viewBox: "0 96 960 960" }),
+export default (props) => (React.createElement(DefaultIcon, { ...props, viewBox: "0 96 960 960" },
     React.createElement("path", { d: "M200 936v-80h560v80H200Zm280-160q-101 0-157-63t-56-167V216h103v336q0 56 28 91t82 35q54 0 82-35t28-91V216h103v330q0 104-56 167t-157 63Z" })));

package/src/components/icons/undo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/undo.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" })));

package/src/components/icons/updated-row.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/updated-row.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z" })));

package/src/components/icons/upload.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/upload.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }),
     ' '));

package/src/components/icons/user-filter.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/user-filter.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })));

package/src/components/icons/visibility-off.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/visibility-off.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2-.9-1.025-2.325-.8L10.2 7.4q.425-.2.862-.3Q11.5 7 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938-.1.437-.3.862Zm3.2 3.15-1.45-1.4q.95-.725 1.688-1.588.737-.862 1.262-1.962-1.25-2.525-3.588-4.013Q14.875 6 12 6q-.725 0-1.425.1-.7.1-1.375.3L7.65 4.85q1.025-.425 2.1-.638Q10.825 4 12 4q3.775 0 6.725 2.087Q21.675 8.175 23 11.5q-.575 1.475-1.512 2.738Q20.55 15.5 19.3 16.45Zm.5 6.15-4.2-4.15q-.875.275-1.762.413Q12.95 19 12 19q-3.775 0-6.725-2.087Q2.325 14.825 1 11.5q.525-1.325 1.325-2.463Q3.125 7.9 4.15 7L1.4 4.2l1.4-1.4 18.4 18.4ZM5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.587 4.012Q9.125 17 12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.275.075-.525.112Q12.275 16 12 16q-1.875 0-3.188-1.312Q7.5 13.375 7.5 11.5q0-.275.037-.525.038-.25.113-.525Zm7.975 2.325ZM9.75 12.6Z" })));

package/src/components/icons/visibility.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/visibility.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Zm0-7.5Zm0 5.5q2.825 0 5.188-1.488Q19.55 14.025 20.8 11.5q-1.25-2.525-3.612-4.013Q14.825 6 12 6 9.175 6 6.812 7.487 4.45 8.975 3.2 11.5q1.25 2.525 3.612 4.012Q9.175 17 12 17Z" }),
     ' '));

package/src/components/icons/warning.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/src/components/icons/warning.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import DefaultIcon from './DefaultIcon';
-export default (props) => (React.createElement(DefaultIcon, Object.assign({}, props),
+export default (props) => (React.createElement(DefaultIcon, { ...props },
     React.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })));

package/src/components/utils/useContainerScrollObserver/index.js

@@ -52,14 +52,13 @@ export const useContainerScrollObserver = (callback) => {
         });
     }, []);
     const setupScroll = useCallback((node) => {
-        var _a;
         if (node) {
             containerNodeRef.current = node;
             node.addEventListener('scroll', onScroll, { passive: true });
             sectionSelectorRef.current = new SectionSelector(node);
         }
         else {
-            (_a = containerNodeRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', onScroll);
+            containerNodeRef.current?.removeEventListener('scroll', onScroll);
             sectionSelectorRef.current = null;
         }
     }, []);

package/src/components/utils/useDraggable.d.ts

@@ -6,6 +6,6 @@ export default function useDraggable({ onMove, onDrop, getBoundingRect, handleSe
     handleSelector?: string;
 }): {
     handleRef: (newNode: HTMLElement) => void;
-    targetRef: import("react").MutableRefObject<HTMLElement>;
+    targetRef: import("react").RefObject<HTMLElement>;
     applyTransform: (dx: number, dy: number) => void;
 };

package/src/components/utils/useDraggable.js

@@ -3,7 +3,7 @@ function clamp(num, min, max) {
     return num <= min ? min : num >= max ? max : num;
 }
 export default function useDraggable({ onMove, onDrop, getBoundingRect = () => document.body.getBoundingClientRect(), handleSelector, }) {
-    const startRef = useRef();
+    const startRef = useRef(null);
     const handleRef = useRef(null);
     const targetRef = useRef(null);
     const handleRefCallback = useCallback((newNode) => {
@@ -24,8 +24,7 @@ export default function useDraggable({ onMove, onDrop, getBoundingRect = () => d
              * This gives time react to render the node handle.
              */
             setTimeout(() => {
-                var _a;
-                const node = (_a = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(handleSelector);
+                const node = targetRef?.current?.querySelector(handleSelector);
                 node && handleRefCallback(node);
             }, 16);
         }

package/src/components/utils/useLatest.d.ts

@@ -1 +1 @@
-export declare const useLatest: <T>(value: T) => () => T;
+export declare const useLatest: <T>(value: T) => (() => T);

package/src/components/utils/useProperty.d.ts

@@ -16,7 +16,7 @@
  *
  * Returns [propValue, propSetterFunction] - the value of the prop and a setter function
  */
-declare const useProperty: <TS>(props: any, propName: string, defaultValue?: TS, config?: {
+declare const useProperty: <TS>(props: any, propName: string, defaultValue?: TS | undefined, config?: {
     onChange?: (value: TS, ...args: any[]) => void;
 }) => [TS, (value: TS | ((v: TS) => TS), ...args: any[]) => void];
 export default useProperty;

package/src/components/utils/useSelectionRange.js

@@ -7,7 +7,7 @@ export function useSelectionRange() {
         const end = isActive ? ref.current.selectionEnd : null;
         setRange([start, end]);
     };
-    const ref = useRef();
+    const ref = useRef(null);
     const refCallback = useCallback((newNode) => {
         const oldNode = ref.current;
         if (oldNode)

package/src/env.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    INFINITE_TABLE_LICENSE_KEY: any;
+    NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: any;
     PUBLISH_TIMESTAMP: any;
     VERSION: any;
 };

package/src/env.js

@@ -1,5 +1,5 @@
 export default {
-    INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1736500866693 || Date.now(),
-    VERSION: "19.2.4" || '--current-version--',
+    NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
+    PUBLISH_TIMESTAMP: 1740095362364 || Date.now(),
+    VERSION: "20.0.0-canary.0" || '--current-version--',
 };

package/src/layout-manager/src/LMEmitter.d.ts

@@ -0,0 +1,25 @@
+import { GridOptions } from 'ag-grid-enterprise';
+import { PivotLayoutModel, TableLayoutModel } from './LayoutManagerModel';
+import { LMLogger } from './LMLogger';
+type LMEmitterEventTypes = {
+    gridLayoutChanged: (layout: TableLayoutModel | PivotLayoutModel) => void;
+    columnDefsChanged: (colDefs: GridOptions['columnDefs']) => void;
+};
+export declare class LMEmitter extends LMLogger {
+    protected destroyed: boolean;
+    private suspended;
+    constructor(options: {
+        debugId: string;
+    });
+    /**
+     * For each supported event, we have a Set that holds all the callbacks that should be executed
+     * when the event is triggered.
+     */
+    private eventSets;
+    on<E extends keyof LMEmitterEventTypes>(event: E, callback: LMEmitterEventTypes[E]): () => void;
+    suspend(): void;
+    resume(): void;
+    emitSync<E extends keyof LMEmitterEventTypes>(event: E, ...args: Parameters<LMEmitterEventTypes[E]>): void;
+    destroy(): void;
+}
+export {};

package/src/layout-manager/src/LMEmitter.js

@@ -0,0 +1,55 @@
+import { LMLogger } from './LMLogger';
+function x(a, b) { }
+const xtype = [1, '2'];
+export class LMEmitter extends LMLogger {
+    constructor(options) {
+        super(options);
+        this.destroyed = false;
+        this.suspended = false;
+        /**
+         * For each supported event, we have a Set that holds all the callbacks that should be executed
+         * when the event is triggered.
+         */
+        this.eventSets = {
+            gridLayoutChanged: new Set(),
+            columnDefsChanged: new Set(),
+        };
+    }
+    on(event, callback) {
+        this.eventSets[event].add(callback);
+        return () => {
+            this.eventSets[event].delete(callback);
+        };
+    }
+    suspend() {
+        this.suspended = true;
+    }
+    resume() {
+        this.suspended = false;
+    }
+    emitSync(event, ...args) {
+        if (this.destroyed) {
+            return;
+        }
+        if (this.suspended) {
+            return;
+        }
+        const set = this.eventSets[event];
+        set.forEach((callback) => {
+            if (this.destroyed) {
+                return;
+            }
+            // @ts-ignore
+            callback(...args);
+        });
+    }
+    destroy() {
+        if (this.destroyed) {
+            return;
+        }
+        this.destroyed = true;
+        Object.values(this.eventSets).forEach((set) => {
+            set.clear();
+        });
+    }
+}

package/src/layout-manager/src/LMLogger.d.ts

@@ -0,0 +1,20 @@
+import { DebugLogger } from '@infinite-table/infinite-react';
+export declare class LMLogger {
+    protected debugger: DebugLogger;
+    protected infoLogger: DebugLogger;
+    protected successLogger: DebugLogger;
+    protected warnLogger: DebugLogger;
+    protected errorLogger: DebugLogger;
+    private perfLogger;
+    private debugId;
+    constructor(options: {
+        debugId: string;
+    });
+    beginPerf(sectionName: string): {
+        end: (additionalComment?: string) => void;
+    };
+    info(message: string, ...optionalParams: any[]): void;
+    success(message: string, ...optionalParams: any[]): void;
+    warn(message: string, ...optionalParams: any[]): void;
+    error(message: string, ...optionalParams: any[]): void;
+}

package/src/layout-manager/src/LMLogger.js

@@ -0,0 +1,62 @@
+import { debug as debugFactory } from '@infinite-table/infinite-react';
+const performanceTime = (previousTime) => {
+    const now = performance.now();
+    return Math.round(previousTime ? now - previousTime : now);
+};
+export class LMLogger {
+    constructor(options) {
+        this.debugId = options.debugId;
+        this.debugger = debugFactory(this.debugId ? `LayoutManager:${this.debugId}` : 'LayoutManager');
+        this.infoLogger = this.debugger.extend(`info`);
+        this.infoLogger.logFn = console.info.bind(console);
+        this.successLogger = this.debugger.extend(`success`);
+        this.successLogger.logFn = console.log.bind(console);
+        this.warnLogger = this.debugger.extend(`warn`);
+        this.warnLogger.logFn = console.warn.bind(console);
+        this.errorLogger = this.debugger.extend(`error`);
+        this.errorLogger.logFn = console.error.bind(console);
+        this.perfLogger = this.debugger.extend(`perf`);
+        this.perfLogger.logFn = console.info.bind(console);
+    }
+    beginPerf(sectionName) {
+        this.perfLogger(`[BEGIN] - ${sectionName}`);
+        const startTime = performanceTime();
+        return {
+            end: (additionalComment) => {
+                this.perfLogger(`[END]   - ${sectionName} ${additionalComment ? `(${additionalComment})` : ''} :: [delta +${performanceTime(startTime)}ms]`);
+            },
+        };
+    }
+    info(message, ...optionalParams) {
+        if (optionalParams?.length) {
+            this.infoLogger(message, ...optionalParams);
+        }
+        else {
+            this.infoLogger(message);
+        }
+    }
+    success(message, ...optionalParams) {
+        if (optionalParams?.length) {
+            this.successLogger(message, ...optionalParams);
+        }
+        else {
+            this.successLogger(message);
+        }
+    }
+    warn(message, ...optionalParams) {
+        if (optionalParams?.length) {
+            this.warnLogger(message, ...optionalParams);
+        }
+        else {
+            this.warnLogger(message);
+        }
+    }
+    error(message, ...optionalParams) {
+        if (optionalParams?.length) {
+            this.errorLogger(message, ...optionalParams);
+        }
+        else {
+            this.errorLogger(message);
+        }
+    }
+}