@adaptabletools/adaptable 10.0.4-canary.0 → 10.0.4-canary.4

package/src/components/Datepicker/index.js

@@ -3,10 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Datepicker = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-// because stencil doesn't correctly pick up commonjs at runtime (https://adaptabletools.zendesk.com/agent/tickets/320),
-// and in order to avoid webpack 5 bug (https://github.com/AdaptableTools/adaptable/commit/c66712782f243c515630d57e58e0848a7346cf33)
-// we have to use a bundle and fix the issue once and for all
-const react_day_picker_1 = require("../../bundle-dependencies/bundles/react-day-picker");
 const OverlayTrigger_1 = tslib_1.__importDefault(require("../OverlayTrigger"));
 const Input_1 = tslib_1.__importDefault(require("../Input"));
 const react_1 = require("react");
@@ -20,6 +16,7 @@ const CaptionLabel_1 = require("./CaptionLabel");
 const DatepickerContext_1 = require("./DatepickerContext");
 const addDays_1 = tslib_1.__importDefault(require("date-fns/addDays"));
 const addBusinessDays_1 = tslib_1.__importDefault(require("date-fns/addBusinessDays"));
+const react_day_picker_1 = require("react-day-picker");
 const DatepickerOverlay = ({ onHide, children, onKeyDown, }) => {
     const domRef = React.useRef(null);
     React.useEffect(() => {
@@ -57,19 +54,23 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     };
     const inputValue = (_a = FormatHelper_1.DateFormatter(value, { Pattern: dateProps.format })) !== null && _a !== void 0 ? _a : '';
     const [visible, doSetVisible] = react_1.useState(false);
-    const setVisible = (visible) => {
+    const setVisible = (visible, keyboardEventKey) => {
         var _a, _b;
         doSetVisible(visible);
         if (!visible) {
-            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext);
+            (_a = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onHide) === null || _a === void 0 ? void 0 : _a.call(datepickerContext, keyboardEventKey);
         }
         else {
             (_b = datepickerContext === null || datepickerContext === void 0 ? void 0 : datepickerContext.onShow) === null || _b === void 0 ? void 0 : _b.call(datepickerContext);
         }
     };
+    const clearValue = () => {
+        updateValue(undefined);
+    };
     const renderButton = (label, onClick) => (React.createElement(SimpleButton_1.default, { onClick: onClick, margin: '2px' }, label));
     const todayDate = new Date();
     const footerButtonsMap = {
+        clear: renderButton('Clear', () => clearValue()),
         close: renderButton('Close', () => setVisible(false)),
         today: renderButton('Today', () => updateValue(todayDate)),
         tomorrow: renderButton('Tomorrow', () => updateValue(addDays_1.default(todayDate, 1))),
@@ -82,12 +83,12 @@ exports.Datepicker = React.forwardRef((props, ref) => {
     const footerButtons = datepickerButtons.map((buttonKey, index) => React.cloneElement(footerButtonsMap[buttonKey], { key: index }));
     const clearButton = showClearButton ? (React.createElement(SimpleButton_1.default, { "data-name": "clear", variant: "text", tooltip: "Clear", iconSize: 20, padding: 0, icon: "clear", onMouseDown: (e) => {
             e.preventDefault();
-            updateValue(undefined);
+            clearValue();
         }, accessLevel: 'Full' })) : null;
     const calendarButton = (React.createElement(SimpleButton_1.default, { disabled: disabled, variant: "text", icon: "calendar", tooltip: "Date", iconSize: 20, px: 0, py: 0, onClick: () => setVisible(true) }));
     return (React.createElement(OverlayTrigger_1.default, { visible: visible, alignHorizontal: 'left', render: () => (React.createElement(DatepickerOverlay, { onHide: () => setVisible(false), onKeyDown: (e) => {
-                if (e.key === 'Escape') {
-                    setVisible(false);
+                if (e.key === 'Escape' || e.key === 'Enter') {
+                    setVisible(false, e.key);
                 }
             } },
             React.createElement(react_day_picker_1.DayPicker, Object.assign({ fixedWeeks: true }, dayPickerProps, { showWeekNumber: showWeekNumber, showOutsideDays: showOutsideDays, mode: "single", month: isNaN(+month) ? new Date() : month, onMonthChange: setMonth, components: { Caption: Caption_1.Caption, CaptionLabel: CaptionLabel_1.CaptionLabel }, onSelect: updateValue, footer: React.createElement(rebass_1.Flex, { justifyContent: "space-between", mt: 2, flexWrap: 'wrap' }, footerButtons) })))) },

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

@@ -6,4 +6,4 @@ export interface ModalProps extends FlexProps {
     backdropZIndexOffset?: number;
     onBringToFront?: () => void;
 }
-export declare const Modal: (props: ModalProps) => React.ReactPortal;
+export declare const Modal: React.FunctionComponent<ModalProps>;

package/src/components/OverlayTrigger/index.js

@@ -15,7 +15,7 @@ const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const usePrevious_1 = tslib_1.__importDefault(require("../utils/usePrevious"));
 const utils_1 = require("./utils");
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
-const useVendorClassName_1 = tslib_1.__importDefault(require("./useVendorClassName"));
+const useAgGridClassName_1 = tslib_1.__importDefault(require("./useAgGridClassName"));
 const contains_1 = tslib_1.__importDefault(require("../utils/contains"));
 const UIHelper_1 = require("../../View/UIHelper");
 exports.getConstrainRect = (target, constrainTo) => {
@@ -133,7 +133,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
         };
     }, [props.visible, showEvent, hideEvent, onShow, onHide]);
     let overlay;
-    const vendorClassName = useVendorClassName_1.default([visible]);
+    const agGridClassName = useAgGridClassName_1.default([visible]);
     if (targetRect) {
         const overlayTarget = targetRef.current;
         alignHorizontal =
@@ -163,7 +163,7 @@ const OverlayTrigger = React.forwardRef((props, ref) => {
                     node.addEventListener(showEvent, onShow);
                     node.addEventListener(hideEvent, onHide);
                 }
-            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', vendorClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
+            }, className: join_1.default('ab-Overlay', `ab-Overlay--position-${position}`, showTriangle ? 'ab-Overlay--show-triangle' : '', agGridClassName, domProps.className), visible: visible, style: overlayStyle, anchor: anchor, position: position, getConstrainRect: () => exports.getConstrainRect(targetRef.current) }), props.render()), portalElement);
     }
     return (React.createElement(React.Fragment, null,
         props.children,

package/src/components/OverlayTrigger/useAgGridClassName.d.ts

@@ -0,0 +1,2 @@
+declare const useAgGridClassName: (deps?: any[]) => string;
+export default useAgGridClassName;

package/src/components/OverlayTrigger/{useVendorClassName.js → useAgGridClassName.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../View/AdaptableContext");
-const useVendorClassName = (deps = []) => {
+const useAgGridClassName = (deps = []) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     return react_1.useMemo(() => {
         if (adaptable) {
-            return adaptable.getVendorGridCurrentThemeName();
+            return adaptable.getAgGridCurrentThemeName();
         }
         return '';
     }, deps);
 };
-exports.default = useVendorClassName;
+exports.default = useAgGridClassName;

package/src/components/ProgressIndicator/ProgressIndicator.js

@@ -18,7 +18,7 @@ exports.ProgressIndicator = () => {
     });
     const adaptable = AdaptableContext_1.useAdaptable();
     const adaptableContainerRef = react_1.useRef(adaptable.getAdaptableContainerElement());
-    const gridContainerRef = react_1.useRef(adaptable.getGridContainerElement());
+    const gridContainerRef = react_1.useRef(adaptable.getAgGridContainerElement());
     const disableAdaptableGrid = (elemRef, disabled) => {
         const DISABLING_CSS_CLASS = 'ab-wait-for-progress-indicator';
         if (!elemRef.current) {

package/src/components/icons/index.js

@@ -82,6 +82,7 @@ const check_box_outline_1 = tslib_1.__importDefault(require("./check-box-outline
 const boolean_list_1 = tslib_1.__importDefault(require("./boolean-list"));
 const tab_unselected_1 = tslib_1.__importDefault(require("./tab-unselected"));
 const cloud_upload_1 = tslib_1.__importDefault(require("./cloud-upload"));
+const upload_1 = tslib_1.__importDefault(require("./upload"));
 const ipushpull_1 = tslib_1.__importDefault(require("./ipushpull"));
 const folder_open_1 = tslib_1.__importDefault(require("./folder-open"));
 const folder_1 = tslib_1.__importDefault(require("./folder"));
@@ -218,6 +219,7 @@ const allIcons = {
     'info-sign': info_1.default,
     add: plus_1.default,
     'cloud-upload': cloud_upload_1.default,
+    upload: upload_1.default,
     ipushpull: ipushpull_1.default,
     'folder-open': folder_open_1.default,
     'folder-shared': folder_shared_1.default,

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/upload.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props),
+    React.createElement("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }),
+    ' '));

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

@@ -444,19 +444,13 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
-        properties: ({
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             reference: string;
-        } | {
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference?: undefined;
-        })[];
+        }[];
     };
     AdaptableScope: {
         name: string;
@@ -529,13 +523,13 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
+            isOptional: boolean;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
+            isOptional?: undefined;
         })[];
     };
     AdaptableToolPanelDefinition: {
@@ -1020,34 +1014,46 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         })[];
     };
-    ColumnSort: {
+    ColumnMenuContext: {
         name: string;
         kind: string;
         description: string;
-        properties: {
+        properties: ({
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-        }[];
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference?: undefined;
+        })[];
     };
-    ColumnValuesComparer: {
+    ColumnSort: {
         name: string;
         kind: string;
         description: string;
-        properties: ({
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            reference?: undefined;
-        } | {
+        }[];
+    };
+    ColumnValuesComparer: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             reference: string;
-        })[];
+        }[];
     };
     ConditionalStyle: {
         name: string;
@@ -1136,6 +1142,24 @@ export declare const ADAPTABLE_METAMODEL: {
             defaultValue: string;
         }[];
     };
