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

package/src/View/Components/ColumnFilter/components/ColumnFilterMenu.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnFilterMenu = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const Panel_1 = tslib_1.__importDefault(require("../../../../components/Panel"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/SimpleButton"));
-const Flex_1 = require("../../../../components/Flex");
-const react_1 = require("react");
-const utils_1 = require("../../../../lib/utils");
-const ColumnFilterMenuItem = ({ active, onClick, icon, label, }) => {
-    return ((0, jsx_runtime_1.jsxs)(SimpleButton_1.default, { className: "twa:p-1 twa:w-full", variant: "text", tone: active ? 'info' : 'none', onClick: onClick, "aria-label": label, children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:mr-2", children: icon }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-2", children: label })] }));
-};
-const ColumnFilterMenu = (props) => {
-    const [activeIndex, setActiveIndex] = React.useState(() => {
-        const index = props.predicateDefs.findIndex((predicateDef) => predicateDef.operator === props.predicate.operator);
-        return index === -1 ? 0 : index;
-    });
-    const activeIndexRef = React.useRef(activeIndex);
-    const onPredicateChangeRef = React.useRef(props.onPredicateChange);
-    const predicateDefsRef = React.useRef(props.predicateDefs);
-    (0, react_1.useLayoutEffect)(() => {
-        activeIndexRef.current = activeIndex;
-        onPredicateChangeRef.current = props.onPredicateChange;
-        predicateDefsRef.current = props.predicateDefs;
-    });
-    const confirm = React.useCallback((predicateDef) => {
-        onPredicateChangeRef.current({ operator: predicateDef.operator, args: [] });
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const onKeyDown = (e) => {
-            // Only handle arrow keys and Enter - let other keys (like Tab) pass through
-            if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Enter') {
-                return;
-            }
-            const activeIndex = activeIndexRef.current;
-            const predicateDefs = predicateDefsRef.current;
-            if (e.key === 'Enter') {
-                const predicateDef = predicateDefs[activeIndex];
-                if (predicateDef) {
-                    confirm(predicateDef);
-                }
-            }
-            e.stopPropagation();
-            e.preventDefault();
-            const dir = e.key === 'ArrowDown' ? 1 : e.key === 'ArrowUp' ? -1 : 0;
-            if (dir) {
-                let nextIndex = activeIndex + dir;
-                if (nextIndex < 0) {
-                    nextIndex = predicateDefs.length - 1;
-                }
-                else if (nextIndex >= predicateDefs.length) {
-                    nextIndex = 0;
-                }
-                setActiveIndex(nextIndex);
-            }
-        };
-        document.addEventListener('keydown', onKeyDown);
-        return () => {
-            document.removeEventListener('keydown', onKeyDown);
-        };
-    }, [confirm]);
-    return ((0, jsx_runtime_1.jsx)(Panel_1.default, { className: "twa:min-w-max", children: props.predicateDefs?.map((predicateDef, index) => {
-            const active = activeIndex === index;
-            return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: (0, utils_1.cn)('twa:mb-1', active && 'twa:bg-primarylight'), onMouseDownCapture: (e) => {
-                    e.stopPropagation();
-                    e.preventDefault();
-                }, children: (0, jsx_runtime_1.jsx)(ColumnFilterMenuItem, { onClick: () => confirm(predicateDef), icon: predicateDef.icon, label: predicateDef.label, active: active }) }, index));
-        }) }));
-};
-exports.ColumnFilterMenu = ColumnFilterMenu;

package/src/View/Components/EntityRowItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface EntityRowItemProps extends React.ClassAttributes<EntityRowItem> {
-    Content: any;
-}
-export declare class EntityRowItem extends React.Component<EntityRowItemProps, {}> {
-    render(): any;
-}

package/src/View/Components/EntityRowItem.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityRowItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-class EntityRowItem extends React.Component {
-    render() {
-        return (0, jsx_runtime_1.jsxs)("span", { children: [" ", this.props.Content] });
-    }
-}
-exports.EntityRowItem = EntityRowItem;

package/src/View/Components/FilterForm/getDefaultColumnFilterPredicate.d.ts

@@ -1,3 +0,0 @@
-import { AdaptableColumn } from '../../../AdaptableState/Common/AdaptableColumn';
-import { SystemFilterPredicateId } from '../../../types';
-export declare const getDefaultColumnFilterPredicate: (column: AdaptableColumn, defaultColumnFilter: SystemFilterPredicateId | ((column: AdaptableColumn) => SystemFilterPredicateId)) => SystemFilterPredicateId;

