@adaptabletools/adaptable-cjs 23.0.4 → 23.0.5-canary.1

package/src/components/SelectableList/index.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectionEvent = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
-const SelectableListContext = React.createContext({
-    clickInfoRef: null,
-    selected: {},
-    getItemId: (index) => index,
-    toggleOnSimpleClick: false,
-    setSelected: (x) => { },
-});
-const useSelectionEvent = () => {
-    const { selected, setSelected, toggleOnSimpleClick, clickInfoRef, getItemId } = (0, react_1.useContext)(SelectableListContext);
-    return (event, { index }) => {
-        if (index === undefined) {
-            return;
-        }
-        const { lastClickIndexWithoutShift, lastShiftSelectionRange } = clickInfoRef.current;
-        let { shiftKey, metaKey, ctrlKey } = event;
-        if (ctrlKey) {
-            metaKey = true;
-        }
-        if (metaKey) {
-            // as if shift key is not pressed
-            shiftKey = false;
-        }
-        let itemId = `${getItemId(index)}`;
-        let newSelection;
-        if (!shiftKey) {
-            clickInfoRef.current.lastClickIndexWithoutShift = index;
-            if (!metaKey && !toggleOnSimpleClick) {
-                // a simple click, no key modifiers
-                // so reset the selection
-                // and only add one item, the currently clicked item
-                newSelection = { [itemId]: true };
-            }
-            else {
-                const currentRowSelected = selected[itemId];
-                newSelection = { ...selected };
-                if (currentRowSelected) {
-                    // unselected the current row
-                    delete newSelection[itemId];
-                    // also, when unselecting, the click position should not be remembered, so need to revert it back
-                    clickInfoRef.current.lastClickIndexWithoutShift = lastClickIndexWithoutShift;
-                }
-                else {
-                    newSelection[itemId] = true;
-                }
-            }
-            clickInfoRef.current.lastShiftSelectionRange = null;
-            setSelected(newSelection);
-        }
-        else {
-            let prevClickIndex = lastClickIndexWithoutShift;
-            let currentClickIndex = index;
-            newSelection = { ...selected };
-            if (lastShiftSelectionRange) {
-                let { start, end } = lastShiftSelectionRange;
-                // clear previous shift selection
-                for (; start <= end; start++) {
-                    delete newSelection[getItemId(start)];
-                }
-            }
-            let [start, end] = [
-                Math.min(prevClickIndex, currentClickIndex),
-                Math.max(prevClickIndex, currentClickIndex),
-            ];
-            clickInfoRef.current.lastShiftSelectionRange = { start, end };
-            for (; start <= end; start++) {
-                newSelection[getItemId(start)] = true;
-            }
-            setSelected(newSelection);
-        }
-    };
-};
-exports.useSelectionEvent = useSelectionEvent;
-const SelectableList = (props) => {
-    const [selected, setSelected] = (0, useProperty_1.default)(props, 'selected', {});
-    const clickInfoRef = (0, react_1.useRef)({
-        lastClickIndexWithoutShift: 0,
-    });
-    const getItemId = (index) => {
-        if (props.getItemId) {
-            return props.getItemId(index);
-        }
-        return index;
-    };
-    return ((0, jsx_runtime_1.jsx)(SelectableListContext.Provider, { value: {
-            clickInfoRef,
-            toggleOnSimpleClick: props.toggleOnSimpleClick || false,
-            selected,
-            setSelected,
-            getItemId,
-        }, children: props.children }));
-};
-exports.default = SelectableList;

package/src/components/SizedContainer/index.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { BoxProps } from '../Flex';
-interface SizedContainerProps extends Omit<BoxProps, 'children' | 'onResize'> {
-    style?: React.CSSProperties;
-    className?: string;
-    children: (size: {
-        width: number;
-        height: number;
-    }) => ReactNode;
-    onResize?: (size: {
-        width: number;
-        height: number;
-    }) => void;
-}
-declare const SizedContainer: (props: SizedContainerProps) => React.JSX.Element;
-export default SizedContainer;

