@imposium-hub/components 2.9.0-7 → 2.9.0-8

package/dist/cjs/components/auth-gate/AuthGate.js

@@ -0,0 +1,105 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var ScaleLoader_1 = __importDefault(require("react-spinners/ScaleLoader"));
+var Session_1 = __importDefault(require("../../services/Session"));
+var Auth0_1 = __importDefault(require("../../services/Auth0"));
+var react_redux_1 = require("react-redux");
+var redux_1 = require("redux");
+var auth_1 = require("../../redux/actions/auth");
+var access_1 = require("../../redux/actions/access");
+var AuthGate = /** @class */ (function (_super) {
+    __extends(AuthGate, _super);
+    function AuthGate(p) {
+        var _this = _super.call(this, p) || this;
+        _this.componentDidMount = function () {
+            var _a = _this.props, auth0ClientId = _a.auth0ClientId, auth0Hash = _a.auth0Hash, auth0Domain = _a.auth0Domain, onAuthenticated = _a.onAuthenticated, baseUrl = _a.baseUrl;
+            Auth0_1.default.bindToClient(auth0ClientId, auth0Domain);
+            if (!auth0Hash) {
+                console.info('No hash found, redirecting to login');
+                Auth0_1.default.login();
+            }
+            else {
+                Auth0_1.default.parseIdFromHash(auth0Hash)
+                    .then(function (freshIdentity) {
+                    // Use the cached org ID and story ID if it exists
+                    var orgId = Session_1.default.getCachedOrgId() || null;
+                    var storyId = Session_1.default.getCachedStoryId() || null;
+                    Session_1.default.getAccessData(freshIdentity.accessToken, baseUrl, false, orgId)
+                        .then(function (freshAccess) {
+                        _this.props.login(freshIdentity);
+                        _this.props.setAccessData(freshAccess);
+                        Session_1.default.buildFreshSession(freshIdentity, orgId, storyId);
+                        onAuthenticated(storyId, orgId);
+                    })
+                        .catch(function (e) {
+                        console.error('Error getting access data, redirecting to root');
+                        console.error(e);
+                        onAuthenticated(null, null);
+                    });
+                })
+                    .catch(function (e) {
+                    console.error('Error parsing ID from hash, redirecting to login');
+                    console.error(e);
+                    Auth0_1.default.login();
+                });
+            }
+        };
+        _this.render = function () {
+            return (React.createElement("div", { className: 'auth-gate' },
+                React.createElement(ScaleLoader_1.default, { color: AuthGate.LOADER_COLOR })));
+        };
+        return _this;
+    }
+    AuthGate.LOADER_COLOR = '#2d8ceb';
+    return AuthGate;
+}(React.PureComponent));
+var mapDispatchToProps = function (dispatch) {
+    return (0, redux_1.bindActionCreators)({
+        login: auth_1.login,
+        setAccessData: access_1.setAccessData
+    }, dispatch);
+};
+exports.default = (0, react_redux_1.connect)(null, mapDispatchToProps)(AuthGate);
+//# sourceMappingURL=AuthGate.js.map

package/dist/cjs/components/auth-gate/AuthGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthGate.js","sourceRoot":"","sources":["../../../../src/components/auth-gate/AuthGate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2EAAqD;AACrD,mEAAoD;AACpD,+DAA8D;AAC9D,2CAAsC;AACtC,+BAA2C;AAC3C,iDAAiD;AACjD,qDAA2D;AAc3D;IAAuB,4BAAmC;IAGtD,kBAAY,CAAiB;QACzB,YAAA,MAAK,YAAC,CAAC,CAAC,SAAC;QAGN,uBAAiB,GAAG;YACjB,IAAA,KAAsE,KAAI,CAAC,KAAK,EAA9E,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAe,CAAC;YAEvF,eAAW,CAAC,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAErD,IAAI,CAAC,SAAS,EAAE,CAAC;gBACb,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;gBACpD,eAAW,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACJ,eAAW,CAAC,eAAe,CAAC,SAAS,CAAC;qBACjC,IAAI,CAAC,UAAC,aAAwB;oBAC3B,kDAAkD;oBAClD,IAAM,KAAK,GAAG,iBAAc,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC;oBACtD,IAAM,OAAO,GAAG,iBAAc,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC;oBAE1D,iBAAc,CAAC,aAAa,CAAC,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;yBACzE,IAAI,CAAC,UAAC,WAAgB;wBACnB,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;wBAChC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;wBACtC,iBAAc,CAAC,iBAAiB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;wBAChE,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC,CAAC;yBACD,KAAK,CAAC,UAAC,CAAC;wBACL,OAAO,CAAC,KAAK,CAAC,gDAAgD,CAAC,CAAC;wBAChE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBACjB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;oBAChC,CAAC,CAAC,CAAC;gBACX,CAAC,CAAC;qBACD,KAAK,CAAC,UAAC,CAAC;oBACL,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;oBAClE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBACjB,eAAW,CAAC,KAAK,EAAE,CAAC;gBACxB,CAAC,CAAC,CAAC;YACX,CAAC;QACL,CAAC,CAAC;QAEK,YAAM,GAAG;YACZ,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;gBACtB,oBAAC,qBAAW,IAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,GAAI,CAC3C,CACT,CAAC;QACN,CAAC,CAAC;;IA5CF,CAAC;IAJuB,qBAAY,GAAW,SAAS,AAApB,CAAqB;IAiD7D,eAAC;CAAA,AAlDD,CAAuB,KAAK,CAAC,aAAa,GAkDzC;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EACrB;QACI,KAAK,cAAA;QACL,aAAa,wBAAA;KAChB,EACD,QAAQ,CACX,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAA,qBAAO,EAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/dist/cjs/components/button/Button.d.ts