package/src/View/Components/FilterForm/getDefaultColumnFilterPredicate.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultColumnFilterPredicate = void 0;
-const getDefaultColumnFilterPredicate = (column, defaultColumnFilter) => {
-    return typeof defaultColumnFilter === 'function'
-        ? defaultColumnFilter(column)
-        : defaultColumnFilter;
-};
-exports.getDefaultColumnFilterPredicate = getDefaultColumnFilterPredicate;

package/src/View/Components/ModuleProfile.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ModuleInfo } from '../../Strategy/Interface/IModule';
-export interface ModuleProfileProps extends React.ClassAttributes<ModuleProfile> {
-    moduleInfo: ModuleInfo;
-}
-export declare class ModuleProfile extends React.Component<ModuleProfileProps, {}> {
-    render(): any;
-}

package/src/View/Components/ModuleProfile.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModuleProfile = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("../../components/icons");
-class ModuleProfile extends React.Component {
-    render() {
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: this.props.moduleInfo.Glyph, style: {
-                        fill: 'var(--ab-color-primary-foreground)',
-                    } }), ' ', this.props.moduleInfo.FriendlyName] }));
-    }
-}
-exports.ModuleProfile = ModuleProfile;

package/src/View/Components/ModuleSummary/ModuleDetail.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import * as Redux from 'redux';
-import { AdaptableObject } from '../../../AdaptableState/Common/AdaptableObject';
-import { ModuleInfo } from '../../../Strategy/Interface/IModule';
-import { AdaptableSharedEntityConfig } from '../../../AdaptableState/TeamSharingState';
-import { AccessLevel } from '../../../AdaptableState/Common/Entitlement';
-export interface ModuleDetailProps extends React.ClassAttributes<ModuleDetail> {
-    key: string;
-    item1: any;
-    item2: any;
-    configEnity: AdaptableObject;
-    moduleInfo: ModuleInfo;
-    accessLevel: AccessLevel;
-    onEdit: () => void;
-    onShare: (config: AdaptableSharedEntityConfig) => void;
-    onDelete: Redux.Action;
-    showBold?: boolean;
-    showEdit?: boolean;
-    showShare?: boolean;
-}
-export declare class ModuleDetail extends React.Component<ModuleDetailProps, {}> {
-    render(): any;
-}

