@adaptabletools/adaptable 16.0.0-canary.2 → 16.0.0-canary.4

package/src/components/Drawer/index.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Drawer = (props) => {
+    const [isOpen, setIsOpen] = React.useState(() => {
+        return props.open;
+    });
+    const [show, setShow] = React.useState(props.open);
+    React.useEffect(() => {
+        // CLOSED -> OPEN
+        // SHOW Element, with closed class
+        // CHANGE class to opened
+        if (!isOpen && props.open) {
+            setShow(true);
+            requestAnimationFrame(() => {
+                setIsOpen(true);
+            });
+        }
+        // OPEN -> CLOSED
+        // CHANGE class to closed
+        // HIDE Element, when animation is finsihed
+        if (isOpen && !props.open) {
+            setIsOpen(false);
+        }
+    }, [props.open]);
+    const handleOnKeyDown = React.useCallback((event) => {
+        var _a;
+        // escape
+        if (event.key === 'Escape') {
+            (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, false);
+        }
+    }, []);
+    const handletransitionEnd = () => {
+        if (!isOpen) {
+            setShow(false);
+        }
+    };
+    if (!show) {
+        return null;
+    }
+    const style = {
+        position: 'fixed',
+        top: 0,
+        right: 0,
+        zIndex: 1000,
+        transition: 'transform 0.3s ease-in-out, opacity 0.3s ease-in-out',
+    };
+    if (isOpen) {
+        style.transform = 'translateY(0)';
+        style.opacity = 1;
+    }
+    else {
+        style.transform = 'translateY(-120%)';
+        style.opacity = 0;
+    }
+    return (React.createElement("div", { onKeyDown: handleOnKeyDown, style: style, onTransitionEnd: handletransitionEnd }, props.children));
+};
+exports.Drawer = Drawer;

package/src/components/ExpressionEditor/index.js

