@adaptabletools/adaptable 12.0.1-canary.0 → 12.0.1

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

@@ -44,6 +44,7 @@ class QuickFilterFormComponent extends React.Component {
         };
         this.debouncedAddFilter = debounce_1.default(() => this.props.onAddColumnFilter(this.state.filter), 250);
         this.debouncedEditFilter = debounce_1.default(() => this.props.onEditColumnFilter(this.state.filter), 250);
+        this.debouncedLoadPermittedValues = debounce_1.default(() => this.loadPermittedValues(), 500);
         const filter = this.getFilterFromProps();
         this._isMounted = true;
         this.state = {
@@ -58,9 +59,19 @@ class QuickFilterFormComponent extends React.Component {
         if (this.hasValuesPredicate((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.Predicate)) {
             this.loadPermittedValues();
         }
+        this.unsubscribeOnCellChanged = this.props.api.eventApi.on('CellChanged', (cellChangedInfo) => {
+            this.handleGridValueChange(cellChangedInfo.cellChange.column.columnId);
+        });
+        this.unsubscribeOnGridDataChanged = this.props.api.eventApi.on('GridDataChanged', () => {
+            // there is no way to find out if the changed rows are relevant for this filter, so we have to update it every time :/
+            this.handleGridValueChange();
+        });
     }
     componentWillUnmount() {
+        var _a, _b;
         this._isMounted = false;
+        (_a = this.unsubscribeOnCellChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribeOnGridDataChanged) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     UNSAFE_componentWillReceiveProps(nextProps) {
         const filter = this.getFilterFromProps(nextProps);
@@ -239,7 +250,7 @@ class QuickFilterFormComponent extends React.Component {
                 return (React.createElement(rebass_1.Flex, { onMouseEnter: () => {
                         var _a;
                         if (showEvent === 'click') {
-                            // For showEvent=mouseneter this is not needed.
+                            // For showEvent=mousenter this is not needed.
                             // When mouseenter is triggered on the overlay, onShowFn is called, the overlay is no longer hidden.
                             // But in this case because the trigger is click, another show is not triggered.
                             (_a = this.valuesDropdown) === null || _a === void 0 ? void 0 : _a.show();
@@ -295,6 +306,16 @@ class QuickFilterFormComponent extends React.Component {
             });
         }
     }
+    handleGridValueChange(changedColumnId) {
+        var _a, _b, _c, _d;
+        if (!this.hasValuesPredicate((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.Predicate)) {
+            return;
+        }
+        if (changedColumnId && changedColumnId !== ((_d = (_c = this.state) === null || _c === void 0 ? void 0 : _c.filter) === null || _d === void 0 ? void 0 : _d.ColumnId)) {
+            return;
+        }
+        this.debouncedLoadPermittedValues();
+    }
     updateFilter(filter) {
         this.setState({ filter });
         if (filter.Uuid) {

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js

@@ -37,6 +37,10 @@ const AdaptablePopupModuleView = (props) => {
             moduleViewProperties.onOpenEditPopup();
         }
     }, []);
+    React.useEffect(() => {
+        var _a;
+        (_a = moduleViewProperties === null || moduleViewProperties === void 0 ? void 0 : moduleViewProperties.onMount) === null || _a === void 0 ? void 0 : _a.call(moduleViewProperties);
+    }, []);
     React.useEffect(() => {
         var _a, _b;
         if (((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'New' || ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.action) === 'Edit') {

package/src/View/Components/Popups/AdaptablePopupTeamSharing.js

@@ -33,7 +33,7 @@ const AdaptablePopupTeamSharing = (props) => {
                             React.createElement("strong", null, "Active"),
                             ": a \"live\" share that is automatically updated with every local change"))),
                 React.createElement(FormLayout_1.default, { padding: 2 },
-                    React.createElement(FormLayout_1.FormRow, { label: "Description: " },
+                    React.createElement(FormLayout_1.FormRow, { label: "Name: " },
                         React.createElement(Input_1.default, { autoFocus: true, value: config.description, type: "string", width: 300, placeholder: "Enter text", onChange: (e) => setConfig(Object.assign(Object.assign({}, config), { description: e.target.value })) })),
                     React.createElement(FormLayout_1.FormRow, { label: "Share: " },
                         React.createElement(rebass_1.Flex, { flexDirection: "row" },

package/src/View/Layout/LayoutEditorStandalonePopup.js

@@ -70,7 +70,9 @@ const LayoutEditorStandalonePopup = (props) => {
     }, []);
     const finishDisabled = !layoutData.Name;
     return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column" },
-        React.createElement(LayoutEditorWizard_1.LayoutEditorWizard, { data: layoutData, api: adaptable.api, Layouts: layouts, moduleInfo: layoutModule.moduleInfo, onLayoutChange: setStateLayout, updateGoBackState: () => null }),
+        React.createElement(LayoutEditorWizard_1.LayoutEditorWizard, { data: layoutData, api: adaptable.api, Layouts: layouts, moduleInfo: layoutModule.moduleInfo, onLayoutChange: setStateLayout, 
+            // @ts-ignore
+            updateGoBackState: () => null }),
         React.createElement(PanelFooter_1.PanelFooter, { acceptDisabled: finishDisabled, onAccept: handleAccept, onCancel: handleCancel })));
 };
 exports.LayoutEditorStandalonePopup = LayoutEditorStandalonePopup;

package/src/View/Layout/LayoutPopup.d.ts

@@ -28,5 +28,5 @@ declare class LayoutPopupComponent extends React.Component<LayoutPopupProps, Edi
     canFinishWizard(): boolean;
     private getCurrentLayout;
 }
-export declare let LayoutPopup: import("react-redux").ConnectedComponent<typeof LayoutPopupComponent, import("react-redux").Omit<React.ClassAttributes<LayoutPopupComponent> & LayoutPopupProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "Layouts" | "onSelectLayout" | "onSaveLayout" | "CurrentLayoutName" | "CurrentLayoutDraft" | "onAddLayout">>;
+export declare let LayoutPopup: import("react-redux").ConnectedComponent<typeof LayoutPopupComponent, import("react-redux").Omit<React.ClassAttributes<LayoutPopupComponent> & LayoutPopupProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "onSelectLayout" | "onSaveLayout" | "Layouts" | "CurrentLayoutName" | "CurrentLayoutDraft" | "onAddLayout">>;
 export {};

package/src/View/Layout/LayoutViewPanel.d.ts

@@ -15,5 +15,5 @@ declare class LayoutViewPanelComponent extends React.Component<LayoutViewPanelCo
     render(): any;
     private onSaveLayout;
 }
-export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "Layouts" | "onSelectLayout" | "onSaveLayout" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
+export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "onSelectLayout" | "onSaveLayout" | "Layouts" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
 export {};

package/src/View/Layout/Wizard/LayoutEditorWizard.d.ts

@@ -10,7 +10,7 @@ export interface LayoutEditorWizardState {
     layout: Layout;
     errorMessage: string;
 }
-export declare class LayoutEditorWizard extends React.Component<LayoutEditorWizardProps, LayoutEditorWizardState> implements AdaptableWizardStep {
+export declare class LayoutEditorWizard extends React.Component<any, any> implements AdaptableWizardStep {
     constructor(props: LayoutEditorWizardProps);
     render(): any;
     onLayoutNameChange: (event: React.FormEvent<any>) => void;
@@ -20,32 +20,7 @@ export declare class LayoutEditorWizard extends React.Component<LayoutEditorWiza
     }) => string;
     updateLayout: (layout: Partial<Layout>) => void;
     onLayoutChange: (layout: Layout) => void;
-    getLayout: () => {
-        Name: string;
-        Columns: string[];
-        ColumnWidthMap?: {
-            [columnId: string]: number;
-        };
-        ColumnSorts?: import("../../../types").ColumnSort[];
-        ColumnFilters?: import("../../../types").ColumnFilter[];
-        RowGroupedColumns?: string[];
-        ExpandedRowGroupValues?: any[];
-        AggregationColumns?: Record<string, string | true>;
-        EnablePivot?: boolean;
-        PivotColumns?: string[];
-        PinnedColumnsMap?: {
-            [columnId: string]: "left" | "right";
-        };
-        AutoSave?: boolean;
-        ColumnHeadersMap?: {
-            [columnId: string]: string;
-        };
-        SuppressAggFuncInHeader?: boolean;
-        Uuid?: string;
-        Source?: "Config" | "User";
-        IsReadOnly?: boolean;
-        Tags?: string[];
-    };
+    getLayout: () => any;
     canNext(): boolean;
     canBack(): boolean;
     next(): void;

package/src/View/TeamSharing/SharedEntityDependencies.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { SharedEntity } from '../../../types';
+export declare const Dependencies: React.FunctionComponent<{
+    sharedEntity: SharedEntity;
+}>;
+export declare const SharedEntityDependencies: React.FunctionComponent<{
+    data: SharedEntity;
+}>;

package/src/View/TeamSharing/SharedEntityDependencies.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedEntityDependencies = exports.Dependencies = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableObjectList_1 = require("../Components/AdaptableObjectList/AdaptableObjectList");
+const Dependencies = (props) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const dependencies = adaptable.api.teamSharingApi.getSharedEntryDependencies(props.sharedEntity);
+    return (React.createElement(React.Fragment, null, dependencies.map((sharedEntity) => {
+        const module = adaptable.ModuleService.getModuleById('TeamSharing');
+        const itemView = module.toView(sharedEntity);
+        return (React.createElement(rebass_1.Box, { as: "ul", padding: 0, key: sharedEntity.Uuid, className: "ab-Shared-Entity-Shared-Object", mb: 2 },
+            React.createElement(AdaptableObjectList_1.AdaptableObjectListItem, { deleteTooltip: 'Cannot delete dependencies.', deleteDisabled: true, module: module, data: itemView })));
+    })));
+};
+exports.Dependencies = Dependencies;
+const SharedEntityDependencies = (props) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(rebass_1.Box, { mb: 3, mt: 2 }, isExpanded ? (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))),
+        isExpanded && React.createElement(exports.Dependencies, { sharedEntity: props.data })));
+};
+exports.SharedEntityDependencies = SharedEntityDependencies;

package/src/View/TeamSharing/SharedEntityObjectView.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SharedEntity } from '../../../types';
+export declare const SharedEntityTypeItemView: React.FunctionComponent<{
+    data: SharedEntity;
+}>;
+export declare const getSharedEntityActiveStatusObjectView: (isDependency: boolean) => (props: {
+    data: SharedEntity;
+}) => JSX.Element;
+export declare const getSharedEntityStaleDepsItemView: (staleDependencies: SharedEntity[]) => () => JSX.Element;

package/src/View/TeamSharing/SharedEntityObjectView.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSharedEntityStaleDepsItemView = exports.getSharedEntityActiveStatusObjectView = exports.SharedEntityTypeItemView = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const Tag_1 = require("../../components/Tag");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableObjectList_1 = require("../Components/AdaptableObjectList/AdaptableObjectList");
+const SharedEntityTypeItemView = (props) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const moduleName = props.data.Module;
+    const module = adaptable.ModuleService.getModuleById(moduleName);
+    const sharedObject = props.data.Entity;
+    const item = module.toView(sharedObject);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(rebass_1.Flex, { mb: 2, mt: 2 },
+            React.createElement(rebass_1.Flex, { mr: 2, alignItems: "center" },
+                React.createElement(Tag_1.Tag, { style: { margin: 0 } }, props.data.Module)),
+            isExpanded ? (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(false), icon: "arrow-up" }, "Collapse")) : (React.createElement(SimpleButton_1.default, { onClick: () => setIsExpanded(true), icon: "arrow-down" }, "Expand"))),
+        isExpanded && (React.createElement(rebass_1.Box, { as: "ul", padding: 0, className: "ab-Shared-Entity-Shared-Object" },
+            React.createElement(AdaptableObjectList_1.AdaptableObjectListItem, { hideControls: true, data: item, module: module })))));
+};
+exports.SharedEntityTypeItemView = SharedEntityTypeItemView;
+const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
+    var _a, _b;
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const activeEntries = adaptable.api.internalApi.getState().TeamSharing.ActiveSharedEntityMap;
+    const sharedEntity = props.data;
+    const isAdaptableObjectPresentInLocalState = !!adaptable.api.internalApi
+        .getModuleService()
+        .getModuleById(sharedEntity.Module)
+        .getModuleAdaptableObjects()
+        .find((adaptableObject) => adaptableObject.Uuid === sharedEntity.Entity.Uuid);
+    const isUpToDateAndActive = isAdaptableObjectPresentInLocalState &&
+        sharedEntity.Type === 'Active' &&
+        ((_a = activeEntries[sharedEntity.Entity.Uuid]) === null || _a === void 0 ? void 0 : _a.Revision) === sharedEntity.Revision;
+    const staleActiveEntities = adaptable.api.internalApi
+        .getTeamSharingService()
+        .getStaleActiveSharedEntities();
+    const isStaleAndActive = isAdaptableObjectPresentInLocalState && !!staleActiveEntities[sharedEntity.Uuid];
+    let activeInfo = null;
+    if (isAdaptableObjectPresentInLocalState) {
+        const activeRevision = (_b = activeEntries === null || activeEntries === void 0 ? void 0 : activeEntries[sharedEntity.Entity.Uuid]) === null || _b === void 0 ? void 0 : _b.Revision;
+        if (sharedEntity.Type === 'Active') {
+            const newRevision = sharedEntity.Revision;
+            let statusInfo = null;
+            if (isUpToDateAndActive) {
+                statusInfo = (React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-success)' } },
+                    React.createElement("b", null, "up-to-date")));
+            }
+            if (isStaleAndActive) {
+                statusInfo = (React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, ` (Rev. ${newRevision} available)`));
+            }
+            activeInfo = (React.createElement(React.Fragment, null,
+                `Imported Rev. ${activeRevision} ${isStaleAndActive ? 'is stale' : ''} `,
+                " ",
+                statusInfo));
+        }
+        else {
+            // snapshot
+            activeInfo = React.createElement(React.Fragment, null, `Imported Rev. ${activeRevision}`);
+        }
+    }
+    const sharedValue = `by ${sharedEntity.UserName} at ${new Date(sharedEntity.Timestamp).toLocaleString()}`;
+    return (React.createElement(React.Fragment, null,
+        !isDependency && React.createElement(Tag_1.Tag, null, sharedValue),
+        activeInfo && React.createElement(Tag_1.Tag, null, activeInfo)));
+};
+exports.getSharedEntityActiveStatusObjectView = getSharedEntityActiveStatusObjectView;
+const getSharedEntityStaleDepsItemView = (staleDependencies) => () => {
+    let staleDepsString = 'Shared entity has';
+    if ((staleDependencies === null || staleDependencies === void 0 ? void 0 : staleDependencies.length) === 1) {
+        staleDepsString += ` one (${staleDependencies[0].Module}) stale dependency`;
+    }
+    else {
+        staleDepsString += ` ${staleDependencies.length} stale dependencies`;
+    }
+    return (React.createElement(Tag_1.Tag, null,
+        React.createElement(rebass_1.Box, { ml: 1, style: { color: 'var(--ab-color-warn)' } }, staleDepsString)));
+};
+exports.getSharedEntityStaleDepsItemView = getSharedEntityStaleDepsItemView;