package/src/components/SizedContainer/index.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const NotifyResize_1 = tslib_1.__importDefault(require("../NotifyResize"));
-const Flex_1 = require("../Flex");
-const SizedContainer = (props) => {
-    const { onResize: onResizeFromProps, ...domProps } = props;
-    const [size, onResize] = React.useState(null);
-    const sizeFn = props.children;
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...domProps, style: { flex: 1, ...domProps.style, position: 'relative' }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Box, { style: {
-                position: 'absolute',
-                left: 0,
-                top: 0,
-                width: '100%',
-                height: '100%',
-            }, "data-width": size ? size.width : null, "data-height": size ? size.height : null, children: [(0, jsx_runtime_1.jsx)(NotifyResize_1.default, { onResize: (size) => {
-                        onResize(size);
-                        onResizeFromProps?.(size);
-                    } }), size ? sizeFn(size) : null] }) }));
-};
-exports.default = SizedContainer;

package/src/components/Table/index.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { HTMLAttributes } from 'react';
-declare const Table: (props: HTMLAttributes<HTMLTableElement>) => React.JSX.Element;
-export default Table;

package/src/components/Table/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const join_1 = tslib_1.__importDefault(require("../utils/join"));
-const Table = (props) => {
-    return (0, jsx_runtime_1.jsx)("table", { ...props, className: (0, join_1.default)(props.className, 'ab-Table') });
-};
-exports.default = Table;

package/src/components/WizardPanel/index.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { PanelProps } from '../Panel';
-declare const WizardPanel: (props: {
-    bodyProps?: PanelProps["bodyProps"];
-    className?: string;
-    "data-name"?: string;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
-export default WizardPanel;

package/src/components/WizardPanel/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Panel_1 = tslib_1.__importDefault(require("../Panel"));
-const twMerge_1 = require("../../twMerge");
-const WizardPanel = (props) => {
-    return ((0, jsx_runtime_1.jsx)(Panel_1.default, { bodyScroll: true, bodyProps: props.bodyProps, "data-name": props['data-name'], className: (0, twMerge_1.twMerge)('ab-WizardPanel', 'twa:border-none twa:rounded-none twa:h-full', props.className), children: props.children }));
-};
-exports.default = WizardPanel;

package/src/components/icons/align-justify.d.ts

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

package/src/components/icons/align-justify.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z" }) }));

package/src/components/icons/column-info.d.ts

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

package/src/components/icons/column-info.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }));

package/src/components/icons/gradient-column.d.ts

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

package/src/components/icons/gradient-column.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M11,9H13V11H11V9M9,11H11V13H9V11M13,11H15V13H13V11M15,9H17V11H15V9M7,9H9V11H7V9M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9,18H7V16H9V18M13,18H11V16H13V18M17,18H15V16H17V18M19,11H17V13H19V15H17V13H15V15H13V13H11V15H9V13H7V15H5V13H7V11H5V5H19V11Z" }) }));

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

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

package/src/components/icons/invalid.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2L1 21z" }) }));

package/src/components/icons/logout copy.d.ts

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

package/src/components/icons/logout copy.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })] }));

package/src/components/icons/smart-edit.d.ts

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