@@ -51,10 +51,12 @@ function ExpressionEditor(props) {
         ? props.columns
         : props.columns.filter((c) => !props.api.columnApi.isCalculatedColumn(c.columnId));
     const getColValue = (column) => {
-        return props.api.internalApi.getValueUsingField(data, column);
+        var _a;
+        return props.api.internalApi.getValueUsingField(data, (_a = column.field) !== null && _a !== void 0 ? _a : column.columnId);
     };
     const updateColValue = (rowData, column, newValue) => {
-        const updatedRowData = props.api.internalApi.setValueUsingField(rowData, column, newValue);
+        var _a;
+        const updatedRowData = props.api.internalApi.setValueUsingField(rowData, (_a = column.field) !== null && _a !== void 0 ? _a : column.columnId, newValue);
         return Object.assign({}, updatedRowData);
     };
     const getColDateValue = (column) => {

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AdaptableElementIcon, AdaptableCustomIcon, AdaptableIcon, AdaptableSystemIcon } from '../../PredefinedConfig/Common/AdaptableIcon';
+export interface IconComponentProps {
+    icon: AdaptableIcon;
+    iconClassName?: string;
+}
+export declare const IconComponent: (props: IconComponentProps) => JSX.Element;
+export declare const isAdaptableSystemIcon: (icon: unknown) => icon is AdaptableSystemIcon;
+export declare const isAdaptableCustomIcon: (icon: unknown) => icon is AdaptableCustomIcon;
+export declare const isAdaptableElementIcon: (icon: unknown) => icon is AdaptableElementIcon;
+export declare const isAdaptableIcon: (icon: unknown) => icon is AdaptableIcon;

package/src/components/{AdaptableIconComponent → Icon}/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isAdaptableIcon = exports.isAdaptableElementIcon = exports.isAdaptableExternalIcon = exports.isAdaptableInternalIcon = exports.AdaptableIconComponent = void 0;
+exports.isAdaptableIcon = exports.isAdaptableElementIcon = exports.isAdaptableCustomIcon = exports.isAdaptableSystemIcon = exports.IconComponent = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const icons_1 = tslib_1.__importStar(require("../icons"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const react_1 = require("react");
-const AdaptableIconComponent = (props) => {
+const IconComponent = (props) => {
     var _a, _b, _c, _d, _e;
     const { icon, iconClassName } = props;
     if (!icon) {
@@ -38,10 +38,10 @@ const AdaptableIconComponent = (props) => {
             }
         };
     }, [icon]);
-    if ((0, exports.isAdaptableInternalIcon)(icon) && icon.name in icons_1.default) {
+    if ((0, exports.isAdaptableSystemIcon)(icon) && icon.name in icons_1.default) {
         return (React.createElement(icons_1.Icon, { name: icon.name, size: icon.size, style: icon.style, className: className }));
     }
-    if ((0, exports.isAdaptableExternalIcon)(icon)) {
+    if ((0, exports.isAdaptableCustomIcon)(icon)) {
         let width = (_b = (_a = icon.style) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 'var(--ab-cmp-icon__width)';
         let height = (_d = (_c = icon.style) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 'var(--ab-cmp-icon__height)';
         const iconStyle = (_e = icon.style) !== null && _e !== void 0 ? _e : {};
@@ -52,15 +52,15 @@ const AdaptableIconComponent = (props) => {
     }
     return null;
 };
-exports.AdaptableIconComponent = AdaptableIconComponent;
-const isAdaptableInternalIcon = (icon) => {
+exports.IconComponent = IconComponent;
+const isAdaptableSystemIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.name) === 'string';
 };
-exports.isAdaptableInternalIcon = isAdaptableInternalIcon;
-const isAdaptableExternalIcon = (icon) => {
+exports.isAdaptableSystemIcon = isAdaptableSystemIcon;
+const isAdaptableCustomIcon = (icon) => {
     return typeof (icon === null || icon === void 0 ? void 0 : icon.src) === 'string';
 };
-exports.isAdaptableExternalIcon = isAdaptableExternalIcon;
+exports.isAdaptableCustomIcon = isAdaptableCustomIcon;
 const isAdaptableElementIcon = (icon) => {
     return ((typeof HTMLElement === 'function' &&
         (icon === null || icon === void 0 ? void 0 : icon.element) instanceof HTMLElement) ||
@@ -68,6 +68,6 @@ const isAdaptableElementIcon = (icon) => {
 };
 exports.isAdaptableElementIcon = isAdaptableElementIcon;
 const isAdaptableIcon = (icon) => {
-    return ((0, exports.isAdaptableInternalIcon)(icon) || (0, exports.isAdaptableExternalIcon)(icon) || (0, exports.isAdaptableElementIcon)(icon));
+    return ((0, exports.isAdaptableSystemIcon)(icon) || (0, exports.isAdaptableCustomIcon)(icon) || (0, exports.isAdaptableElementIcon)(icon));
 };
 exports.isAdaptableIcon = isAdaptableIcon;

package/src/components/IconSelector/IconSelector.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const rebass_1 = require("rebass");
 const AdaptableInput_1 = tslib_1.__importDefault(require("../../View/Components/AdaptableInput"));
-const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
+const Icon_1 = require("../Icon");
 const icons_1 = tslib_1.__importStar(require("../icons"));
 const OverlayTrigger_1 = tslib_1.__importDefault(require("../OverlayTrigger"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
@@ -27,7 +27,7 @@ const IconSelector = (props) => {
     });
     const customIconsElements = (_a = props.customIcons) === null || _a === void 0 ? void 0 : _a.map((def) => {
         return (react_1.default.createElement(IconButton, { key: def.name, active: false, onClick: () => props.onChange(def.name) },
-            react_1.default.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { key: def.name, icon: def.icon })));
+            react_1.default.createElement(Icon_1.IconComponent, { key: def.name, icon: def.icon })));
     });
     const popup = (react_1.default.createElement(rebass_1.Box, { className: "ab-IconSelector__Popup" },
         react_1.default.createElement(rebass_1.Box, { mb: 2 },
@@ -44,7 +44,7 @@ const IconSelector = (props) => {
     else {
         const icon = (_b = props.customIcons) === null || _b === void 0 ? void 0 : _b.find((def) => def.name === props.value);
         if (icon)
-            value = react_1.default.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon.icon });
+            value = react_1.default.createElement(Icon_1.IconComponent, { icon: icon.icon });
     }
     return (react_1.default.createElement(rebass_1.Flex, { className: "ab-IconSelector" },
         react_1.default.createElement(OverlayTrigger_1.default, { preventPortalEventPropagation: false, render: () => popup, showEvent: "mouseenter", hideEvent: "mouseleave", hideDelay: 300 },

package/src/components/SimpleButton/index.js

@@ -8,21 +8,21 @@ const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const icons_1 = tslib_1.__importDefault(require("../icons"));
 const Tooltip_1 = tslib_1.__importDefault(require("../Tooltip"));
 const theme_1 = tslib_1.__importDefault(require("../../theme"));
-const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
+const Icon_1 = require("../Icon");
 exports.baseClassName = 'ab-SimpleButton';
 const SimpleButton = React.forwardRef((props, theRef) => {
     var _a, _b;
     let { children, disabled, variant = 'outlined', tone = 'neutral', iconPosition = 'start', iconSize, className, icon, tooltip, accessLevel: accessLevel, type } = props, buttonProps = tslib_1.__rest(props, ["children", "disabled", "variant", "tone", "iconPosition", "iconSize", "className", "icon", "tooltip", "accessLevel", "type"]);
-    let adaptableInternalIcon;
-    if ((0, AdaptableIconComponent_1.isAdaptableInternalIcon)(icon)) {
-        adaptableInternalIcon = icon;
+    let adaptableSystemIcon;
+    if ((0, Icon_1.isAdaptableSystemIcon)(icon)) {
+        adaptableSystemIcon = icon;
     }
     if (typeof icon === 'string' && icons_1.default[icon]) {
-        adaptableInternalIcon = { name: icon };
+        adaptableSystemIcon = { name: icon };
     }
-    if (adaptableInternalIcon) {
+    if (adaptableSystemIcon) {
         const iconProps = {
-            icon: adaptableInternalIcon,
+            icon: adaptableSystemIcon,
         };
         if (iconSize) {
             iconProps.icon = Object.assign(Object.assign({}, iconProps.icon), { size: iconSize });
@@ -30,10 +30,10 @@ const SimpleButton = React.forwardRef((props, theRef) => {
         if (typeof buttonProps.color === 'string') {
             iconProps.icon = Object.assign(Object.assign({}, iconProps.icon), { style: { color: buttonProps.color } });
         }
-        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, Object.assign({}, iconProps));
+        icon = React.createElement(Icon_1.IconComponent, Object.assign({}, iconProps));
     }
-    if ((0, AdaptableIconComponent_1.isAdaptableExternalIcon)(icon) || (0, AdaptableIconComponent_1.isAdaptableElementIcon)(icon)) {
-        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon });
+    if ((0, Icon_1.isAdaptableCustomIcon)(icon) || (0, Icon_1.isAdaptableElementIcon)(icon)) {
+        icon = React.createElement(Icon_1.IconComponent, { icon: icon });
     }
     if (icon) {
         children =

package/src/components/Toggle/Toggle.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { AdaptableInternalIconName } from '../../types';
+import { AdaptableSystemIconName } from '../../types';
 export declare type ToggleProps = {
     onPressedChange: (pressed: boolean) => void;
     pressed?: boolean;
-    icon?: AdaptableInternalIconName;
+    icon?: AdaptableSystemIconName;
 };
 export declare const Toggle: React.FunctionComponent<React.PropsWithChildren<ToggleProps>>;

package/src/components/Toggle/Toggle.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
+const Icon_1 = require("../Icon");
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const Toggle = (_a) => {
     var { onPressedChange, pressed, icon, children } = _a, rest = tslib_1.__rest(_a, ["onPressedChange", "pressed", "icon", "children"]);
     const baseClassName = 'ab-Toggle';
     return (React.createElement("button", Object.assign({}, rest, { className: (0, join_1.default)(baseClassName, pressed && `${baseClassName}--pressed`), onClick: () => onPressedChange(!pressed) }),
-        icon && React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: { name: icon } }),
+        icon && React.createElement(Icon_1.IconComponent, { icon: { name: icon } }),
         children));
 };
 exports.Toggle = Toggle;

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

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

package/src/components/icons/fdc3.js

@@ -0,0 +1,9 @@
+"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 0 612 792" }),
+    React.createElement("path", { d: "M545.58,533.27V271.23L334.25,393.24c0.13,1.11,0.65,2.07,0.65,3.22c0,13.13-8.85,23.8-20.8,27.43v243.03   L545.58,533.27L545.58,533.27z" }),
+    React.createElement("path", { d: "M328.46,378.97l208.38-120.31v-0.65L305.79,126L74.74,258.01v0.65l208.38,120.31   c5.32-6.89,13.29-11.62,22.67-11.62C315.17,367.34,323.14,372.08,328.46,378.97L328.46,378.97z" }),
+    React.createElement("path", { d: "M277.33,393.24L66,271.23v262.04l231.48,133.64V423.88c-11.94-3.63-20.8-14.3-20.8-27.43   C276.68,395.31,277.2,394.35,277.33,393.24L277.33,393.24z" })));

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { CSSProperties } from 'react';
 import { IconProps } from './DefaultIcon';
-import { AdaptableExternalIcon, AdaptableInternalIcon, AdaptableInternalIconName } from '../../PredefinedConfig/Common/AdaptableIcon';
-declare const allIcons: Record<AdaptableInternalIconName, React.FunctionComponent<IconProps>>;
+import { AdaptableCustomIcon, AdaptableSystemIcon, AdaptableSystemIconName } from '../../PredefinedConfig/Common/AdaptableIcon';
+declare const allIcons: Record<AdaptableSystemIconName, React.FunctionComponent<IconProps>>;
 export declare const Icon: ({ name, style, className, tabIndex, ...props }: {
     style?: React.CSSProperties;
-    name: AdaptableInternalIconName;
+    name: AdaptableSystemIconName;
     size?: number;
     className?: string;
     tabIndex?: number;
     props?: React.SVGProps<SVGElement>;
 }) => JSX.Element;
-export declare const iconToString: (icon: AdaptableInternalIcon | AdaptableExternalIcon, style?: CSSProperties) => string;
+export declare const iconToString: (icon: AdaptableSystemIcon | AdaptableCustomIcon, style?: CSSProperties) => string;
 export default allIcons;

package/src/components/icons/index.js

@@ -27,6 +27,7 @@ const call_1 = tslib_1.__importDefault(require("./call"));
 const justify_1 = tslib_1.__importDefault(require("./justify"));
 const error_1 = tslib_1.__importDefault(require("./error"));
 const export_1 = tslib_1.__importDefault(require("./export"));
+const fdc3_1 = tslib_1.__importDefault(require("./fdc3"));
 const campaign_1 = tslib_1.__importDefault(require("./campaign"));
 const build_1 = tslib_1.__importDefault(require("./build"));
 const warning_1 = tslib_1.__importDefault(require("./warning"));
@@ -144,7 +145,7 @@ const instrument_1 = tslib_1.__importDefault(require("./instrument"));
 const analysis_1 = tslib_1.__importDefault(require("./analysis"));
 const visibility_1 = tslib_1.__importDefault(require("./visibility"));
 const visibility_off_1 = tslib_1.__importDefault(require("./visibility-off"));
-const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
+const Icon_1 = require("../Icon");
 const AdaptableLogger_1 = require("../../agGrid/AdaptableLogger");
 const allIcons = {
     search: query_1.default,
@@ -187,8 +188,8 @@ const allIcons = {
     assignment: state_management_1.default,
     clipboard: tool_panel_1.default,
     'traffic-lights': system_status_1.default,
-    'add': add_row_1.default,
-    'downloaded': updated_row_1.default,
+    add: add_row_1.default,
+    downloaded: updated_row_1.default,
     // others
     edit: edit_1.default,
     undo: undo_1.default,
@@ -226,7 +227,7 @@ const allIcons = {
     'sort-desc': sort_desc_1.default,
     logout: logout_1.default,
     'import-export': import_export_1.default,
-    'paperclip': attach_file_1.default,
+    paperclip: attach_file_1.default,
     info: info_1.default,
     'cloud-upload': cloud_upload_1.default,
     upload: upload_1.default,
@@ -265,7 +266,7 @@ const allIcons = {
     'not-contains': not_contains_1.default,
     contains: contains_1.default,
     regex: regex_1.default,
-    'target': track_changes_1.default,
+    target: track_changes_1.default,
     menu: menu_1.default,
     statusbar: statusbar_1.default,
     dashboard: dashboard_1.default,
@@ -287,7 +288,8 @@ const allIcons = {
     'case-lower': case_lower_1.default,
     'case-upper': case_upper_1.default,
     'case-sentence': case_sentence_1.default,
-    flag: cell_validation_1.default, // original icon is flag,
+    flag: cell_validation_1.default,
+    fdc3: fdc3_1.default,
 };
 Object.keys(allIcons).forEach((name) => {
     const ReactCmp = allIcons[name];
@@ -307,7 +309,7 @@ const iconToString = (icon, style) => {
     if (!icon) {
         return;
     }
-    return ReactDOMServer.renderToString(React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: Object.assign(Object.assign({}, icon), { style: Object.assign(Object.assign({}, icon.style), style) }) }));
+    return ReactDOMServer.renderToString(React.createElement(Icon_1.IconComponent, { icon: Object.assign(Object.assign({}, icon), { style: Object.assign(Object.assign({}, icon.style), style) }) }));
 };
 exports.iconToString = iconToString;
 exports.default = allIcons;