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

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

@@ -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/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,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/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

@@ -4,6 +4,6 @@ declare const _default: {
     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/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/esm/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/esm/components/edit-marker-modal/EditMarkerModal.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import Button from '../button/Button';
+import Modal from '../modal/Modal';
+import Section from '../section/Section';
+import SMPTEField from '../smpte-field/SMPTEField';
+import TextField from '../text-field/TextField';
+export const EditMarkerModal = () => {
+    const [label, setLabel] = useState('');
+    const [frame, setFrame] = useState(0);
+    const [props, setProps] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const onOpen = (event) => {
+        setProps({
+            ...event.detail
+        });
+        setIsOpen(true);
+    };
+    const onClose = () => setIsOpen(false);
+    useEffect(() => {
+        window.addEventListener('openeditmarkermodal', onOpen);
+        return () => {
+            window.removeEventListener('openeditmarkermodal', onOpen);
+        };
+    }, []);
+    const onUpdate = useCallback((e) => {
+        if (e) {
+            props.updateMarker(e);
+            setIsOpen(false);
+        }
+    }, [isOpen]);
+    const onKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onUpdate({ label, frame });
+        }
+    };
+    useEffect(() => {
+        if (isOpen) {
+            window.addEventListener('keypress', onKeyDown);
+        }
+        else {
+            window.removeEventListener('keypress', onKeyDown);
+        }
+        return () => {
+            window.removeEventListener('keypress', onKeyDown);
+        };
+    }, [isOpen, onKeyDown]);
+    useEffect(() => {
+        if (props?.marker) {
+            setLabel(props.marker.label ? props.marker.label : '');
+            setFrame(props.marker.frame ? props.marker.frame : 0);
+        }
+    }, [props?.marker]);
+    if (!isOpen)
+        return null;
+    return (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
+            left: '0px',
+            width: '100%'
+        }, style: {
+            width: '200px',
+            height: '150px',
+            top: 'calc(50% - 150px)',
+            left: 'calc((100% - 200px) / 2)'
+        }, isOpen: true },
+        React.createElement(Section, { title: 'Edit Marker' },
+            React.createElement("div", { className: 'edit-marker-modal' },
+                React.createElement(TextField, { label: 'Label', labelPosition: 'top', value: label, onChange: (e) => setLabel(e) }),
+                React.createElement(SMPTEField, { label: 'Frame', labelPosition: 'top', value: frame, onChange: (e) => setFrame(e), frameRate: props?.frameRate }),
+                React.createElement(Button, { color: 'primary', style: 'bold', onClick: () => onUpdate({ label, frame }) }, "Update Marker")))));
+};
+//# sourceMappingURL=EditMarkerModal.js.map

package/dist/esm/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/esm/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/esm/components/error-message-preview/ErrorMessagePreview.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import Portal from '../portal/Portal';
+import Button from '../button/Button';
+import { assets as copy } from '../../constants/copy';
+import { ICON_TIMES } from '../../constants/icons';
+class ErrorMessagePreview extends React.PureComponent {
+    errorMsgNode = null;
+    evtHandlers;
+    constructor(props) {
+        super(props);
+        this.errorMsgNode = React.createRef();
+        this.evtHandlers = {
+            onClose: (e) => this.onClose(e)
+        };
+    }
+    onClose(e) {
+        const { onRequestClose } = this.props;
+        e.stopPropagation();
+        onRequestClose();
+    }
+    render() {
+        const { showMedia, style, message } = this.props;
+        if (showMedia) {
+            return (React.createElement(Portal, { id: 'portal-root' },
+                React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
+                    React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
+                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
+        }
+        else {
+            return null;
+        }
+    }
+}
+export default ErrorMessagePreview;
+//# sourceMappingURL=ErrorMessagePreview.js.map

package/dist/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,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;CACJ;AAED,eAAe,mBAAmB,CAAC"}

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/header/Header_BACKUP_73021.d.ts

@@ -0,0 +1,33 @@
+export interface IHeaderProps {
+    email?: string;
+    activeOrganization: string;
+    activeStory?: string;
+    hideStoryPicker?: boolean;
+    hideOrgPicker?: boolean;
+    onOrganizationChange?: (orgId: any) => any;
+    onStoryChange?: (story: any) => any;
+    logout: (...args: any[]) => any;
+    additionalButtons?: any[];
+    auth: any;
+    story: any;
+    baseUrl: any;
+    hideDocs?: boolean;
+    showFTLogo?: boolean;
+}
+export interface IHeaderState {
+    inactiveOrganizations: any[];
+    servicesByOrganization: any[];
+    activeServiceBlob: any;
+    activeOrganizationBlob: any;
+    showAccountDropdown: boolean;
+    showStoriesDropdown: boolean;
+    showServiceDropdown: boolean;
+    dropdownToggleColor: string;
+    activeFirstChar: string;
+    order: string;
+    orderDirection: string;
+    accessData: any;
+    dataLoading: boolean;
+}
+declare const _default: any;
+export default _default;