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

package/src/components/WindowModal/WindowModal.js

@@ -5,6 +5,20 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const re_resizable_1 = require("re-resizable");
 const useDraggable_1 = tslib_1.__importDefault(require("../utils/useDraggable"));
+const UIHelper_1 = require("../../View/UIHelper");
+const react_dom_1 = require("react-dom");
+let portalElement;
+const ensurePortalElement = () => {
+    if (!UIHelper_1.isBrowserDocumentAvailable()) {
+        return;
+    }
+    if (portalElement) {
+        return;
+    }
+    portalElement = document.createElement('div');
+    portalElement.classList.add('ab-cmp-modal-window');
+    document.body.appendChild(portalElement);
+};
 const getResizePositionDelta = (direction, delta) => {
     const positionDelta = { x: 0, y: 0 };
     const left = -delta.width;
@@ -26,6 +40,7 @@ const getResizePositionDelta = (direction, delta) => {
     return null;
 };
 exports.WindowModal = (props) => {
+    ensurePortalElement();
     const positionDeltaRef = React.useRef(null);
     const positionRef = React.useRef(props.position);
     /**
@@ -77,11 +92,11 @@ exports.WindowModal = (props) => {
             applyTransform(positionDelta.x, positionDelta.y);
         }
     }, []);
-    return (React.createElement("div", { style: style, 
+    return react_dom_1.createPortal(React.createElement("div", { style: style, 
         //@ts-ignore
         ref: targetRef },
         React.createElement(re_resizable_1.Resizable, { onResizeStop: handleResizeStop, onResize: handleResize, bounds: "window", defaultSize: {
                 width: props.size.width,
                 height: props.size.height,
-            } }, props.children)));
+            } }, props.children)), portalElement);
 };

package/src/components/utils/useDraggable.js

@@ -26,7 +26,8 @@ function useDraggable({ onMove, onDrop, getBoundingRect = () => document.body.ge
              * This gives time react to render the node handle.
              */
             setTimeout(() => {
-                const node = document.querySelector(handleSelector);
+                var _a;
+                const node = (_a = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(handleSelector);
                 node && handleRefCallback(node);
             }, 16);
         }

package/src/metamodel/adaptable.metamodel.js

@@ -3918,7 +3918,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "buttonsLocation",
                 "kind": "unknown",
-                "description": "",
+                "description": "Position in the Dashboard to show the Module and Custom Buttons",
                 "uiLabel": "Buttons Location",
                 "isOptional": true,
                 "defaultValue": "'right'"
@@ -3935,7 +3935,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "customDashboardButtons",
                 "kind": "unknown",
-                "description": "Custom Adaptable Buttons to appear in top corner of Dashboard - next to Module Buttons",
+                "description": "Custom Adaptable Buttons to appear in Dashboard (alongside Module Buttons)",
                 "uiLabel": "Custom Dashboard Buttons",
                 "isOptional": true
             },
@@ -3949,7 +3949,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "showQuickSearchInHeader",
                 "kind": "boolean",
-                "description": "Shows Quick Search textbox in the Dashboard Header; the UI component is still subject to the QuickSearch Entitlements",
+                "description": "Shows Quick Search textbox in the Dashboard Header",
                 "uiLabel": "Show Quick Search In Header",
                 "isOptional": true,
                 "gridInfo": "item",
@@ -3972,7 +3972,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "DashboardTitle",
                 "kind": "string",
-                "description": "Title to display in Dashboard Header; if missing, 'adaptableId' property in Adaptable Options is used",
+                "description": "Title to display in Dashboard Header",
                 "uiLabel": "Dashboard Title",
                 "isOptional": true,
                 "defaultValue": "`adaptableId` in Adaptable Options"
@@ -3980,7 +3980,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "FloatingPosition",
                 "kind": "REFERENCE",
-                "description": "Position of Dashboard in 'floating mode' - set and stored by AdapTable",
+                "description": "Position of Dashboard when in 'floating mode'",
                 "uiLabel": "Floating Position",
                 "isOptional": true,
                 "reference": "AdaptableCoordinate"
@@ -4020,10 +4020,10 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "ModuleButtons",
                 "kind": "REFERENCE",
-                "description": "Module Buttons visible in Dasbhoard Header when application loads - open popup screen for associated AdapTable Module",
+                "description": "Module Buttons which open screen in Settings Panel for associated AdapTable Module",
                 "uiLabel": "Module Buttons",
                 "isOptional": true,
-                "defaultValue": "Empty Array",
+                "defaultValue": "['SettingsPanel']",
                 "reference": "unknown"
             },
             {
@@ -6201,7 +6201,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "caseSensitiveTextComparisons",
                 "kind": "boolean",
-                "description": "Keep case sensitivity when AdapTableQL evaluates string-based Expressions and Predicates",
+                "description": "Perform case-sensitive text comparisons in all search and filter operations: QuickSearch, Filters, Query, Predicates",
                 "uiLabel": "Case Sensitive Text Comparisons",
                 "isOptional": true,
                 "gridInfo": "item",
@@ -9758,7 +9758,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "searchChangedTrigger",
                 "kind": "unknown",
-                "description": "What action caused event to fire: DataSource, CurrentQuery, Filter, DataChange or Sort",
+                "description": "What search-related change caused the event to fire",
                 "uiLabel": "Search Changed Trigger"
             }
         ]
