@imposium-hub/components 2.5.10-14 → 2.5.10-15

package/dist/esm/components/checkbox-field/CheckboxField.d.ts

@@ -14,6 +14,6 @@ interface ICheckboxFieldProps {
 declare class CheckboxField extends React.PureComponent<ICheckboxFieldProps> {
     constructor(props: any);
     private toggle;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default CheckboxField;

package/dist/esm/components/checkbox-field/CheckboxField.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import CheckBoxField from './CheckboxField';
 declare const _default: {
     title: string;
     component: typeof CheckBoxField;
 };
 export default _default;
-export declare const defaultCheckboxField: () => any;
+export declare const defaultCheckboxField: () => React.JSX.Element;

package/dist/esm/components/color-field/ColorField.d.ts

@@ -29,6 +29,6 @@ declare class ColorField extends React.PureComponent<IColorFieldProps, IColorFie
     private handleClickOutside;
     private handleChangeComplete;
     private isValidColor;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default ColorField;

package/dist/esm/components/color-field/ColorFiled.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import ColorField from './ColorField';
 declare const _default: {
     title: string;
     component: typeof ColorField;
 };
 export default _default;
-export declare const defaultColorField: () => any;
+export declare const defaultColorField: () => React.JSX.Element;

package/dist/esm/components/compositions/TextLayer.d.ts

@@ -21,6 +21,6 @@ export default class TextLayer extends React.PureComponent<ITextLayerProps, ITex
     private errorLoadingFont;
     private fontReady;
     private getFlexStart;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/esm/components/confirm-modal/ConfirmModal.d.ts

@@ -1,11 +1,2 @@
-interface IConfirmModalProps {
-    onClose: (e: any) => void;
-    onYes: (e: any) => void;
-    onNo: (e: any) => void;
-    title: string;
-    yesLabel?: string;
-    noLabel?: string;
-    showCancel?: boolean;
-}
-export declare const ConfirmModal: (props: IConfirmModalProps) => any;
-export {};
+import React from 'react';
+export declare const ConfirmModal: () => React.JSX.Element;

package/dist/esm/components/confirm-modal/ConfirmModal.js

@@ -1,16 +1,50 @@
-import React from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { useHotkeys } from 'react-hotkeys-hook';
 import Modal from '../modal/Modal';
 import Button from '../button/Button';
 import { confirm as copy } from '../../constants/copy';
 import Section from '../section/Section';
-export const ConfirmModal = (props) => {
-    useHotkeys('enter', props.onYes, { enableOnFormTags: true });
+export const ConfirmModal = () => {
+    const [props, setProps] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const onOpen = (event) => {
+        setProps({
+            ...event.detail
+        });
+        setIsOpen(true);
+    };
+    const onClose = () => {
+        setIsOpen(false);
+    };
+    const onKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            props.onYes(e);
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        window.addEventListener('openconfirmmodal', onOpen);
+        window.addEventListener('closeconfirmmodal', onClose);
+        return () => {
+            window.removeEventListener('openconfirmmodal', onOpen);
+            window.removeEventListener('closeconfirmmodal', onClose);
+        };
+    }, []);
+    useEffect(() => {
+        if (isOpen) {
+            document.addEventListener('keypress', onKeyDown);
+        }
+        else {
+            document.removeEventListener('keypress', onKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keypress', onKeyDown);
+        };
+    }, [isOpen, onKeyDown]);
     const { cancel, yes, no } = copy;
     const noLabel = props?.noLabel ? props.noLabel : no;
     const yesLabel = props?.yesLabel ? props.yesLabel : yes;
-    const modal = (React.createElement(Modal, { onRequestClose: props.onClose, wrapperStyle: {
+    const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
             left: '0px',
             width: '100%'
         }, style: {
@@ -20,7 +54,7 @@ export const ConfirmModal = (props) => {
             left: 'calc((100% - 400px) / 2)'
         }, isOpen: true },
         React.createElement(Section, null,
-            React.createElement("div", { className: 'confirm-modal' },
+            React.createElement("div", { className: 'confirm-modal', onKeyDown: (e) => console.log('onKeyDown', e) },
                 React.createElement("p", null, props.title),
                 React.createElement("div", { className: 'confirm-buttons' },
                     props.showCancel ? (React.createElement(Button, { onClick: props.onClose, size: 'large', color: 'default' }, cancel)) : null,

package/dist/esm/components/confirm-modal/ConfirmModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAYzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IACtD,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACjC,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,QAAQ,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAExD,MAAM,KAAK,GAAG,CACV,oBAAC,KAAK,IACF,cAAc,EAAE,KAAK,CAAC,OAAO,EAC7B,YAAY,EAAE;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,MAAM;SAChB,EACD,KAAK,EAAE;YACH,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,0BAA0B;SACnC,EACD,MAAM,EAAE,IAAI;QACZ,oBAAC,OAAO;YACJ,6BAAK,SAAS,EAAC,eAAe;gBAC1B,+BAAI,KAAK,CAAC,KAAK,CAAK;gBACpB,6BAAK,SAAS,EAAC,iBAAiB;oBAC3B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,OAAO,CACH;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,QAAQ,CACJ,CACP,CACJ,CACA,CACN,CACX,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAChC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAExE,OAAO,oBAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC"}
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/context-menu/AnimateComponent.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 declare const AnimateComponent: ({ children, isVisible, timeout, className }: {
     children: any;
     isVisible: any;
     timeout: any;
     className: any;
-}) => any;
+}) => React.JSX.Element;
 export default AnimateComponent;

package/dist/esm/components/context-menu/ContextMenu.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const ContextMenu: {
     ({ children, id, appendTo, hideOnLeave, onMouseLeave, onHide, onShow, preventHideOnScroll, preventHideOnResize, attributes, animation }: {
         children: any;
@@ -11,7 +12,7 @@ declare const ContextMenu: {
         preventHideOnResize: any;
         attributes: any;
         animation: any;
-    }): any;
+    }): React.JSX.Element;
     defaultProps: {
         appendTo: any;
         hideOnLeave: boolean;

package/dist/esm/components/context-menu/ContextMenuItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const ContextMenuItem: {
     ({ children, onClick, disabled, preventClose, attributes, className }: {
         children: any;
@@ -6,7 +7,7 @@ declare const ContextMenuItem: {
         preventClose: any;
         attributes: any;
         className: any;
-    }): any;
+    }): React.JSX.Element;
     defaultProps: {
         disabled: boolean;
         preventClose: boolean;

package/dist/esm/components/context-menu/ContextMenuTrigger.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const ContextMenuTrigger: {
     ({ children, id, disableWhileShiftPressed, attributes, disable }: {
         children: any;
@@ -5,7 +6,7 @@ declare const ContextMenuTrigger: {
         disableWhileShiftPressed: any;
         attributes: any;
         disable: any;
-    }): any;
+    }): React.JSX.Element;
     defaultProps: {
         attributes: {};
         disable: boolean;

package/dist/esm/components/context-menu/SubMenu.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 declare const Submenu: {
     ({ children, title, attributes, className }: {
         children: any;
         title: any;
         attributes: any;
         className: any;
-    }): any;
+    }): React.JSX.Element;
     defaultProps: {
         title: string;
         className: string;

package/dist/esm/components/controlled-list/ControlledList.d.ts

@@ -7,7 +7,7 @@ interface IControlledListProps {
 declare class ControlledList extends React.PureComponent<IControlledListProps> {
     private inputRef;
     private submitHandler;
-    renderRemoveButton(index: any): any;
-    render(): any;
+    renderRemoveButton(index: any): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ControlledList;

package/dist/esm/components/controlled-list/ControlledList.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import ControlledList from './ControlledList';
 declare const _default: {
     title: string;
     componenet: typeof ControlledList;
 };
 export default _default;
-export declare const ControlledListWithTags: () => any;
+export declare const ControlledListWithTags: () => React.JSX.Element;

package/dist/esm/components/copy-prop-id-button/CopyPropIdButton.d.ts

@@ -7,6 +7,6 @@ interface ICopyPropIdButtonProps {
 declare class CopyPropIdButton extends React.PureComponent<ICopyPropIdButtonProps, undefined> {
     private clickHandler;
     private copyPropId;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default CopyPropIdButton;

package/dist/esm/components/determinate-loader/DeterminateLoader.stories.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./DeterminateLoader").IDeterminateLoaderProps>;
 };
 export default _default;
-export declare const DeterminateLoader50Percent: () => any;
-export declare const DeterminateLoader25Percent: () => any;
-export declare const DeterminateLoaderLoading: () => any;
+export declare const DeterminateLoader50Percent: () => React.JSX.Element;
+export declare const DeterminateLoader25Percent: () => React.JSX.Element;
+export declare const DeterminateLoaderLoading: () => React.JSX.Element;

package/dist/esm/components/dropdown/Dropdown.d.ts

@@ -23,5 +23,5 @@ export default class ImposiumDropdown extends React.PureComponent<IDropdownMenuP
     private cancelRender;
     private onEsc;
     private detectOutsideClick;
-    render(): any;
+    render(): React.JSX.Element;
 }

package/dist/esm/components/dropdown/dropdown.stories.d.ts

@@ -16,4 +16,4 @@ export interface IDropdownMenuState {
     build: any;
     offset: any;
 }
-export declare const defaultDropDown: () => any;
+export declare const defaultDropDown: () => React.JSX.Element;

package/dist/esm/components/field-wrapper/FieldWrapper.d.ts

@@ -20,8 +20,8 @@ declare class FieldWrapper extends React.PureComponent<IFieldWrapperProps, IFiel
     constructor(props: any);
     private getLabelClass;
     private renderLabel;
-    render(): any;
+    render(): React.JSX.Element;
     private renderInfo;
-    renderButtons(): any;
+    renderButtons(): React.JSX.Element;
 }
 export default FieldWrapper;

package/dist/esm/components/field-wrapper/FieldWrapper.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import FieldWrapper from './FieldWrapper';
 declare const _default: {
     title: string;
     component: typeof FieldWrapper;
 };
 export default _default;
-export declare const defaultFieldWrapperWithSelectField: () => any;
+export declare const defaultFieldWrapperWithSelectField: () => React.JSX.Element;

package/dist/esm/components/font-picker/FontPicker.d.ts

@@ -39,6 +39,6 @@ export default class FontPicker extends React.PureComponent<IFontPickerProps, IF
     private setActiveFontFamily;
     private generateFontList;
     private toggleExpanded;
-    render: () => any;
+    render: () => React.JSX.Element;
 }
 export {};

package/dist/esm/components/h-rule/HRule.d.ts

@@ -1,2 +1,3 @@
-declare const HRule: (props: any) => any;
+import * as React from 'react';
+declare const HRule: (props: any) => React.JSX.Element;
 export default HRule;

package/dist/esm/components/h-rule/HRule.stories.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => any;
+    component: (props: any) => React.JSX.Element;
 };
 export default _default;
-export declare const defaultHRule: () => any;
+export declare const defaultHRule: () => React.JSX.Element;

package/dist/esm/components/list-field/ListField.d.ts

@@ -30,7 +30,7 @@ declare class ListField extends React.PureComponent<IListFieldProps, IListFieldS
     private inputChanged;
     private inputFocus;
     private submitOption;
-    render(): any;
+    render(): React.JSX.Element;
     renderButtons(): any[];
 }
 export default ListField;

package/dist/esm/components/list-field/ListField.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import ListField from './ListField';
 declare const _default: {
     title: string;
     component: typeof ListField;
 };
 export default _default;
-export declare const defaultListFIeld: () => any;
+export declare const defaultListFIeld: () => React.JSX.Element;

package/dist/esm/components/log-viewer/LogViewer.d.ts

@@ -16,6 +16,6 @@ declare class LogViewer extends React.PureComponent<ILogViewerProps, ILogViewerS
     private getJobLogs;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default LogViewer;

package/dist/esm/components/media-variable-field/MediaVariableField.d.ts

@@ -22,6 +22,6 @@ declare class MediaVariableField extends React.PureComponent<IMediaVariableField
     onClick(): void;
     private renderClearButton;
     private onFileDrop;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default MediaVariableField;

package/dist/esm/components/modal/Modal.d.ts

@@ -14,6 +14,6 @@ declare class Modal extends React.PureComponent<IModalProps> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     private onClose;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default Modal;

package/dist/esm/components/modal/Modal.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import Modal from './Modal';
 declare const _default: {
     title: string;
     component: typeof Modal;
 };
 export default _default;
-export declare const defaultModal: () => any;
+export declare const defaultModal: () => React.JSX.Element;

package/dist/esm/components/number-field/NumberField.d.ts

@@ -31,6 +31,6 @@ declare class NumberField extends React.PureComponent<INumberFieldProps, INumber
     private onSelectFocus;
     private onSelectBlur;
     private handleLabelDrag;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default NumberField;

package/dist/esm/components/number-field/NumberField.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import NumberField from './NumberField';
 declare const _default: {
     title: string;
     component: typeof NumberField;
 };
 export default _default;
-export declare const defaultNumberField: () => any;
+export declare const defaultNumberField: () => React.JSX.Element;

package/dist/esm/components/players/AudioPlayer.d.ts

@@ -12,6 +12,6 @@ declare class AudioPlayer extends React.PureComponent<IAudioPlayerProps, undefin
     private height;
     constructor(props: any);
     getAudioStyle(): any;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default AudioPlayer;

package/dist/esm/components/players/AudioPreview.d.ts

@@ -21,6 +21,6 @@ declare class AudioPreview extends React.PureComponent<IAudioPreviewProps, IAudi
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default AudioPreview;

package/dist/esm/components/players/ImagePlayer.d.ts

@@ -15,6 +15,6 @@ declare class ImagePlayer extends React.PureComponent<IImagePlayerProps, IImageP
     constructor(props: any);
     getImageStyle(): any;
     private metadataLoaded;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default ImagePlayer;

package/dist/esm/components/players/ImagePreview.d.ts

@@ -21,6 +21,6 @@ declare class ImagePreview extends React.PureComponent<IImagePreviewProps, IImag
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default ImagePreview;

package/dist/esm/components/players/ImageSequencePlayer.d.ts

@@ -15,6 +15,6 @@ declare class ImageSequencePlayer extends React.PureComponent<IImageSequencePlay
     constructor(props: any);
     getImageStyle(): any;
     private metadataLoaded;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default ImageSequencePlayer;

package/dist/esm/components/players/TemplatePlayer.d.ts

@@ -12,6 +12,6 @@ declare class TemplatePlayer extends React.PureComponent<ITemplatePlayerProps, u
     private height;
     constructor(props: any);
     getImageStyle(): any;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default TemplatePlayer;

package/dist/esm/components/players/VideoPlayer.d.ts

@@ -39,6 +39,6 @@ declare class VideoPlayer extends React.PureComponent<IVideoPlayerProps, IVideoP
     setTime(time: any): void;
     private metadataLoaded;
     private renderCustomControls;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default VideoPlayer;

package/dist/esm/components/players/VideoPreview.d.ts

@@ -21,6 +21,6 @@ declare class VideoPreview extends React.PureComponent<IVideoPreviewProps, IVide
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default VideoPreview;

package/dist/esm/components/publish-wizard/PublishWizard.d.ts

@@ -23,13 +23,13 @@ export default _default;
 export declare const BigButton: React.FC<IBigButtonProps>;
 export declare const TabContent: ({ children }: {
     children: any;
-}) => any;
+}) => React.JSX.Element;
 export declare const TabHeader: (props: {
     title: string;
     className?: StyleSheet | any;
-}) => any;
+}) => React.JSX.Element;
 export declare const WizardError: (props: {
     title: string;
     description: string;
-}) => any;
+}) => React.JSX.Element;
 export declare const BigLink: React.FC<IBigLinkProps>;

package/dist/esm/components/publish-wizard/publish/APIIntegration.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 declare class APIIntegration extends React.PureComponent {
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default APIIntegration;

package/dist/esm/components/publish-wizard/publish/HubSpotFlow.d.ts

@@ -11,6 +11,6 @@ declare class HubSpotFlow extends React.PureComponent<IHubSpotFlowProps, undefin
     constructor(props: any);
     private createUrl;
     private getFirstAct;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default HubSpotFlow;

package/dist/esm/components/publish-wizard/publish/WebpageHosted.d.ts

@@ -6,7 +6,7 @@ interface IWebpageHostedProps {
 }
 export declare const documentationLinks: {
     key: string;
-    label: any;
+    label: React.JSX.Element;
     link: string;
 }[];
 declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
@@ -14,6 +14,6 @@ declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
     private downloadSampleWebPage;
     private getFirstAct;
     private linkToDemoPage;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default WebpageHosted;

package/dist/esm/components/section/Section.d.ts

@@ -1,2 +1,3 @@
-declare const Section: (props: any) => any;
+import * as React from 'react';
+declare const Section: (props: any) => React.JSX.Element;
 export default Section;

package/dist/esm/components/section/Section.stories.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => any;
+    component: (props: any) => React.JSX.Element;
 };
 export default _default;
-export declare const defaultSection: () => any;
+export declare const defaultSection: () => React.JSX.Element;

package/dist/esm/components/select-field/SelectField.d.ts

@@ -24,6 +24,6 @@ declare class SelectField extends React.PureComponent<ISelectFieldProps> {
     constructor(props: any);
     private copyToClipboard;
     private onChange;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default SelectField;

package/dist/esm/components/select-field/SelectField.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import SelectField from './SelectField';
 declare const _default: {
     title: string;
     components: typeof SelectField;
 };
 export default _default;
-export declare const defaultSelectField: () => any;
+export declare const defaultSelectField: () => React.JSX.Element;

package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./ShortcutMenu").IShortcutMenu>;
 };
 export default _default;
-export declare const defaultShortcutMenu: () => any;
+export declare const defaultShortcutMenu: () => React.JSX.Element;

package/dist/esm/components/slider-field/SliderField.d.ts

@@ -24,6 +24,6 @@ declare class SliderField extends React.PureComponent<ISliderFieldProps, ISlider
     private updateValue;
     private rangeInputChange;
     private numberInputChange;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default SliderField;

package/dist/esm/components/slider-field/SliderField.stories.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import SliderField from './SliderField';
 declare const _default: {
     title: string;
     component: typeof SliderField;
 };
 export default _default;
-export declare const defaultSliderField: () => any;
+export declare const defaultSliderField: () => React.JSX.Element;

package/dist/esm/components/smpte-field/SMPTEField.d.ts

@@ -29,6 +29,6 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
     private onChange;
     private setDuration;
     private smptValidator;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default SMPTEField;

package/dist/esm/components/tabs/Tabs.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface ITab {
     content?: any;
     key?: string;
@@ -6,5 +7,7 @@ export interface ITab {
     label: any;
     menuButtons?: JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<any, "targetRef"> & {
+    targetRef?: any;
+}, "width">, "height">, "ref"> & React.RefAttributes<HTMLElement>>;
 export default _default;

package/dist/esm/components/tabs/Tabs.stories.d.ts

@@ -1,6 +1,9 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<any>;
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<any, "targetRef"> & {
+        targetRef?: any;
+    }, "width">, "height">, "ref"> & React.RefAttributes<HTMLElement>>;
 };
 export default _default;
-export declare const defaultTabs: () => any;
+export declare const defaultTabs: () => React.JSX.Element;