@adaptabletools/adaptable-cjs 17.0.0-canary.3 → 18.0.0-canary.0

package/src/components/Select/Select.js

@@ -6,6 +6,7 @@ const date_fns_1 = require("date-fns");
 const React = tslib_1.__importStar(require("react"));
 const react_select_1 = tslib_1.__importStar(require("react-select"));
 const creatable_1 = tslib_1.__importDefault(require("react-select/creatable"));
+const icons_1 = require("../icons");
 const commonStyles = ({ isFocused, isDisabled, }) => {
     return {
         color: 'var(--ab-cmp-input__color)',
@@ -15,21 +16,40 @@ const commonStyles = ({ isFocused, isDisabled, }) => {
     };
 };
 const Select = function (props) {
-    var _a, _b, _c, _d, _e;
-    let selectedOption = (_b = ((_a = props.options) !== null && _a !== void 0 ? _a : []).find((option) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const doesOptionMatchValue = function (option) {
         if (typeof option.value === 'object' && option.value instanceof Date) {
             return (0, date_fns_1.isSameDay)(option.value, props.value);
         }
         return option.value === props.value;
-    })) !== null && _b !== void 0 ? _b : null;
-    if (!selectedOption && props.value !== undefined && props.value !== null) {
-        selectedOption = {
-            value: props.value,
-            label: props.value,
-        };
+    };
+    let selectedOption = null;
+    if (props.isMulti) {
+        selectedOption =
+            (_b = ((_a = props.value) !== null && _a !== void 0 ? _a : []).map((value) => {
+                var _a;
+                // return (props.value as any[]).includes(option.value);
+                const option = ((_a = props.options) !== null && _a !== void 0 ? _a : []).find(doesOptionMatchValue);
+                if (!option) {
+                    return {
+                        value,
+                        label: value,
+                    };
+                }
+                return option;
+            })) !== null && _b !== void 0 ? _b : null;
     }
-    let disabled = (_c = props.disabled) !== null && _c !== void 0 ? _c : false;
-    const accessLevel = (_d = props.accessLevel) !== null && _d !== void 0 ? _d : 'Full';
+    else {
+        selectedOption = (_d = ((_c = props.options) !== null && _c !== void 0 ? _c : []).find(doesOptionMatchValue)) !== null && _d !== void 0 ? _d : null;
+        if (!selectedOption && props.value !== undefined && props.value !== null) {
+            selectedOption = {
+                value: props.value,
+                label: props.value,
+            };
+        }
+    }
+    let disabled = (_e = props.disabled) !== null && _e !== void 0 ? _e : false;
+    const accessLevel = (_f = props.accessLevel) !== null && _f !== void 0 ? _f : 'Full';
     if (accessLevel === 'Hidden') {
         return null;
     }
@@ -52,7 +72,21 @@ const Select = function (props) {
         };
     }, []);
     const SelectComponent = props.isCreatable ? creatable_1.default : react_select_1.default;