@@ -10468,7 +10468,7 @@ exports.ADAPTABLE_METAMODEL = {
             {
                 "name": "updateNotification",
                 "kind": "unknown",
-                "description": "How user is informed when Active Shared Entities have newer revisions: can be 'Alert', 'AlertWithNotification' or 'SystemStatus'",
+                "description": "How user is informed when Active Shared Entities have newer revisions",
                 "uiLabel": "Update Notification",
                 "isOptional": true,
                 "gridInfo": "item",

package/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "11.0.0-canary.0";
+declare const _default: "11.0.0-canary.1";
 export default _default;

package/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '11.0.0-canary.0'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version
+exports.default = '11.0.0-canary.1'; // PLEASE DONT UPDATE THIS!!! - will be updated at build time with the correct version

package/src/View/FlashingCell/Wizard/FlashingCellDurationWizardSection.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlashingAlertDurationWizardSection = exports.renderFlashingAlertDurationSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const rebass_1 = require("rebass");
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const usePrevious_1 = tslib_1.__importDefault(require("../../../components/utils/usePrevious"));
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const Tabs_1 = require("../../../components/Tabs");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const CodeBlock_1 = require("../../../components/CodeBlock");
-exports.renderFlashingAlertDurationSummary = (flashingAlert) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Text, { fontSize: 2 }, flashingAlert.FlashDuration === 'always' ? (React.createElement(React.Fragment, null, "Flashing is never removed")) : (React.createElement(React.Fragment, null,
-            "Flashing is removed after ",
-            React.createElement(CodeBlock_1.CodeBlock, null, flashingAlert.FlashDuration),
-            ' ',
-            "milliseconds")))));
-};
-exports.FlashingAlertDurationWizardSection = (props) => {
-    var _a;
-    let { data: flashingAlert } = OnePageAdaptableWizard_1.useOnePageWizardContext();
-    flashingAlert = flashingAlert !== null && flashingAlert !== void 0 ? flashingAlert : props.flashingAlert;
-    const setDuration = (FlashDuration) => {
-        props.onChange(Object.assign(Object.assign({}, flashingAlert), { FlashDuration: FlashDuration }));
-    };
-    const duration = (_a = flashingAlert.FlashDuration) !== null && _a !== void 0 ? _a : 500;
-    const numberDuration = React.useRef(typeof duration === 'number' ? duration : 500);
-    const inputRef = react_1.useRef(null);
-    const oldDuration = usePrevious_1.default(duration, duration);
-    React.useEffect(() => {
-        var _a;
-        if (oldDuration === 'always' && duration != oldDuration) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        if (typeof duration === 'number') {
-            numberDuration.current = duration;
-        }
-    }, [duration, oldDuration]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { value: duration === 'always' ? 'keep' : 'remove', onValueChange: (value) => {
-                setDuration(value === 'keep' ? 'always' : numberDuration.current);
-            } },
-            React.createElement(Tabs_1.Tabs.Tab, { value: "remove" },
-                React.createElement(Radio_1.default, { checked: duration !== 'always', margin: 0, tabIndex: -1 }, "Remove style")),
-            React.createElement(Tabs_1.Tabs.Tab, { value: "keep" },
-                React.createElement(Radio_1.default, { checked: duration == 'always', margin: 0, tabIndex: -1 }, "Keep style")),
-            React.createElement(Tabs_1.Tabs.Content, { value: "remove" },
-                React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "baseline" },
-                    React.createElement(rebass_1.Text, { fontSize: 2, mr: 2 }, "After"),
-                    React.createElement(Input_1.default, { readOnly: props.readOnly, type: "text", name: "value", disabled: duration === 'always' || props.readOnly, ref: inputRef, mt: 2, mr: 1, value: duration !== 'always' ? duration : '', onChange: (event) => {
-                            const value = event.target.value;
-                            setDuration(isNaN(Number(value)) ? 500 : Number(value));
-                        } }),
-                    React.createElement(rebass_1.Text, { fontSize: 2 }, "milliseconds"))),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Text, { fontSize: 2 }, "Persists the flashing style indeterminately - can be removed manually")))));
-};