package/src/View/Components/ModuleSummary/ModuleDetail.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModuleDetail = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const EntityListActionButtons_1 = require("../Buttons/EntityListActionButtons");
-const SummaryRowItem_1 = require("./SummaryRowItem");
-class ModuleDetail extends React.Component {
-    render() {
-        let summaryItems = [];
-        this.props.showBold
-            ? summaryItems.push((0, jsx_runtime_1.jsx)("b", { children: this.props.item1 }))
-            : summaryItems.push((0, jsx_runtime_1.jsx)("i", { children: this.props.item1 }));
-        summaryItems.push((0, jsx_runtime_1.jsx)("i", { children: this.props.item2 }));
-        summaryItems.push((0, jsx_runtime_1.jsx)(EntityListActionButtons_1.EntityListActionButtons, { justifyContent: "start", confirmDeleteAction: this.props.onDelete, showEdit: this.props.showEdit, editClick: () => this.props.onEdit(), shareClick: (config) => this.props.onShare(config), showShare: this.props.showShare, entityType: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
-        return (0, jsx_runtime_1.jsx)(SummaryRowItem_1.SummaryRowItem, { SummaryItems: summaryItems });
-    }
-}
-exports.ModuleDetail = ModuleDetail;

package/src/View/Components/ModuleSummary/ModuleHeader.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ModuleInfo } from '../../../Strategy/Interface/IModule';
-import { AccessLevel } from '../../../AdaptableState/Common/Entitlement';
-export interface ModuleHeaderProps extends React.ClassAttributes<ModuleHeader> {
-    key: string;
-    moduleInfo: ModuleInfo;
-    moduleSummary: any;
-    onNew: () => void;
-    newButtonTooltip: string;
-    newButtonDisabled?: boolean;
-    accessLevel: AccessLevel;
-}
-export declare class ModuleHeader extends React.Component<ModuleHeaderProps, {}> {
-    render(): any;
-}

package/src/View/Components/ModuleSummary/ModuleHeader.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModuleHeader = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const ButtonNew_1 = require("../Buttons/ButtonNew");
-const SummaryRowItem_1 = require("./SummaryRowItem");
-const ModuleProfile_1 = require("../ModuleProfile");
-class ModuleHeader extends React.Component {
-    render() {
-        let summaryItems = [];
-        let newButton = this.props.newButtonDisabled ? null : ((0, jsx_runtime_1.jsx)(ButtonNew_1.ButtonNew, { onClick: () => this.props.onNew(), tooltip: 'Create ' + this.props.newButtonTooltip, accessLevel: this.props.accessLevel }));
-        summaryItems.push((0, jsx_runtime_1.jsx)("b", { children: (0, jsx_runtime_1.jsx)(ModuleProfile_1.ModuleProfile, { moduleInfo: this.props.moduleInfo }) }));
-        summaryItems.push(this.props.moduleSummary);
-        summaryItems.push(newButton);
-        return (0, jsx_runtime_1.jsx)(SummaryRowItem_1.SummaryRowItem, { SummaryItems: summaryItems });
-    }
-}
-exports.ModuleHeader = ModuleHeader;

package/src/View/Components/ModuleSummary/SummaryRowItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface SummaryRowItemProps extends React.ClassAttributes<SummaryRowItem> {
-    SummaryItems: any[];
-}
-export declare class SummaryRowItem extends React.Component<SummaryRowItemProps, {}> {
-    render(): any;
-}

package/src/View/Components/ModuleSummary/SummaryRowItem.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryRowItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const AdaptableObjectRow_1 = require("../AdaptableObjectRow");
-class SummaryRowItem extends React.Component {
-    render() {
-        let colItems = [];
-        colItems.push({ Size: 3, Content: this.props.SummaryItems[0] });
-        colItems.push({ Size: 7, Content: this.props.SummaryItems[1] });
-        colItems.push({ Size: 2, Content: this.props.SummaryItems[2] });
-        return (0, jsx_runtime_1.jsx)(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems });
-    }
-}
-exports.SummaryRowItem = SummaryRowItem;

package/src/View/Components/SharedProps/ModuleSummaryProps.d.ts

@@ -1,9 +0,0 @@
-import { AdaptableColumn } from '../../../AdaptableState/Common/AdaptableColumn';
-import { ModuleViewPopupProps } from './ModuleViewPopupProps';
-import * as TeamSharingRedux from '../../../Redux/ActionsReducers/TeamSharingRedux';
-import { AdaptableObject } from '../../../AdaptableState/Common/AdaptableObject';
-import { AdaptableSharedEntityConfig } from '../../../AdaptableState/TeamSharingState';
-export interface ModuleSummaryProps<View> extends ModuleViewPopupProps<View> {
-    summarisedColumn: AdaptableColumn;
-    onShare: (entity: AdaptableObject, config: AdaptableSharedEntityConfig) => TeamSharingRedux.TeamSharingShareAction;
-}

package/src/View/Components/SharedProps/ModuleSummaryProps.js

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

package/src/View/Components/SharedProps/ToolPanelModuleViewPopupProps.d.ts

@@ -1,13 +0,0 @@
-import { ModuleViewPopupProps } from './ModuleViewPopupProps';
-import * as Redux from 'redux';
-import * as PopupRedux from '../../../Redux/ActionsReducers/PopupRedux';
-import * as ToolPanelRedux from '../../../Redux/ActionsReducers/ToolPanelRedux';
-import { AdaptableToolPanel } from '../../../AdaptableState/Common/Types';
-import { ToolPanelVisibilityMode } from '../../../AdaptableState/ToolPanelState';
-export interface ToolPanelModuleViewPopupProps<View> extends ModuleViewPopupProps<View> {
-    onClick: (action: Redux.Action) => Redux.Action;
-    onClose: (toolPanel: AdaptableToolPanel) => ToolPanelRedux.ToolPanelHideToolPanelAction;
-    onConfigure: (popup: string) => PopupRedux.PopupShowScreenAction;
-    visibilityMode: ToolPanelVisibilityMode;
-    onVisibilityModeChange: (visibilityMode: ToolPanelVisibilityMode) => void;
-}

package/src/View/Components/SharedProps/ToolPanelModuleViewPopupProps.js

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

package/src/View/Components/SharedProps/ToolbarModuleViewPopupProps.d.ts

@@ -1,14 +0,0 @@
-import { ModuleViewPopupProps } from './ModuleViewPopupProps';
-import * as Redux from 'redux';
-import * as PopupRedux from '../../../Redux/ActionsReducers/PopupRedux';
-import * as DashboardRedux from '../../../Redux/ActionsReducers/DashboardRedux';
-import { AdaptableDashboardToolbar } from '../../../AdaptableState/Common/Types';
-import { CustomToolbar } from '../../../AdaptableOptions/DashboardOptions';
-export interface CustomToolbarModuleViewPopupProps<View> extends ModuleViewPopupProps<View> {
-    customToolbar: CustomToolbar;
-}
-export interface ToolbarModuleViewPopupProps<View> extends ModuleViewPopupProps<View> {
-    onClick: (action: Redux.Action) => Redux.Action;
-    onConfigure: (popup: string) => PopupRedux.PopupShowScreenAction;
-    onClose: (toolBar: AdaptableDashboardToolbar) => DashboardRedux.DashboardCloseToolbarAction;
-}

package/src/View/Components/SharedProps/ToolbarModuleViewPopupProps.js

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

package/src/View/Components/StyleVisualItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { AdaptableStyle } from '../../AdaptableState/Common/AdaptableStyle';
-export interface StyleVisualItemProps extends React.ClassAttributes<StyleVisualItem> {
-    Style: AdaptableStyle;
-    Text?: string;
-}
-export declare class StyleVisualItem extends React.Component<StyleVisualItemProps, {}> {
-    render(): any;
-}

package/src/View/Components/StyleVisualItem.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleVisualItem = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const EnumExtensions_1 = require("../../Utilities/Extensions/EnumExtensions");
-const Enums_1 = require("../../AdaptableState/Common/Enums");
-const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
-class StyleVisualItem extends React.Component {
-    render() {
-        if (!this.props.Style) {
-            return null;
-        }
-        let styleText = StringExtensions_1.default.IsNotNullOrEmpty(this.props.Text)
-            ? this.props.Text
-            : 'Style';
-        let styleVisualisation;
-        if (this.props.Style.ClassName) {
-            styleVisualisation = (0, jsx_runtime_1.jsx)("div", { children: 'CSS Class: ' + this.props.Style.ClassName });
-        }
-        else {
-            let backColorForStyle = this.props.Style.BackColor != undefined ? this.props.Style.BackColor : null;
-            let foreColorForStyle = this.props.Style.ForeColor != undefined ? this.props.Style.ForeColor : 'black';
-            let borderColorForStyle = this.props.Style.BorderColor != undefined ? this.props.Style.BorderColor : null;
-            let fontWeightForStyle = this.props.Style.FontWeight == Enums_1.FontWeight.Bold ? 'bold' : 'normal';
-            let fontStyleForStyle = this.props.Style.FontStyle == Enums_1.FontStyle.Italic ? 'italic' : 'normal';
-            let fontSizeForStyle = EnumExtensions_1.EnumExtensions.getCssFontSizeFromFontSizeEnum(this.props.Style.FontSize);
-            styleVisualisation = ((0, jsx_runtime_1.jsx)("div", { className: this.props.Style.BackColor != undefined ? '' : 'ab_white_grey_stripes', style: {
-                    textAlign: 'center',
-                    margin: '2px',
-                    padding: '3px',
-                    background: backColorForStyle,
-                    color: foreColorForStyle,
-                    borderColor: borderColorForStyle,
-                    borderStyle: borderColorForStyle ? 'solid' : 'none',
-                    fontWeight: fontWeightForStyle,
-                    fontStyle: fontStyleForStyle,
-                    fontSize: fontSizeForStyle,
-                }, children: styleText }));
-        }
-        return styleVisualisation;
-    }
-}
-exports.StyleVisualItem = StyleVisualItem;

package/src/View/Components/WizardSummaryPage.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { KeyValuePair } from '../../Utilities/Interface/KeyValuePair';
-export interface WizardSummaryPageProps {
-    KeyValuePairs: KeyValuePair[];
-    header?: string;
-}
-export declare const WizardSummaryPage: (props: WizardSummaryPageProps) => React.JSX.Element;

package/src/View/Components/WizardSummaryPage.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WizardSummaryPage = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const WizardPanel_1 = tslib_1.__importDefault(require("../../components/WizardPanel"));
-const InfiniteTable_1 = require("../../components/InfiniteTable");
-const columnsMap = {
-    Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
-    Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
-};
-const tableDOMProps = {
-    className: 'ab-WizardSummary__list',
-    style: {
-        height: '100%',
-        margin: 'calc(var(--ab-base-space) * 2)',
-    },
-};
-const WizardSummaryPage = (props) => {
-    return ((0, jsx_runtime_1.jsx)(WizardPanel_1.default, { bodyProps: { className: 'twa:p-0' }, className: "ab-WizardSummary", "data-name": 'wizard-summary', children: (0, jsx_runtime_1.jsx)(InfiniteTable_1.DataSource, { data: props.KeyValuePairs, primaryKey: "Key", children: (0, jsx_runtime_1.jsx)(InfiniteTable_1.InfiniteTableGrid, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }) }) }));
-};
-exports.WizardSummaryPage = WizardSummaryPage;