@@ -19,6 +19,6 @@ declare class Button extends React.PureComponent<IButtonProps> {
     private tooltipId;
     constructor(props: any);
     private onClick;
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default Button;

package/dist/cjs/components/button/Button.stories.d.ts

@@ -1,9 +1,10 @@
+import * as React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const sizes: () => any;
-export declare const styles: () => any;
-export declare const colors: () => any;
-export declare const loading: () => any;
-export declare const tooltips: () => any;
+export declare const sizes: () => React.JSX.Element;
+export declare const styles: () => React.JSX.Element;
+export declare const colors: () => React.JSX.Element;
+export declare const loading: () => React.JSX.Element;
+export declare const tooltips: () => React.JSX.Element;

package/dist/cjs/components/button-group-field/ButtonGroupField.stories.d.ts

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

package/dist/cjs/components/button-menu/ButtonMenu.d.ts

@@ -20,7 +20,7 @@ declare class ButtonMenu extends React.PureComponent<IButtonMenuProps, IButtonMe
     componentWillUnmount(): void;
     toggleMenu(e: any): void;
     renderItems(): any[];
-    renderMenu(): any;
-    render(): any;
+    renderMenu(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ButtonMenu;

package/dist/cjs/components/button-menu/ButtonMenu.stories.d.ts

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

package/dist/cjs/components/button-menu/ButtonMenuItem.d.ts

@@ -6,6 +6,6 @@ interface IButtonMenuItemProps {
 }
 declare class ButtonMenuItem extends React.Component<IButtonMenuItemProps> {
     constructor(props: any);
-    render(): any;
+    render(): React.JSX.Element;
 }
 export default ButtonMenuItem;

package/dist/cjs/components/card/Card.d.ts

@@ -18,9 +18,9 @@ declare class Card extends React.PureComponent<ICardProps, ICardState> {
     constructor(props: any);
     private toggleOpen;
     componentDidUpdate(prevProps: any): void;
-    renderTitle(style: any): any;
-    renderContent(): any;
-    render(): any;
-    renderButtons(): any;
+    renderTitle(style: any): React.JSX.Element;
+    renderContent(): React.JSX.Element;
+    render(): React.JSX.Element;
+    renderButtons(): React.JSX.Element;
 }
 export default Card;

package/dist/cjs/components/card/Card.stories.d.ts

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

package/dist/cjs/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/cjs/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/cjs/components/color-field/ColorField.d.ts

@@ -30,6 +30,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/cjs/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/cjs/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/cjs/components/confirm-modal/ConfirmModal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface IConfirmModalProps {
     onYes: () => void;
     onNo?: () => void;
@@ -7,4 +8,4 @@ export interface IConfirmModalProps {
     showCancel?: boolean;
     showNo?: boolean;
 }
-export declare const ConfirmModal: () => any;
+export declare const ConfirmModal: () => React.JSX.Element;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/edit-guide-modal/EditGuideModal.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface IEditGuideModalProps {
     guide: number;
     onClose: () => any;
     onContinue: (e: any) => any;
     isHorizontal: boolean;
 }
-export declare const EditGuideModal: () => any;
+export declare const EditGuideModal: () => React.JSX.Element;

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IEditMarkerModalProps {
+    index: number;
+    updateMarker: (marker: any) => void;
+    marker: any;
+    frameRate: number;
+}
+export declare const EditMarkerModal: () => React.JSX.Element;

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js

@@ -0,0 +1,104 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditMarkerModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var Button_1 = __importDefault(require("../button/Button"));
+var Modal_1 = __importDefault(require("../modal/Modal"));
+var Section_1 = __importDefault(require("../section/Section"));
+var SMPTEField_1 = __importDefault(require("../smpte-field/SMPTEField"));
+var TextField_1 = __importDefault(require("../text-field/TextField"));
+var EditMarkerModal = function () {
+    var _a = __read((0, react_2.useState)(''), 2), label = _a[0], setLabel = _a[1];
+    var _b = __read((0, react_2.useState)(0), 2), frame = _b[0], setFrame = _b[1];
+    var _c = __read((0, react_2.useState)(null), 2), props = _c[0], setProps = _c[1];
+    var _d = __read((0, react_2.useState)(false), 2), isOpen = _d[0], setIsOpen = _d[1];
+    var onOpen = function (event) {
+        setProps(__assign({}, event.detail));
+        setIsOpen(true);
+    };
+    var onClose = function () { return setIsOpen(false); };
+    (0, react_2.useEffect)(function () {
+        window.addEventListener('openeditmarkermodal', onOpen);
+        return function () {
+            window.removeEventListener('openeditmarkermodal', onOpen);
+        };
+    }, []);
+    var onUpdate = (0, react_2.useCallback)(function (e) {
+        if (e) {
+            props.updateMarker(e);
+            setIsOpen(false);
+        }
+    }, [isOpen]);
+    var onKeyDown = function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onUpdate({ label: label, frame: frame });
+        }
+    };
+    (0, react_2.useEffect)(function () {
+        if (isOpen) {
+            window.addEventListener('keypress', onKeyDown);
+        }
+        else {
+            window.removeEventListener('keypress', onKeyDown);
+        }
+        return function () {
+            window.removeEventListener('keypress', onKeyDown);
+        };
+    }, [isOpen, onKeyDown]);
+    (0, react_2.useEffect)(function () {
+        if (props === null || props === void 0 ? void 0 : props.marker) {
+            setLabel(props.marker.label ? props.marker.label : '');
+            setFrame(props.marker.frame ? props.marker.frame : 0);
+        }
+    }, [props === null || props === void 0 ? void 0 : props.marker]);
+    if (!isOpen)
+        return null;
+    return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
+            left: '0px',
+            width: '100%'
+        }, style: {
+            width: '200px',
+            height: '150px',
+            top: 'calc(50% - 150px)',
+            left: 'calc((100% - 200px) / 2)'
+        }, isOpen: true },
+        react_1.default.createElement(Section_1.default, { title: 'Edit Marker' },
+            react_1.default.createElement("div", { className: 'edit-marker-modal' },
+                react_1.default.createElement(TextField_1.default, { label: 'Label', labelPosition: 'top', value: label, onChange: function (e) { return setLabel(e); } }),
+                react_1.default.createElement(SMPTEField_1.default, { label: 'Frame', labelPosition: 'top', value: frame, onChange: function (e) { return setFrame(e); }, frameRate: props === null || props === void 0 ? void 0 : props.frameRate }),
+                react_1.default.createElement(Button_1.default, { color: 'primary', style: 'bold', onClick: function () { return onUpdate({ label: label, frame: frame }); } }, "Update Marker")))));
+};
+exports.EditMarkerModal = EditMarkerModal;
+//# sourceMappingURL=EditMarkerModal.js.map

package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditMarkerModal.js","sourceRoot":"","sources":["../../../../src/components/edit-marker-modal/EditMarkerModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IErrorMessagePreviewProps {
+    showMedia: boolean;
+    message: string;
+    style?: React.CSSProperties | any;
+    onRequestClose?(): void;
+}
+declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
+    private errorMsgNode;
+    private evtHandlers;
+    constructor(props: any);
+    private onClose;
+    render(): JSX.Element;
+}
+export default ErrorMessagePreview;

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js

@@ -0,0 +1,91 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Portal_1 = __importDefault(require("../portal/Portal"));
+var Button_1 = __importDefault(require("../button/Button"));
+var copy_1 = require("../../constants/copy");
+var icons_1 = require("../../constants/icons");
+var ErrorMessagePreview = /** @class */ (function (_super) {
+    __extends(ErrorMessagePreview, _super);
+    function ErrorMessagePreview(props) {
+        var _this = _super.call(this, props) || this;
+        _this.errorMsgNode = null;
+        _this.errorMsgNode = React.createRef();
+        _this.evtHandlers = {
+            onClose: function (e) { return _this.onClose(e); }
+        };
+        return _this;
+    }
+    ErrorMessagePreview.prototype.onClose = function (e) {
+        var onRequestClose = this.props.onRequestClose;
+        e.stopPropagation();
+        onRequestClose();
+    };
+    ErrorMessagePreview.prototype.render = function () {
+        var _a = this.props, showMedia = _a.showMedia, style = _a.style, message = _a.message;
+        if (showMedia) {
+            return (React.createElement(Portal_1.default, { id: 'portal-root' },
+                React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
+                    React.createElement(Button_1.default, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy_1.assets.field.tooltipFilter }, icons_1.ICON_TIMES)),
+                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
+        }
+        else {
+            return null;
+        }
+    };
+    return ErrorMessagePreview;
+}(React.PureComponent));
+exports.default = ErrorMessagePreview;
+//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AASnD;IAAkC,uCAA8C;IAK5E,6BAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,kBAAY,GAAQ,IAAI,CAAC;QAM7B,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,qCAAO,GAAf,UAAgB,CAAC;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,oCAAM,GAAb;QACU,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,0BAAC;AAAD,CAAC,AA/CD,CAAkC,KAAK,CAAC,aAAa,GA+CpD;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;