package/src/View/TeamSharing/TeamSharingApplyButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { AccessLevel, SharedEntity } from '../../../types';
+export declare const TeamSharingApplyButton: React.FunctionComponent<{
+    data: SharedEntity;
+    accessLevel: AccessLevel;
+}>;

package/src/View/TeamSharing/TeamSharingApplyButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeamSharingApplyButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const TeamSharingApplyButton = (props) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const handleImport = React.useCallback(() => {
+        adaptable.api.teamSharingApi.importSharedEntry(props.data);
+    }, []);
+    return (React.createElement(SimpleButton_1.default, { onClick: handleImport, variant: "text", tooltip: "Apply Adaptable Object", icon: "import-export" }));
+};
+exports.TeamSharingApplyButton = TeamSharingApplyButton;

package/src/agGrid/Adaptable.js

@@ -2700,7 +2700,6 @@ class Adaptable {
         this.gridOptions.api.addGlobalListener((this.listenerGlobalColumnEventsThatTriggerStateChange = (type) => {
             if (columnEventsThatTriggersStateChange.indexOf(type) > -1) {
                 this.debouncedSetColumnIntoStore();
-                this.debouncedFilterGrid();
             }
         }));
         /**

package/src/components/icons/index.js

@@ -52,7 +52,6 @@ const column_chooser_1 = tslib_1.__importDefault(require("./column-chooser"));
 const column_add_1 = tslib_1.__importDefault(require("./column-add"));
 const cell_validation_1 = tslib_1.__importDefault(require("./cell-validation"));
 const column_filter_1 = tslib_1.__importDefault(require("./column-filter"));
-const column_info_1 = tslib_1.__importDefault(require("./column-info"));
 const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
 const system_status_1 = tslib_1.__importDefault(require("./system-status"));
 const data_set_1 = tslib_1.__importDefault(require("./data-set"));
@@ -168,7 +167,6 @@ const allIcons = {
     'cell-validation': cell_validation_1.default,
     'conditional-style': conditional_style_1.default,
     chat: chat_1.default,
-    'column-info': column_info_1.default,
     'custom-sort': custom_sort_1.default,
     dashboard: dashboard_1.default,
     'flashing-cell': flashing_cell_1.default,
@@ -191,8 +189,6 @@ const allIcons = {
     // others
     edit: edit_1.default,
     'tab-unselected': tab_unselected_1.default,
-    'check-box': check_box_1.default,
-    'check-box-outline': check_box_outline_1.default,
     unchecked: check_box_outline_1.default,
     checked: check_box_1.default,
     'boolean-list': boolean_list_1.default,

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

@@ -466,6 +466,11 @@ export declare const ADAPTABLE_METAMODEL: {
             reference?: undefined;
         })[];
     };
+    AdaptableInternalIconName: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     AdaptableLoadStateFunction: {
         name: string;
         kind: string;