package/src/components/Accordion.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactElement } from 'react';
-interface AccordionProps {
-    title: string | ReactElement;
-    children: ReactElement;
-}
-export declare const Accordion: React.FC<AccordionProps>;
-export default Accordion;

package/src/components/Accordion.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SimpleButton_1 = tslib_1.__importDefault(require("./SimpleButton"));
-const Panel_1 = tslib_1.__importDefault(require("./Panel"));
-const Accordion = ({ title, children }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [height, setHeight] = (0, react_1.useState)('0px');
-    const content = (0, react_1.useRef)(null);
-    const observer = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        setHeight(isOpen && content.current ? `${content.current.scrollHeight}px` : '0px');
-    }, [isOpen, content]);
-    (0, react_1.useEffect)(() => {
-        if (content.current) {
-            observer.current = new MutationObserver(() => {
-                setHeight(`${content.current?.scrollHeight}px`);
-            });
-            observer.current.observe(content.current, { childList: true, subtree: true });
-        }
-        return () => {
-            observer.current?.disconnect();
-        };
-    }, []);
-    const toggleAccordion = () => {
-        setIsOpen(!isOpen);
-    };
-    return ((0, jsx_runtime_1.jsxs)(Panel_1.default, { className: "ab-Accordion", children: [(0, jsx_runtime_1.jsx)(SimpleButton_1.default, { iconPosition: "end", icon: isOpen ? 'expand-all' : 'collapse-all', variant: "text", onClick: toggleAccordion, style: { width: '100%', textAlign: 'left' }, children: title }), (0, jsx_runtime_1.jsx)("div", { ref: content, style: {
-                    maxHeight: `${height}`,
-                    overflow: 'hidden',
-                    transition: 'max-height 0.6s ease',
-                }, children: children })] }));
-};
-exports.Accordion = Accordion;
-exports.default = exports.Accordion;

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,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("./Flex");
-const defaultStyle = {
-    height: '100%',
-    maxHeight: '90vh',
-    width: '70vw',
-    maxWidth: 800,
-};
-const FlexWithFooter = (props) => {
-    const { footer, footerProps, children, style, ...domProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", ...domProps, style: { ...defaultStyle, ...style }, children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "column", className: "twa:p-0 twa:flex-1", children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "column", className: "twa:flex-1", children: children }) }), footer ? ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { className: "twa:p-2 twa:bg-primary", ...footerProps, children: footer })) : null] }));
-};
-exports.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,38 +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 getResizeObserverObject_1 = require("../ResizeObserver/getResizeObserverObject");
-const RO = (0, getResizeObserverObject_1.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 ((0, jsx_runtime_1.jsx)("div", { ref: domRef, style: {
-            visibility: 'hidden',
-            position: 'absolute',
-            width: '100%',
-            height: '100%',
-            top: 0,
-            left: 0,
-        } }));
-};
-exports.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,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupWithFooter = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
-const FlexWithFooter_1 = tslib_1.__importDefault(require("./FlexWithFooter"));
-const twMerge_1 = require("../twMerge");
-exports.PopupWithFooter = React.forwardRef((props, ref) => {
-    const { showModal, onHide, footer, maxWidth, style, ...dialogProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { ...dialogProps, ref: ref, isOpen: showModal, onDismiss: onHide, showCloseButton: false, className: (0, twMerge_1.twMerge)('twa:p-0', dialogProps.className), children: (0, jsx_runtime_1.jsx)(FlexWithFooter_1.default, { 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;