-    return (React.createElement(SelectComponent, { onInputChange: props.onInputChange, onFocus: props.onFocus, isLoading: props.isLoding, options: props.options, className: props.className, isDisabled: disabled, isMulti: props.isMulti, value: selectedOption, menuPosition: (_e = props.menuPosition) !== null && _e !== void 0 ? _e : 'fixed', isClearable: props.isClearable, onChange: (option) => {
+    const ClearIndicator = React.useMemo(() => {
+        return (clearIndicatorProps) => {
+            return (React.createElement(react_select_1.components.ClearIndicator, Object.assign({}, clearIndicatorProps),
+                React.createElement(icons_1.Icon, { name: "close" })));
+        };
+    }, []);
+    const DropdownIndicator = React.useMemo(() => {
+        return (props) => {
+            return (React.createElement(react_select_1.components.DropdownIndicator, Object.assign({}, props),
+                React.createElement(icons_1.Icon, { name: "triangle-down", style: { height: 20, width: 20 } })));
+        };
+    }, []);
+    return (React.createElement(SelectComponent, { onInputChange: props.onInputChange, onFocus: props.onFocus, isLoading: props.isLoding, options: props.options, className: props.className, isDisabled: disabled, isMulti: props.isMulti, value: selectedOption, menuPosition: (_g = props.menuPosition) !== null && _g !== void 0 ? _g : 'absolute', 
+        // This needed so the menu is not clipped by overflow: hidden
+        menuPortalTarget: document.body, isClearable: props.isClearable, onChange: (option) => {
             if (props.isMulti) {
                 props.onChange(option.map((x) => x === null || x === void 0 ? void 0 : x.value));
             }
@@ -63,10 +97,12 @@ const Select = function (props) {
             SelectContainer,
             ValueContainer,
             SingleValue: (singleValueProps) => {
-                return (React.createElement(react_select_1.components.SingleValue, Object.assign({}, singleValueProps), props.rederSingleValue
-                    ? props.rederSingleValue(selectedOption)
+                return (React.createElement(react_select_1.components.SingleValue, Object.assign({}, singleValueProps), props.renderSingleValue
+                    ? props.renderSingleValue(selectedOption)
                     : singleValueProps.children));
             },
+            ClearIndicator,
+            DropdownIndicator,
         }, 
         /**
          * Using styles is the preferred way to style react-select.
@@ -85,25 +121,25 @@ const Select = function (props) {
             },
             // @ts-ignore
             menu: (baseStyle, state) => {
-                return Object.assign(Object.assign(Object.assign({}, baseStyle), { zIndex: 999999, boxShadow: 'var(--ab-cmp-dropdownbutton-list__box-shadow)', minWidth: 160 }), commonStyles(state));
+                return Object.assign(Object.assign(Object.assign({}, baseStyle), { zIndex: 999999, boxShadow: 'var(--ab-cmp-select-menu__box-shadow)', minWidth: 160 }), commonStyles(state));
             },
             // @ts-ignore
             option: (baseStyle, state) => {
                 const style = Object.assign(Object.assign(Object.assign({}, baseStyle), commonStyles(state)), { '&:active': {
-                        background: 'var(--ab-cmp-dropdownbutton-list-item-hover__background)',
+                        background: 'var(--ab-cmp-select-option-active__background)',
                     }, opacity: state.isDisabled ? 0.5 : 1 });
                 if (state.isSelected) {
-                    style.background = 'var(--ab-cmp-dropdownbutton-list-item-active__background)';
-                    style.color = 'var(--ab-cmp-dropdownbutton-list-item-active__color)';
+                    style.background = 'var(--ab-cmp-select-option-active__background)';
+                    style.color = 'var(--ab-cmp-select-option-active__color)';
                 }
                 if (state.isFocused) {
-                    style.background = 'var(--ab-cmp-dropdownbutton-list-item-hover__background)';
+                    style.background = 'var(--ab-cmp-select-option-focused__background)';
                 }
                 return style;
             },
             // @ts-ignore
             input: (baseStyle, state) => {
-                return Object.assign(Object.assign({}, baseStyle), { padding: props.size === 'small' ? 0 : baseStyle.padding, color: 'var(--ab-cmp-input__color)' });
+                return Object.assign(Object.assign({}, baseStyle), { padding: props.size === 'small' ? 0 : baseStyle.padding, color: 'var(--ab-cmp-select__color)' });
             },
             valueContainer: (baseStyle) => {
                 return Object.assign(Object.assign({}, baseStyle), { padding: props.size === 'small' ? `0 var(--ab-space-1)` : baseStyle.padding });
@@ -117,10 +153,8 @@ const Select = function (props) {
                 state;
                 return Object.assign(Object.assign(Object.assign({}, baseStyle), commonStyles(state)), { 
                     // height: 30,
-                    minHeight: props.size === 'small' ? 0 : 32, boxShadow: state.isFocused ? 'var(--ab-focus__box-shadow)' : 'none', outline: state.isFocused ? 'var(--ab-focus__outline)' : 'none', border: props.variant && props.variant === 'raised'
-                        ? '1px solid transparent'
-                        : 'var(--ab-cmp-input__border)', '&:hover': {
-                        border: 'var(--ab-cmp-input__border)',
+                    minHeight: props.size === 'small' ? 0 : 32, boxShadow: state.isFocused ? 'var(--ab-cmp-select-focused__box-shadow)' : 'none', outline: state.isFocused ? 'var(--ab-cmp-select-focused__outline)' : 'none', border: 'var(--ab-cmp-select__border)', borderRadius: 'var(--ab-cmp-select__border-radius)', '&:hover': {
+                        border: 'var(--ab-cmp-select__border)',
                     } });
             },
             // @ts-ignore
@@ -131,6 +165,12 @@ const Select = function (props) {
             clearIndicator: (baseStyle) => {
                 return Object.assign(Object.assign({}, baseStyle), { padding: '2px 3px' });
             },
+            multiValue: (baseStyle) => {
+                return Object.assign(Object.assign({}, baseStyle), { color: 'var(--ab-cmp-select__color)', background: 'var(--ab-cmp-select-multi-value__background)', border: 'var(--ab-cmp-select__border)' });
+            },
+            multiValueLabel: (baseStyle) => {
+                return Object.assign(Object.assign({}, baseStyle), { color: 'var(--ab-cmp-select__color)' });
+            },
         } }));
 };
 exports.Select = Select;

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

@@ -1,3 +1,3 @@
-export { toast, ToastContainer, Slide, Zoom, Bounce, Flip, } from '../../bundle-dependencies/bundles/react-toastify';
-import { ToastOptions } from '../../bundle-dependencies/bundles/react-toastify';
+export { toast, ToastContainer, Slide, Zoom, Bounce, Flip } from 'react-toastify';
+import { ToastOptions } from 'react-toastify';
 export type { ToastOptions };

package/src/components/Toastify/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flip = exports.Bounce = exports.Zoom = exports.Slide = exports.ToastContainer = exports.toast = void 0;
-var react_toastify_1 = require("../../bundle-dependencies/bundles/react-toastify");
+var react_toastify_1 = require("react-toastify");
 Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return react_toastify_1.toast; } });
 Object.defineProperty(exports, "ToastContainer", { enumerable: true, get: function () { return react_toastify_1.ToastContainer; } });
 Object.defineProperty(exports, "Slide", { enumerable: true, get: function () { return react_toastify_1.Slide; } });

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

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

package/src/components/icons/comments.js

@@ -0,0 +1,7 @@
+"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, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "M280-240q-17 0-28.5-11.5T240-280v-80h520v-360h80q17 0 28.5 11.5T880-680v600L720-240H280ZM80-280v-560q0-17 11.5-28.5T120-880h520q17 0 28.5 11.5T680-840v360q0 17-11.5 28.5T640-440H240L80-280Zm520-240v-280H160v280h440Zm-440 0v-280 280Z" })));

package/src/components/icons/index.js

@@ -157,6 +157,7 @@ const money_1 = tslib_1.__importDefault(require("./money"));
 const order_1 = tslib_1.__importDefault(require("./order"));
 const contact_1 = tslib_1.__importDefault(require("./contact"));
 const note_1 = tslib_1.__importDefault(require("./note"));
+const comments_1 = tslib_1.__importDefault(require("./comments"));
 const Icon_1 = require("../Icon");
 const AdaptableLogger_1 = require("../../agGrid/AdaptableLogger");
 exports.allIcons = {
@@ -193,7 +194,7 @@ exports.allIcons = {
     'horizontal-lines': freetext_column_1.default,
     'percent-tag': percent_bar_1.default,
     'spark-line': spark_line_1.default,
-    'resume': resume_1.default,
+    resume: resume_1.default,
     'pie-chart': pie_chart_1.default,
     'add-circle': plus_minus_1.default,
     reminder: reminder_1.default,
@@ -314,6 +315,7 @@ exports.allIcons = {
     order: order_1.default,
     contact: contact_1.default,
     note: note_1.default,
+    comments: comments_1.default,
 };
 Object.keys(exports.allIcons).forEach((name) => {
     const ReactCmp = exports.allIcons[name];

package/src/env.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
-    [key: string]: string;
+    INFINITE_TABLE_LICENSE_KEY: any;
+    PUBLISH_TIMESTAMP: any;
+    VERSION: any;
 };
 export default _default;

package/src/env.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862",
+    INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
+    PUBLISH_TIMESTAMP: 1707834242681 || Date.now(),
+    VERSION: "18.0.0-canary.0" || '--current-version--',
 };

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

@@ -365,6 +365,22 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         desc: string;
     };
+    AdaptableComment: {
+        name: string;
+        kind: string;
+        desc: string;
+        props: ({
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt?: undefined;
+        })[];
+    };
     AdaptableComparerFunction: {
         name: string;
         kind: string;
@@ -1320,6 +1336,16 @@ export declare const ADAPTABLE_METAMODEL: {
         kind: string;
         desc: string;
     };
+    BalancedGroupsKeyContext: {
+        name: string;
+        kind: string;
+        desc: string;
+        props: {
+            name: string;
+            kind: string;
+            desc: string;
+        }[];
+    };
     BaseContext: {
         name: string;
         kind: string;
@@ -1467,6 +1493,11 @@ export declare const ADAPTABLE_METAMODEL: {
             defVal: string;
         }[];
     };
+    CellAddress: {
+        name: string;
+        kind: string;
+        desc: string;
+    };
     CellColorRange: {
         name: string;
         kind: string;
@@ -3186,43 +3217,6 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
         }[];
     };
-    FinsemblePluginOptions: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: ({
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal?: undefined;
-            ref?: undefined;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal: string;
-            ref?: undefined;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            ref: string;
-            defVal?: undefined;
-        })[];
-    };
-    FinsemblePluginStateOptions: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-        }[];
-    };
     FlashingCellDefinition: {
         name: string;
         kind: string;
@@ -3438,73 +3432,6 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
         }[];
     };
-    Glue42PluginOptions: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-        }[];
-    };
-    Glue42Report: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-        }[];
-    };
-    Glue42Schedule: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: ({
-            name: string;
-            kind: string;
-            desc: string;
-            ref: string;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            ref?: undefined;
-        })[];
-    };
-    Glue42State: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: ({
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            ref: string;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            ref?: undefined;
-        })[];
-    };
-    Glue42WebPluginOptions: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal: string;
-        }[];
-    };
     GradientStyle: {
         name: string;
         kind: string;
@@ -3558,6 +3485,11 @@ export declare const ADAPTABLE_METAMODEL: {
             isOpt: boolean;
         }[];
     };
+    GridFilterEditor: {
+        name: string;
+        kind: string;
+        desc: string;
+    };
     GridFilterOptions: {
         name: string;
         kind: string;
@@ -3568,6 +3500,7 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
             isOpt: boolean;
             defVal: string;
+            ref: string;
             gridInfo?: undefined;
         } | {
             name: string;
@@ -3576,6 +3509,7 @@ export declare const ADAPTABLE_METAMODEL: {
             isOpt: boolean;
             gridInfo: string;
             defVal: string;
+            ref?: undefined;
         })[];
     };
     GridRow: {
@@ -3619,25 +3553,25 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             desc: string;
             isOpt: boolean;
-            noCode: string;
-            defVal: string;
             gridInfo?: undefined;
+            noCode?: undefined;
+            defVal?: undefined;
         } | {
             name: string;
             kind: string;
             desc: string;
             isOpt: boolean;
-            gridInfo: string;
+            noCode: string;
             defVal: string;
-            noCode?: undefined;
+            gridInfo?: undefined;
         } | {
             name: string;
             kind: string;
             desc: string;
             isOpt: boolean;
-            gridInfo?: undefined;
+            gridInfo: string;
+            defVal: string;
             noCode?: undefined;
-            defVal?: undefined;
         })[];
     };
     HandleFdc3Context: {
@@ -4009,16 +3943,6 @@ export declare const ADAPTABLE_METAMODEL: {
         name: string;
         kind: string;
         desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-        }[];
-    };
-    NoteGridCell: {
-        name: string;
-        kind: string;
-        desc: string;
     };
     NotesOptions: {
         name: string;
@@ -4588,7 +4512,7 @@ export declare const ADAPTABLE_METAMODEL: {
             isOpt?: undefined;
         })[];
     };
-    Report: {
+    Report_2: {
         name: string;
         kind: string;
         desc: string;
@@ -4819,6 +4743,33 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
         }[];
     };
+    ServerValidationResult: {
+        name: string;
+        kind: string;
+        desc: string;
+        props: ({
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            defVal: string;
+            ref: string;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            defVal?: undefined;
+            ref?: undefined;
+        } | {
+            name: string;
+            kind: string;
+            desc: string;
+            isOpt: boolean;
+            defVal: string;
+            ref?: undefined;
+        })[];
+    };
     SetPrimaryKeyValueContext: {
         name: string;
         kind: string;
@@ -5320,16 +5271,6 @@ export declare const ADAPTABLE_METAMODEL: {
             ref: string;
         }[];
     };
-    UnbalancedGroupsKeyContext: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: {
-            name: string;
-            kind: string;
-            desc: string;
-        }[];
-    };
     UserColumnMenuItem: {
         name: string;
         kind: string;
@@ -5463,33 +5404,6 @@ export declare const ADAPTABLE_METAMODEL: {
             isOpt?: undefined;
         })[];
     };
-    ValidationResult: {
-        name: string;
-        kind: string;
-        desc: string;
-        props: ({
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal: string;
-            ref: string;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal?: undefined;
-            ref?: undefined;
-        } | {
-            name: string;
-            kind: string;
-            desc: string;
-            isOpt: boolean;
-            defVal: string;
-            ref?: undefined;
-        })[];
-    };
     ValuationContext: {
         name: string;
         kind: string;