@adaptabletools/adaptable 12.0.0-canary.2 → 12.0.0-canary.5

package/src/components/ResizeObserver/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const getResizeObserverObject_1 = require("./getResizeObserverObject");
-exports.setupResizeObserver = (node, callback) => {
+const setupResizeObserver = (node, callback) => {
     const RO = getResizeObserverObject_1.getResizeObserverObject();
     if (!RO) {
         return () => { };
@@ -31,13 +31,14 @@ exports.setupResizeObserver = (node, callback) => {
         observer.disconnect();
     };
 };
+exports.setupResizeObserver = setupResizeObserver;
 /**
  * A hook that notifies you when a certain DOM element has changed it's size
  *
  * @param ref A React ref to a DOM element
  * @param callback The function to be called when the element is resized.
  */
-exports.useResizeObserver = (ref, callback, config = { earlyAttach: false }) => {
+const useResizeObserver = (ref, callback, config = { earlyAttach: false }) => {
     const sizeRef = react_1.useRef({
         width: 0,
         height: 0,
@@ -76,7 +77,8 @@ exports.useResizeObserver = (ref, callback, config = { earlyAttach: false }) =>
         return () => { };
     }, [ref.current, callback, config.earlyAttach]);
 };
-exports.ReactResizeObserver = (props) => {
+exports.useResizeObserver = useResizeObserver;
+const ReactResizeObserver = (props) => {
     const style = react_1.useMemo(() => ({
         position: 'absolute',
         top: 0,
@@ -98,6 +100,7 @@ exports.ReactResizeObserver = (props) => {
     exports.useResizeObserver(ref, onResize, { earlyAttach: earlyAttach || false });
     return React.createElement("div", { ref: ref, style: style });
 };
+exports.ReactResizeObserver = ReactResizeObserver;
 exports.ReactResizeObserver.defaultProps = {
     notifyOnMount: true,
     earlyAttach: false,

package/src/components/SelectList.js

@@ -4,6 +4,7 @@ exports.SelectList = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("./SimpleButton"));
-exports.SelectList = (props) => {
+const SelectList = (props) => {
     return (React.createElement(React.Fragment, null, props.options.map((option) => (React.createElement(SimpleButton_1.default, { p: 2, width: '100%', variant: "text", onClick: () => props.onChange(option), key: option.label }, option.label)))));
 };
+exports.SelectList = SelectList;

package/src/components/SelectableList/index.js

@@ -13,7 +13,7 @@ const SelectableListContext = React.createContext({
     toggleOnSimpleClick: false,
     setSelected: (x) => { },
 });
-exports.useSelectionEvent = () => {
+const useSelectionEvent = () => {
     const { selected, setSelected, toggleOnSimpleClick, clickInfoRef, getItemId } = react_1.useContext(SelectableListContext);
     return (event, { index }) => {
         if (index === undefined) {
@@ -78,6 +78,7 @@ exports.useSelectionEvent = () => {
         }
     };
 };
+exports.useSelectionEvent = useSelectionEvent;
 const SelectableList = (props) => {
     const [selected, setSelected] = useProperty_1.default(props, 'selected', {});
     const clickInfoRef = react_1.useRef({

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

@@ -3,12 +3,13 @@ import { ButtonProps } from 'rebass';
 import { ReactNode } from 'react';
 import { AccessLevel } from '../../PredefinedConfig/Common/Entitlement';
 import { OverlayProps } from '../OverlayTrigger/Overlay';
+import { AdaptableIcon } from '../../PredefinedConfig/Common/AdaptableIcon';
 export declare const baseClassName = "ab-SimpleButton";
 export interface SimpleButtonProps extends ButtonProps {
     tooltip?: string;
     variant?: 'text' | 'outlined' | 'raised';
     tone?: 'success' | 'error' | 'neutral' | 'none' | 'warning' | 'info' | 'accent';
-    icon?: ReactNode;
+    icon?: string | AdaptableIcon | ReactNode;
     iconSize?: number;
     iconPosition?: 'start' | 'end';
     disabled?: boolean;

package/src/components/SimpleButton/index.js

@@ -8,20 +8,32 @@ 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");
 exports.baseClassName = 'ab-SimpleButton';
 const SimpleButton = React.forwardRef((props, ref) => {
     var _a, _b;
     let { children, disabled, variant = 'outlined', tone = 'neutral', iconPosition = 'start', iconSize, className, icon, tooltip, tooltipAnchor, accessLevel: accessLevel, type } = props, buttonProps = tslib_1.__rest(props, ["children", "disabled", "variant", "tone", "iconPosition", "iconSize", "className", "icon", "tooltip", "tooltipAnchor", "accessLevel", "type"]);
+    let adaptableInternalIcon;
+    if (AdaptableIconComponent_1.isAdaptableInternalIcon(icon)) {
+        adaptableInternalIcon = icon;
+    }
     if (typeof icon === 'string' && icons_1.default[icon]) {
-        const IconCmp = icons_1.default[icon];
-        const iconProps = {};
+        adaptableInternalIcon = { name: icon };
+    }
+    if (adaptableInternalIcon) {
+        const iconProps = {
+            icon: adaptableInternalIcon,
+        };
         if (iconSize) {
-            iconProps.size = iconSize;
+            iconProps.icon = Object.assign(Object.assign({}, iconProps.icon), { size: iconSize });
         }
         if (typeof buttonProps.color === 'string') {
-            iconProps.color = buttonProps.color;
+            iconProps.icon = Object.assign(Object.assign({}, iconProps.icon), { style: { color: buttonProps.color } });
         }
-        icon = React.createElement(IconCmp, Object.assign({}, iconProps));
+        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, Object.assign({}, iconProps));
+    }
+    if (AdaptableIconComponent_1.isAdaptableExternalIcon(icon)) {
+        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon });
     }
     if (icon) {
         children =
@@ -62,7 +74,8 @@ const SimpleButton = React.forwardRef((props, ref) => {
     // and sent to rebass, styled-components/rebass does not honour it
     // so we had to send it via css
     const fontWeight = buttonProps.fontWeight
-        ? (_b = (_a = theme_1.default[buttonProps.fontWeight]) !== null && _a !== void 0 ? _a : buttonProps.fontWeight) !== null && _b !== void 0 ? _b : 'normal' : 'normal';
+        ? (_b = (_a = theme_1.default[buttonProps.fontWeight]) !== null && _a !== void 0 ? _a : buttonProps.fontWeight) !== null && _b !== void 0 ? _b : 'normal'
+        : 'normal';
     const btn = (React.createElement(rebass_1.Button, Object.assign({}, buttonProps, { disabled: disabled, className: join_1.default(className, exports.baseClassName, disabled ? `${exports.baseClassName}--disabled` : '', fontWeight ? `${exports.baseClassName}--font-weight=${fontWeight}` : '', `${exports.baseClassName}--variant-${variant}`, `${exports.baseClassName}--tone-${tone}`), ref: ref }), children));
     return tooltip ? (React.createElement(Tooltip_1.default, { anchor: tooltipAnchor, label: tooltip }, btn)) : (btn);
 });

package/src/components/StylePreview.js

@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
-exports.StylePreview = (props) => {
+const StylePreview = (props) => {
     var _a, _b, _c;
     return (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: (_a = props.padding) !== null && _a !== void 0 ? _a : 2, mt: (_b = props.mt) !== null && _b !== void 0 ? _b : 2, style: Object.assign(Object.assign({}, StyleHelper_1.toStyle(props.styleObject)), props.style) }), (_c = props.children) !== null && _c !== void 0 ? _c : 'Preview result'));
 };
+exports.StylePreview = StylePreview;

package/src/components/Tabs/index.js

@@ -18,7 +18,7 @@ const isTab = (c) => {
 const isTabContent = (c) => {
     return c.type === exports.Content || c.props.isTabsContent;
 };
-exports.Tabs = (props) => {
+const Tabs = (props) => {
     var _a;
     const { autoFocus = true, children, onValueChange: _onValueChange, defaultValue: _defaultValue, value: _value, keyboardNavigation = true, selectedIndex: _selectedIndex, defaultSelectedIndex: _defaultSelectedIndex, onSelectedIndexChange: _onSelectedIndexChange } = props, boxProps = tslib_1.__rest(props, ["autoFocus", "children", "onValueChange", "defaultValue", "value", "keyboardNavigation", "selectedIndex", "defaultSelectedIndex", "onSelectedIndexChange"]);
     let [selectedIndex, doSetSelectedIndex] = useProperty_1.default(props, 'selectedIndex', 0);
@@ -74,7 +74,8 @@ exports.Tabs = (props) => {
                 React.createElement(rebass_1.Flex, { flex: 1, className: "ab-Tabs__Filler" })),
             React.createElement(rebass_1.Box, Object.assign({ padding: 2 }, contentProps, { className: `${contentProps.className || ''} ab-Tabs__Body` }), currentContent))));
 };
-exports.Tab = (props) => {
+exports.Tabs = Tabs;
+const Tab = (props) => {
     const { index, autoFocus, keyboardNavigation = true, className: propsClassName } = props, boxProps = tslib_1.__rest(props, ["index", "autoFocus", "keyboardNavigation", "className"]);
     const context = React.useContext(TabContext);
     const baseClassName = 'ab-Tabs__Tab';
@@ -118,12 +119,14 @@ exports.Tab = (props) => {
             (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
         } })));
 };
+exports.Tab = Tab;
 exports.Tab.defaultProps = {
     isTabsTab: true,
 };
-exports.Content = (props) => {
+const Content = (props) => {
     return React.createElement(React.Fragment, null, props.children);
 };
+exports.Content = Content;
 exports.Content.defaultProps = {
     isTabsContent: true,
 };

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

@@ -7,5 +7,9 @@ export declare type TextareaProps = HTMLProps<HTMLTextAreaElement> & {
     type?: string;
     disabled?: boolean;
 } & BoxProps;
-declare const Textarea: React.ForwardRefExoticComponent<Pick<TextareaProps, "max" | "required" | "default" | "high" | "low" | "disabled" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "value" | "onKeyDown" | "rows" | "name" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg" | "placehoder"> & React.RefAttributes<unknown>>;
+declare const Textarea: React.ForwardRefExoticComponent<Pick<React.HTMLProps<HTMLTextAreaElement> & {
+    placehoder?: string;
+    type?: string;
+    disabled?: boolean;
+} & BoxProps, "max" | "required" | "default" | "high" | "low" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "disabled" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "value" | "onKeyDown" | "rows" | "name" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg" | "placehoder"> & React.RefAttributes<unknown>>;
 export default Textarea;

package/src/components/ToggleButton/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
-exports.ToggleButton = ({ checked, onChange, disabled, className, children, style = {}, 'data-name': dataName, }) => {
+const ToggleButton = ({ checked, onChange, disabled, className, children, style = {}, 'data-name': dataName, }) => {
     const handleChange = (event) => {
         if (disabled) {
             return;
@@ -19,3 +19,4 @@ exports.ToggleButton = ({ checked, onChange, disabled, className, children, styl
         React.createElement(rebass_1.Flex, { alignItems: "center", justifyContent: checked ? 'start' : 'end', className: `${baseClassName}__slider` },
             React.createElement("div", { className: `${baseClassName}__text` }, children))));
 };
+exports.ToggleButton = ToggleButton;

package/src/components/WindowModal/WindowModal.js

@@ -41,7 +41,7 @@ const getResizePositionDelta = (direction, delta) => {
     }
     return null;
 };
-exports.WindowModal = (props) => {
+const WindowModal = (props) => {
     var _a, _b;
     ensurePortalElement();
     const positionDeltaRef = React.useRef(null);
@@ -111,3 +111,4 @@ exports.WindowModal = (props) => {
                 height: props.size.height,
             } }, props.children)), portalElement);
 };
+exports.WindowModal = WindowModal;

package/src/components/WindowModal/useStacking.js

@@ -12,7 +12,7 @@ const BASE_Z_INDEX = 1000;
  * When calling 'bringToFront' brings caller to top.
  * This is done by changing the zIndex of all registered window-modals.
  */
-exports.useStacking = () => {
+const useStacking = () => {
     const modalZIndexId = React.useMemo(() => uuid_1.createUuid(), []);
     const [zIndex, setZIndex] = React.useState(BASE_Z_INDEX);
     React.useEffect(() => {
@@ -43,3 +43,4 @@ exports.useStacking = () => {
         bringInFront,
     };
 };
+exports.useStacking = useStacking;

package/src/components/icons/DefaultIcon.js

@@ -6,7 +6,8 @@ const React = tslib_1.__importStar(require("react"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const HUNDRED_PERCENT_SIZE = 24;
 const DEFAULT_SIZE = 20;
-exports.getSize = (size) => Math.round(size * (DEFAULT_SIZE / HUNDRED_PERCENT_SIZE));
+const getSize = (size) => Math.round(size * (DEFAULT_SIZE / HUNDRED_PERCENT_SIZE));
+exports.getSize = getSize;
 exports.default = (_a) => {
     var { children, size = DEFAULT_SIZE, name, tabIndex, color } = _a, props = tslib_1.__rest(_a, ["children", "size", "name", "tabIndex", "color"]);
     size = exports.getSize(size);

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { CSSProperties } from 'react';
+import { AdaptableIcon } from '../../PredefinedConfig/Common/AdaptableIcon';
 declare const allIcons: {
     [key: string]: React.ReactNode;
 };
@@ -10,5 +12,5 @@ export declare const Icon: ({ name, style, className, tabIndex, ...props }: {
     tabIndex?: number;
     props?: React.SVGProps<SVGElement>;
 }) => JSX.Element;
-export declare const iconToString: (name: string, props?: any) => string;
+export declare const iconToString: (icon: AdaptableIcon, style?: CSSProperties) => string;
 export default allIcons;

package/src/components/icons/index.js

@@ -138,6 +138,7 @@ const quote_1 = tslib_1.__importDefault(require("./quote"));
 const news_1 = tslib_1.__importDefault(require("./news"));
 const instrument_1 = tslib_1.__importDefault(require("./instrument"));
 const analysis_1 = tslib_1.__importDefault(require("./analysis"));
+const AdaptableIconComponent_1 = require("../AdaptableIconComponent");
 const allIcons = {
     // toolbars
     application: application_1.default,
@@ -292,7 +293,7 @@ Object.keys(allIcons).forEach((name) => {
     const ReactCmp = allIcons[name];
     allIcons[name] = (props) => React.createElement(ReactCmp, Object.assign({}, props, { name: name }));
 });
-exports.Icon = (_a) => {
+const Icon = (_a) => {
     var { name, style, className, tabIndex } = _a, props = tslib_1.__rest(_a, ["name", "style", "className", "tabIndex"]);
     const IconCmp = (allIcons[name] || null);
     if (!IconCmp) {
@@ -301,5 +302,12 @@ exports.Icon = (_a) => {
     }
     return React.createElement(IconCmp, Object.assign({ tabIndex: tabIndex }, props, { style: style, name: name, className: className }));
 };
-exports.iconToString = (name, props) => ReactDOMServer.renderToString(React.createElement(exports.Icon, Object.assign({ name: name }, props)));
+exports.Icon = Icon;
+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) }) }));
+};
+exports.iconToString = iconToString;
 exports.default = allIcons;

package/src/components/utils/useContainerScrollObserver/index.js

@@ -37,7 +37,7 @@ class SectionSelector {
         };
     }
 }
-exports.useContainerScrollObserver = (callback) => {
+const useContainerScrollObserver = (callback) => {
     const containerNodeRef = react_1.useRef(null);
     const sectionSelectorRef = react_1.useRef(null);
     const update = react_1.useCallback((scrollTop) => {
@@ -78,3 +78,4 @@ exports.useContainerScrollObserver = (callback) => {
         }, []),
     };
 };
+exports.useContainerScrollObserver = useContainerScrollObserver;

package/src/components/utils/useGlobalEvent.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGlobalEvent = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-exports.useGlobalEvent = (eventName, callback) => {
+const useGlobalEvent = (eventName, callback) => {
     React.useEffect(() => {
         window.addEventListener(eventName, callback);
         return () => window.removeEventListener(eventName, callback);
     }, [eventName, callback]);
 };
+exports.useGlobalEvent = useGlobalEvent;

package/src/components/utils/useLatest.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLatest = void 0;
 const react_1 = require("react");
-exports.useLatest = (value) => {
+const useLatest = (value) => {
     const ref = react_1.useRef(value);
     ref.current = value;
     return react_1.useCallback(() => ref.current, []);
 };
+exports.useLatest = useLatest;

package/src/components/utils/useRerender.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRerender = void 0;
 const react_1 = require("react");
-exports.useRerender = () => {
+const useRerender = () => {
     const [_count, setCount] = react_1.useState(0);
     return react_1.useCallback(() => {
         setCount((count) => count + 1);
     }, []);
 };
+exports.useRerender = useRerender;

package/src/components/utils/uuid.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createUuid = void 0;
 const uuid_1 = require("uuid");
-exports.createUuid = () => uuid_1.v4();
+const createUuid = () => uuid_1.v4();
+exports.createUuid = createUuid;

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

@@ -16,4 +16,4 @@ export interface MetamodelItemProperty {
     gridInfo?: 'item' | 'container';
     noCode?: 'item' | 'container';
 }
-export declare type MetamodelItemPropertyKind = 'REFERENCE' | 'number' | 'string' | 'boolean' | 'date' | 'function' | 'indexType' | 'unknown';
+export declare type MetamodelItemPropertyKind = 'REFERENCE' | 'number' | 'string' | 'boolean' | 'date' | 'function' | 'array' | 'indexType' | 'unknown';