+    ContextMenuContext: {
+        name: string;
+        kind: string;
+        description: string;
+        properties: ({
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            reference?: undefined;
+        })[];
+    };
     CustomDestination: {
         name: string;
         kind: string;
@@ -2440,24 +2464,6 @@ export declare const ADAPTABLE_METAMODEL: {
             reference: string;
         })[];
     };
-    MenuContext: {
-        name: string;
-        kind: string;
-        description: string;
-        properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference: string;
-        } | {
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference?: undefined;
-        })[];
-    };
     MenuOptions: {
         name: string;
         kind: string;
@@ -2536,6 +2542,15 @@ export declare const ADAPTABLE_METAMODEL: {
             gridInfo: string;
             defaultValue: string;
             reference: string;
+        } | {
+            name: string;
+            kind: string;
+            description: string;
+            uiLabel: string;
+            isOptional: boolean;
+            defaultValue: string;
+            gridInfo?: undefined;
+            reference?: undefined;
         })[];
     };
     NumberFormatterOptions: {
@@ -2686,21 +2701,14 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
-        properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            isOptional: boolean;
-            reference?: undefined;
-        } | {
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
             isOptional: boolean;
             reference: string;
-        })[];
+        }[];
     };
     PredicateApi: {
         name: string;
@@ -3032,19 +3040,12 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         description: string;
-        properties: ({
-            name: string;
-            kind: string;
-            description: string;
-            uiLabel: string;
-            reference: string;
-        } | {
+        properties: {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            reference?: undefined;
-        })[];
+        }[];
     };
     ShortcutApi: {
         name: string;
@@ -3057,6 +3058,11 @@ export declare const ADAPTABLE_METAMODEL: {
             uiLabel: string;
         }[];
     };
+    ShortcutScopeDataType: {
+        name: string;
+        kind: string;
+        description: string;
+    };
     ShortcutState: {
         name: string;
         kind: string;