package/src/components/icons/smart-edit.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" }) }));

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

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

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("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/unchecked.d.ts

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

package/src/components/icons/unchecked.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" }) }));

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

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

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("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/utils/useContainerScrollObserver/index.d.ts

@@ -1,6 +0,0 @@
-type UseContainerScrollObserverCallback = (currentIndex: number) => void;
-export declare const useContainerScrollObserver: (callback: UseContainerScrollObserverCallback) => {
-    ref: (node: HTMLElement) => void;
-    scrollToIndex: (index: number) => void;
-};
-export {};

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

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContainerScrollObserver = void 0;
-const react_1 = require("react");
-class SectionSelector {
-    scrollTop = 0;
-    node;
-    boxHeight;
-    childrenHeights = [];
-    maxScrollTop;
-    constructor(node) {
-        this.node = node;
-        this.refreshFromDOM();
-    }
-    refreshFromDOM() {
-        this.boxHeight = this.node.scrollHeight;
-        this.childrenHeights = Array.prototype.map.call(this.node.children, (child) => child.offsetHeight);
-        this.maxScrollTop = this.boxHeight - this.node.offsetHeight;
-    }
-    getVisibleRange(scrollTop = this.scrollTop) {
-        const top = scrollTop;
-        const height = this.node.offsetHeight;
-        const bottom = scrollTop + this.node.offsetHeight;
-        return {
-            top,
-            bottom,
-            height,
-        };
-    }
-    select = (scrollTop) => {
-        this.refreshFromDOM();
-        const relativeCurrentHeight = (scrollTop * this.boxHeight) / this.maxScrollTop;
-        let heightSum = 0;
-        for (let i = 0, len = this.childrenHeights.length; i < len; i++) {
-            heightSum += this.childrenHeights[i];
-            if (heightSum > relativeCurrentHeight) {
-                return i;
-            }
-        }
-        return this.childrenHeights.length - 1;
-    };
-}
-const useContainerScrollObserver = (callback) => {
-    const containerNodeRef = (0, react_1.useRef)(null);
-    const sectionSelectorRef = (0, react_1.useRef)(null);
-    const update = (0, react_1.useCallback)((scrollTop) => {
-        callback(sectionSelectorRef.current.select(scrollTop));
-    }, []);
-    const scrollRafRef = (0, react_1.useRef)(null);
-    const onScroll = (0, react_1.useCallback)(() => {
-        if (scrollRafRef.current) {
-            cancelAnimationFrame(scrollRafRef.current);
-            scrollRafRef.current = null;
-        }
-        requestAnimationFrame(() => {
-            scrollRafRef.current = null;
-            update(containerNodeRef.current.scrollTop);
-        });
-    }, []);
-    const setupScroll = (0, react_1.useCallback)((node) => {
-        if (node) {
-            containerNodeRef.current = node;
-            node.addEventListener('scroll', onScroll, { passive: true });
-            sectionSelectorRef.current = new SectionSelector(node);
-        }
-        else {
-            containerNodeRef.current?.removeEventListener('scroll', onScroll);
-            sectionSelectorRef.current = null;
-        }
-    }, []);
-    const ref = setupScroll;
-    return {
-        ref,
-        scrollToIndex: (0, react_1.useCallback)((index) => {
-            const container = containerNodeRef.current;
-            const node = container.childNodes[index];
-            node.scrollIntoView({
-                behavior: 'smooth',
-            });
-        }, []),
-    };
-};
-exports.useContainerScrollObserver = useContainerScrollObserver;

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

@@ -1 +0,0 @@
-export declare const useGlobalEvent: (eventName: string, callback: (event: KeyboardEvent) => void) => void;

package/src/components/utils/useGlobalEvent.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGlobalEvent = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const useGlobalEvent = (eventName, callback) => {
-    React.useEffect(() => {
-        window.addEventListener(eventName, callback);
-        return () => window.removeEventListener(eventName, callback);
-    }, [eventName, callback]);
-};
-exports.useGlobalEvent = useGlobalEvent;

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

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

package/src/components/utils/useLatest.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLatest = void 0;
-const react_1 = require("react");
-const useLatest = (value) => {
-    const ref = (0, react_1.useRef)(value);
-    ref.current = value;
-    return (0, react_1.useCallback)(() => ref.current, []);
-};
-exports.useLatest = useLatest;

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

@@ -1,2 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export default function usePropState<S>(state: S | undefined, setState: Dispatch<SetStateAction<S>> | undefined, initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];

package/src/components/utils/usePropState.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = usePropState;
-const react_1 = require("react");
-function usePropState(state, setState, initialState) {
-    const [localState, setLocalState] = (0, react_1.useState)(initialState);
-    return [
-        state !== undefined ? state : localState,
-        setState !== undefined ? setState : setLocalState,
-    ];
-}

package/src/metamodel/adaptable-metamodel-model.d.ts

@@ -1,26 +0,0 @@
-export type AdaptableMetamodel = Record<string, MetamodelItem>;
-export interface MetamodelItem {
-    /** Item kind: 'A' (type alias), 'I' (interface), 'C' (class) */
-    k: 'A' | 'I' | 'C';
-    /** Description (only present for noCode-tagged items) */
-    d?: string;
-    /** Properties of this item */
-    p?: MetamodelItemProperty[];
-}
-export interface MetamodelItemProperty {
-    /** Property name */
-    n: string;
-    /** Property kind / type */
-    k: MetamodelItemPropertyKind;
-    /** Description (only present for noCode-tagged properties) */
-    d?: string;
-    /** UI label override for display */
-    l?: string;
-    /** Reference to another MetamodelItem key */
-    r?: string;
-    /** Whether the property is optional */
-    o?: boolean;
-    /** No-Code role: 'item' or 'container' */
-    nC?: 'item' | 'container';
-}
-export type MetamodelItemPropertyKind = 'R' | 'n' | 's' | 'b' | 'd' | 'f' | 'a' | 'i' | 'u';

package/src/metamodel/adaptable-metamodel-model.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });