@adaptabletools/adaptable 23.0.5-canary.0 → 23.0.5-canary.1

package/src/components/FlexWithFooter.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { FlexProps } from './Flex';
-import { HTMLProps } from 'react';
-interface TypeProps extends FlexProps {
-    footer: React.ReactNode;
-    footerProps?: FlexProps & HTMLProps<HTMLDivElement>;
-}
-declare const FlexWithFooter: (props: TypeProps & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;
-export default FlexWithFooter;

package/src/components/FlexWithFooter.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex } from './Flex';
-const defaultStyle = {
-    height: '100%',
-    maxHeight: '90vh',
-    width: '70vw',
-    maxWidth: 800,
-};
-const FlexWithFooter = (props) => {
-    const { footer, footerProps, children, style, ...domProps } = props;
-    return (_jsxs(Flex, { flexDirection: "column", ...domProps, style: { ...defaultStyle, ...style }, children: [_jsx(Flex, { flexDirection: "column", className: "twa:p-0 twa:flex-1", children: _jsx(Flex, { flexDirection: "column", className: "twa:flex-1", children: children }) }), footer ? (_jsx(Flex, { className: "twa:p-2 twa:bg-primary", ...footerProps, children: footer })) : null] }));
-};
-export default FlexWithFooter;

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface NotifyResizeProps {
-    onResize: (size: {
-        width: number;
-        height: number;
-    }) => void;
-}
-declare const NotifyResize: (props: NotifyResizeProps) => React.JSX.Element;
-export default NotifyResize;

package/src/components/NotifyResize/index.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { getResizeObserverObject } from '../ResizeObserver/getResizeObserverObject';
-const RO = getResizeObserverObject();
-const NotifyResize = (props) => {
-    const domRef = React.useRef(null);
-    React.useEffect(() => {
-        if (!RO) {
-            return;
-        }
-        const ro = new RO((entries) => {
-            const entry = entries[0];
-            if (entry) {
-                const { width, height } = entry.contentRect;
-                props.onResize({ width, height });
-            }
-        });
-        const domNode = domRef.current;
-        ro.observe(domNode);
-        return () => {
-            if (domNode) {
-                ro.unobserve(domNode);
-            }
-        };
-    }, []);
-    return (_jsx("div", { ref: domRef, style: {
-            visibility: 'hidden',
-            position: 'absolute',
-            width: '100%',
-            height: '100%',
-            top: 0,
-            left: 0,
-        } }));
-};
-export default NotifyResize;

package/src/components/PopupWithFooter.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { DialogProps, DialogRefType } from './Dialog';
-/**
- * This is the main popup that we use - so all function popups will appear here.
- */
-export interface IPopupWithFooterProps extends DialogProps {
-    showModal: boolean;
-    onHide?: () => void;
-    modal?: boolean;
-    maxWidth?: number;
-    footer: React.ReactNode;
-    children: React.ReactNode;
-}
-export declare const PopupWithFooter: React.ForwardRefExoticComponent<IPopupWithFooterProps & React.RefAttributes<DialogRefType>>;

package/src/components/PopupWithFooter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Dialog from './Dialog';
-import FlexWithFooter from './FlexWithFooter';
-import { twMerge } from '../twMerge';
-export const PopupWithFooter = React.forwardRef((props, ref) => {
-    const { showModal, onHide, footer, maxWidth, style, ...dialogProps } = props;
-    return (_jsx(Dialog, { ...dialogProps, ref: ref, isOpen: showModal, onDismiss: onHide, showCloseButton: false, className: twMerge('twa:p-0', dialogProps.className), children: _jsx(FlexWithFooter, { flexDirection: "column", style: style, footer: footer, footerProps: {
-                className: 'ab-Popup__footer twa:p-2 twa:bg-primary',
-            }, children: props.children }) }));
-});

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { SyntheticEvent, HTMLProps } from 'react';
-type SelectableListValues = {
-    [key: string]: boolean;
-};
-export declare const useSelectionEvent: () => (event: SyntheticEvent, { index }: {
-    index: number;
-}) => void;
-interface SelectableListProps {
-    onSelectedChange?: (selected: SelectableListValues) => void;
-    toggleOnSimpleClick?: boolean;
-    getItemId: (index: number) => string | number;
-}
-declare const SelectableList: (props: HTMLProps<HTMLDivElement> & SelectableListProps) => React.JSX.Element;
-export default SelectableList;

package/src/components/SelectableList/index.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useContext, useRef } from 'react';
-import useProperty from '../utils/useProperty';
-const SelectableListContext = React.createContext({
-    clickInfoRef: null,
-    selected: {},
-    getItemId: (index) => index,
-    toggleOnSimpleClick: false,
-    setSelected: (x) => { },
-});
-export const useSelectionEvent = () => {
-    const { selected, setSelected, toggleOnSimpleClick, clickInfoRef, getItemId } = 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) {
-            shiftKey = false;
-        }
-        let itemId = `${getItemId(index)}`;
-        let newSelection;
-        if (!shiftKey) {
-            clickInfoRef.current.lastClickIndexWithoutShift = index;
-            if (!metaKey && !toggleOnSimpleClick) {
-                newSelection = { [itemId]: true };
-            }
-            else {
-                const currentRowSelected = selected[itemId];
-                newSelection = { ...selected };
-                if (currentRowSelected) {
-                    delete newSelection[itemId];
-                    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;
-                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);
-        }
-    };
-};
-const SelectableList = (props) => {
-    const [selected, setSelected] = useProperty(props, 'selected', {});
-    const clickInfoRef = useRef({
-        lastClickIndexWithoutShift: 0,
-    });
-    const getItemId = (index) => {
-        if (props.getItemId) {
-            return props.getItemId(index);
-        }
-        return index;
-    };
-    return (_jsx(SelectableListContext.Provider, { value: {
-            clickInfoRef,
-            toggleOnSimpleClick: props.toggleOnSimpleClick || false,
-            selected,
-            setSelected,
-            getItemId,
-        }, children: props.children }));
-};
-export 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,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import NotifyResize from '../NotifyResize';
-import { Box } from '../Flex';
-const SizedContainer = (props) => {
-    const { onResize: onResizeFromProps, ...domProps } = props;
-    const [size, onResize] = React.useState(null);
-    const sizeFn = props.children;
-    return (_jsx(Box, { ...domProps, style: { flex: 1, ...domProps.style, position: 'relative' }, children: _jsxs(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: [_jsx(NotifyResize, { onResize: (size) => {
-                        onResize(size);
-                        onResizeFromProps?.(size);
-                    } }), size ? sizeFn(size) : null] }) }));
-};
-export 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,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import join from '../utils/join';
-const Table = (props) => {
-    return _jsx("table", { ...props, className: join(props.className, 'ab-Table') });
-};
-export 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,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Panel from '../Panel';
-import { twMerge } from '../../twMerge';
-const WizardPanel = (props) => {
-    return (_jsx(Panel, { bodyScroll: true, bodyProps: props.bodyProps, "data-name": props['data-name'], className: twMerge('ab-WizardPanel', 'twa:border-none twa:rounded-none twa:h-full', props.className), children: props.children }));
-};
-export 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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsxs(DefaultIcon, { ...props, children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DefaultIcon from './DefaultIcon';
-export default (props) => (_jsx(DefaultIcon, { ...props, children: _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,79 +0,0 @@
-import { useCallback, useRef } from '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;
-    };
-}
-export const useContainerScrollObserver = (callback) => {
-    const containerNodeRef = useRef(null);
-    const sectionSelectorRef = useRef(null);
-    const update = useCallback((scrollTop) => {
-        callback(sectionSelectorRef.current.select(scrollTop));
-    }, []);
-    const scrollRafRef = useRef(null);
-    const onScroll = useCallback(() => {
-        if (scrollRafRef.current) {
-            cancelAnimationFrame(scrollRafRef.current);
-            scrollRafRef.current = null;
-        }
-        requestAnimationFrame(() => {
-            scrollRafRef.current = null;
-            update(containerNodeRef.current.scrollTop);
-        });
-    }, []);
-    const setupScroll = 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: useCallback((index) => {
-            const container = containerNodeRef.current;
-            const node = container.childNodes[index];
-            node.scrollIntoView({
-                behavior: 'smooth',
-            });
-        }, []),
-    };
-};

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,7 +0,0 @@
-import * as React from 'react';
-export const useGlobalEvent = (eventName, callback) => {
-    React.useEffect(() => {
-        window.addEventListener(eventName, callback);
-        return () => window.removeEventListener(eventName, callback);
-    }, [eventName, callback]);
-};

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,6 +0,0 @@
-import { useCallback, useRef } from 'react';
-export const useLatest = (value) => {
-    const ref = useRef(value);
-    ref.current = value;
-    return useCallback(() => ref.current, []);
-};

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,8 +0,0 @@
-import { useState } from 'react';
-export default function usePropState(state, setState, initialState) {
-    const [localState, setLocalState] = useState(initialState);
-    return [
-        state !== undefined ? state : localState,
-        setState !== undefined ? setState : setLocalState,
-    ];
-}