@imposium-hub/components 2.5.6-0 → 2.5.6

package/dist/esm/redux/actions/publish.js.map

@@ -1 +1 @@
-{"version":3,"file":"publish.js","sourceRoot":"","sources":["../../../../src/redux/actions/publish.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAG7C,MAAM,OAAO,GAAQ;IACjB,oBAAoB,EAAE,8BAA8B;IACpD,qBAAqB,EAAE,+BAA+B;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAiB,EAAE,OAAe,EAAO,EAAE;IAC7E,OAAO,CAAC,QAAQ,EAAE,EAAE;QAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;iBACtB,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;gBAChB,IAAI,SAAS,EAAE,CAAC;oBACZ,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;wBAChC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBAC5B,CAAC;oBAED,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;oBACnE,OAAO,CAAC,SAAS,CAAC,CAAC;oBACnB,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;wBACvB,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;wBAC/B,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;6BACb,IAAI,CAAC,GAAG,EAAE;4BACP,OAAO,QAAQ,CAAC,qBAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;wBACzD,CAAC,CAAC;6BACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;4BACT,GAAG,CAAC,gBAAgB,EAAE;iCACjB,IAAI,CAAC,GAAG,EAAE;gCACP,QAAQ,CAAC,qBAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;4BAClD,CAAC,CAAC;iCACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gCACT,MAAM,CAAC,CAAC,CAAC,CAAC;4BACd,CAAC,CAAC,CAAC;4BACP,IAAI,CAAC,EAAE,CAAC;gCACJ,MAAM,CAAC,CAAC,CAAC,CAAC;4BACd,CAAC;iCAAM,CAAC;gCACJ,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;4BACzC,CAAC;wBACL,CAAC,CAAC,CAAC;oBACX,CAAC;gBACL,CAAC;YACL,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACT,kDAAkD;gBAClD,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;oBAC9B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;gBACzC,CAAC;YACL,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAiB,EAAE,OAAe,EAAE,EAAE;IAChE,OAAO,CAAC,QAAQ,EAAE,EAAE;QAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC;iBACrB,IAAI,CAAC,GAAG,EAAE;gBACP,GAAG,CAAC,gBAAgB,EAAE;qBACjB,IAAI,CAAC,GAAG,EAAE;oBACP,QAAQ,CAAC,qBAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;gBAClD,CAAC,CAAC;qBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;oBACT,MAAM,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC,CAAC,CAAC;YACX,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACT,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAiB,EAAE,OAAe,EAAE,EAAE;IACjE,OAAO,CAAC,QAAQ,EAAE,EAAE;QAChB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnC,GAAG,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;iBACtB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;gBACR,OAAO,QAAQ,CAAC,qBAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;YACzD,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACT,IAAI,CAAC,EAAE,CAAC;oBACJ,MAAM,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;qBAAM,CAAC;oBACJ,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;gBACxC,CAAC;YACL,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAAiB,EAAE,EAAE;IACzD,OAAO,CAAC,QAAQ,EAAE,EAAE;QAChB,GAAG,CAAC,gBAAgB,EAAE,CAAC;QACvB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"publish.js","sourceRoot":"","sources":["../../../../src/redux/actions/publish.ts"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -501,9 +501,6 @@ body a {
 .asset-details .rta .rta__autocomplete {
   left: 105px !important;
 }
-.tags-column .form-field .form-field-buttons {
-  z-index: auto;
-}
 .tags-column .rta .rta__autocomplete {
   width: 173px;
   z-index: 1001;

package/dist/styles.less

@@ -567,15 +567,10 @@ body{
     }
 }
 
-.tags-column {
-    .form-field .form-field-buttons {
-        z-index: auto;
-    }
-        .rta .rta__autocomplete {
-        width: 173px;
-        z-index: 1001;
-    }
-} 
+.tags-column .rta .rta__autocomplete {
+    width: 173px;
+    z-index: 1001;
+}
 
 .asset-details .rta .rta__autocomplete {
     width: 362px;

package/less/components/assets.less

@@ -321,15 +321,10 @@
     }
 }
 
-.tags-column {
-    .form-field .form-field-buttons {
-        z-index: auto;
-    }
-        .rta .rta__autocomplete {
-        width: 173px;
-        z-index: 1001;
-    }
-} 
+.tags-column .rta .rta__autocomplete {
+    width: 173px;
+    z-index: 1001;
+}
 
 .asset-details .rta .rta__autocomplete {
     width: 362px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.5.6-0",
+    "version": "2.5.6",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/data-table/Paginator.tsx

@@ -26,102 +26,134 @@ const Paginator: React.FC<any> = ({
     setPageSize,
     itemsPerPage,
     onItemsPerPage
-}) => (
-    <section className='ip-table-pagination'>
-        <span>
-            <Button
-                style='subtle'
-                size='small'
-                tooltip='Go to first page'
-                disabled={!canPreviousPage}
-                onClick={() => gotoPage(1, pageSize)}>
-                {ICON_ANGLE_DOUBLE_LEFT}
-            </Button>
-            <Button
-                style='subtle'
-                size='small'
-                tooltip='Go to previous page'
-                disabled={!canPreviousPage}
-                onClick={() => previousPage()}>
-                {ICON_ANGLE_LEFT}
-            </Button>
-            <Button
-                style='subtle'
-                size='small'
-                tooltip='Go to next page'
-                disabled={!canNextPage}
-                onClick={() => nextPage()}>
-                {ICON_ANGLE_RIGHT}
-            </Button>
-            <Button
-                style='subtle'
-                size='small'
-                tooltip='Go to last page'
-                disabled={!canNextPage}
-                onClick={() => gotoPage(pageCount, pageSize)}>
-                {ICON_ANGLE_DOUBLE_RIGHT}
-            </Button>
-            &nbsp;&nbsp;
+}) => {
+    const [getPageIndex, setPageIndex] = React.useState<number>(pageIndex);
+    const [getItemsPerPage, setItemsPerPage] = React.useState<number>(itemsPerPage);
+
+    const onItemsPerPageBlur = () => {
+        onItemsPerPage(getItemsPerPage);
+    };
+
+    const onGoToPageBlur = () => {
+        gotoPage(getPageIndex, pageSize);
+    };
+
+    const onItemsPerPageKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            onItemsPerPage(getItemsPerPage);
+        }
+    };
+
+    const onGoToPageKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            gotoPage(getPageIndex, pageSize);
+        }
+    };
+
+    return (
+        <section className='ip-table-pagination'>
             <span>
-                {copy.table.page}&nbsp;&nbsp;
-                <strong>
-                    {pageIndex} of {pageCount}
-                </strong>
+                <Button
+                    style='subtle'
+                    size='small'
+                    tooltip='Go to first page'
+                    disabled={!canPreviousPage}
+                    onClick={() => gotoPage(1, pageSize)}>
+                    {ICON_ANGLE_DOUBLE_LEFT}
+                </Button>
+                <Button
+                    style='subtle'
+                    size='small'
+                    tooltip='Go to previous page'
+                    disabled={!canPreviousPage}
+                    onClick={() => previousPage()}>
+                    {ICON_ANGLE_LEFT}
+                </Button>
+                <Button
+                    style='subtle'
+                    size='small'
+                    tooltip='Go to next page'
+                    disabled={!canNextPage}
+                    onClick={() => nextPage()}>
+                    {ICON_ANGLE_RIGHT}
+                </Button>
+                <Button
+                    style='subtle'
+                    size='small'
+                    tooltip='Go to last page'
+                    disabled={!canNextPage}
+                    onClick={() => gotoPage(pageCount, pageSize)}>
+                    {ICON_ANGLE_DOUBLE_RIGHT}
+                </Button>
                 &nbsp;&nbsp;
+                <span>
+                    {copy.table.page}&nbsp;&nbsp;
+                    <strong>
+                        {getPageIndex} of {pageCount}
+                    </strong>
+                    &nbsp;&nbsp;
+                </span>
+                <span>
+                    {copy.table.goToPage}&nbsp;&nbsp;
+                    <input
+                        className='paginator-input'
+                        type='number'
+                        placeholder={getPageIndex.toString()}
+                        onChange={(e) => {
+                            const input = e.target.value;
+                            const inputNum = Number(input);
+                            let next: number;
+
+                            clearTimeout(textInputTimeout);
+
+                            if (!input || inputNum < 1 || inputNum > pageCount) {
+                                return;
+                            }
+
+                            if (inputNum >= 1 && inputNum <= pageCount) {
+                                next = inputNum;
+                            }
+
+                            textInputTimeout = window.setTimeout(() => setPageIndex(next), 300);
+                        }}
+                        onBlur={() => onGoToPageBlur()}
+                        onKeyDown={(e) => onGoToPageKeyDown(e)}
+                    />
+                </span>
+                &nbsp;&nbsp;
+                <span>
+                    {copy.table.itemsPerPage}&nbsp;&nbsp;
+                    <input
+                        className='paginator-input'
+                        type='number'
+                        placeholder={getItemsPerPage.toString()}
+                        min={1}
+                        onChange={(e) => {
+                            const input = e.target.value;
+                            const inputNum = Number(input);
+
+                            clearTimeout(textInputTimeout);
+
+                            if (!input || inputNum < 1) {
+                                return;
+                            }
+
+                            textInputTimeout = window.setTimeout(
+                                () => setItemsPerPage(inputNum),
+                                300
+                            );
+                        }}
+                        onBlur={() => onItemsPerPageBlur()}
+                        onKeyDown={(e) => onItemsPerPageKeyDown(e)}
+                    />
+                </span>
             </span>
-            <span>
-                {copy.table.goToPage}&nbsp;&nbsp;
-                <input
-                    className='paginator-input'
-                    type='number'
-                    placeholder={pageIndex}
-                    onChange={(e) => {
-                        const input = e.target.value;
-                        const inputNum = Number(input);
-                        let next: number;
-
-                        clearTimeout(textInputTimeout);
-
-                        if (!input || inputNum < 1 || inputNum > pageCount) {
-                            return;
-                        }
-
-                        if (inputNum >= 1 && inputNum <= pageCount) {
-                            next = inputNum;
-                        }
-
-                        textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 300);
-                    }}
-                />
-            </span>
-            &nbsp;&nbsp;
-            <span>
-                {copy.table.itemsPerPage}&nbsp;&nbsp;
-                <input
-                    className='paginator-input'
-                    type='number'
-                    placeholder={itemsPerPage}
-                    min={1}
-                    onChange={(e) => {
-                        const input = e.target.value;
-                        const inputNum = Number(input);
-
-                        clearTimeout(textInputTimeout);
-
-                        if (!input || inputNum < 1) {
-                            return;
-                        }
-
-                        textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 300);
-                    }}
-                />
-            </span>
-        </span>
 
-        <span className='total-assets'>
-            {copy.table.total}&nbsp;&nbsp;<strong>{totalItems || 0}</strong>
-        </span>
-    </section>
-);
+            <span className='total-assets'>
+                {copy.table.total}&nbsp;&nbsp;<strong>{totalItems || 0}</strong>
+            </span>
+        </section>
+    );
+};
 
 export default Paginator;

package/src/components/publish-wizard/PublishWizard.tsx

@@ -29,6 +29,7 @@ interface IPublishWizardProps {
     creativeManagerBaseUrl?: string;
     story: any;
     project: any;
+    editor: any;
     updateScene(d): void;
     editStory(s): void;
     checkStoryForErrors(): any;
@@ -121,10 +122,8 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
         const {
             publishData: { unpublished_changes }
         } = props;
-
         const screenIndex =
             unpublished_changes === undefined || unpublished_changes === true ? 0 : 1;
-
         this.state = {
             compositions: [],
             afterEffects: [],

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -65,7 +65,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
 
     private evtHandlers: any;
 
-    private TIMEOUT: number = 120000;
+    private TIMEOUT: string = '02:00';
 
     private maxPlaybackRate = 3;
 
@@ -210,8 +210,20 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             });
         }
 
+        if (this.props.notifications) {
+            if (this.props.notifications[0]) {
+                if (this.props.notifications[0]['type'] === 'error') {
+                    this.setState({ isTimeOut: true });
+                }
+
+                if (this.props.notifications[0]['type'] === 'info') {
+                    this.setState({ isTimeOut: false });
+                }
+            }
+        }
+
         if (prevState.timeElapsed !== this.state.timeElapsed) {
-            if (this.state.timeElapsed >= this.TIMEOUT && !this.state.experience) {
+            if (formattedTime(this.state.timeElapsed) === this.TIMEOUT && !this.state.experience) {
                 const { onError, api } = this.props;
                 const { experienceId } = this.state;
 
@@ -558,24 +570,14 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                                     }
                                 })
                                 .catch((e) => {
+                                    this.resetState();
                                     if (onError) {
                                         if (e.error) {
                                             onError(copy.runExpError.replace('[error]', e.error));
-                                            this.resetState(
-                                                true,
-                                                () => {
-                                                    this.setState({
-                                                        isTimeOut: true,
-                                                        errorMsg: e.error
-                                                    });
-                                                },
-                                                experienceId
-                                            );
                                         } else {
                                             onError(
                                                 copy.runExpIdError.replace('[expId]', experienceId)
                                             );
-                                            this.resetState();
                                         }
                                     }
                                 });
@@ -680,7 +682,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                         {copy.time}&nbsp;{formattedTime(timeElapsed)}
                     </p>
                     <br />
-                    {errorMsg ? <p>{`${copy.runExpError.replace('[error]', errorMsg)}`}</p> : ''}
+                    <p>{`${copy.runExpError.replace('[error]', errorMsg)}`}</p>
                 </div>
             );
         } else if (experience && activeOutput) {

package/src/redux/actions/publish.ts

@@ -17,7 +17,7 @@ export const getStoryPublishStatus = (api: IImposiumAPI, storyId: string): any =
                         }
 
                         dispatch({ type: publish.UPDATE_PUBLISH_STATUS, data: resStatus });
-                        resolve(resStatus);
+
                         if (resStatus.publishing) {
                             const jobId = resStatus.job_id;
                             api.pollJob(jobId)

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const ConfirmModal: ({ onClose, isOpen, onYes, onNo, storyName }: {
-    onClose: any;
-    isOpen: any;
-    onYes: any;
-    onNo: any;
-    storyName: any;
-}) => React.JSX.Element;

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

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-var react_1 = __importDefault(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var react_hotkeys_hook_1 = require("react-hotkeys-hook");
-var Modal_1 = __importDefault(require("../modal/Modal"));
-var Button_1 = __importDefault(require("../button/Button"));
-var copy_1 = require("../../constants/copy");
-var Section_1 = __importDefault(require("../section/Section"));
-var ConfirmModal = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, onYes = _a.onYes, onNo = _a.onNo, storyName = _a.storyName;
-    (0, react_hotkeys_hook_1.useHotkeys)('enter', onYes, { enableOnFormTags: true });
-    var yes = copy_1.confirm.yes, no = copy_1.confirm.no, cancel = copy_1.confirm.cancel, title = copy_1.confirm.title;
-    var modal = (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%',
-        }, style: {
-            width: '400px',
-            height: '13%',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 400px) / 2)'
-        }, isOpen: isOpen },
-        react_1.default.createElement(Section_1.default, { title: title.replace('[story]', storyName) },
-            react_1.default.createElement("div", { className: 'confirm-modal' },
-                react_1.default.createElement("div", { className: 'confirm-buttons' },
-                    react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', color: 'default' }, cancel),
-                    react_1.default.createElement(Button_1.default, { onClick: onNo, size: 'large', color: 'default' }, no),
-                    react_1.default.createElement(Button_1.default, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yes))))));
-    var PortalContextComponent = function () {
-        return react_dom_1.default.createPortal(modal, document.querySelector('#react-root'));
-    };
-    return react_1.default.createElement(PortalContextComponent, null);
-};
-exports.ConfirmModal = ConfirmModal;
-//# sourceMappingURL=ConfirmModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,wDAAiC;AACjC,yDAAgD;AAChD,yDAAmC;AACnC,4DAAsC;AACtC,6CAAuD;AACvD,+DAAyC;AAClC,IAAM,YAAY,GAAG,UAAC,EAA2C;QAAzC,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;IAClE,IAAA,+BAAU,EAAC,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/C,IAAA,GAAG,GAAwB,cAAI,IAA5B,EAAE,EAAE,GAAoB,cAAI,GAAxB,EAAE,MAAM,GAAY,cAAI,OAAhB,EAAE,KAAK,GAAK,cAAI,MAAT,CAAU;IAExC,IAAM,KAAK,GAAG,CACV,8BAAC,eAAK,IACF,cAAc,EAAE,OAAO,EACvB,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,MAAM;QACd,8BAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC;YAC/C,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,iBAAiB;oBAC5B,8BAAC,gBAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF;oBACT,8BAAC,gBAAM,IACH,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,EAAE,CACE;oBACT,8BAAC,gBAAM,IACH,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,GAAG,CACC,CACP,CACJ,CACA,CACN,CACX,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC3B,OAAA,mBAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAAnE,CAAmE,CAAC;IAExE,OAAO,8BAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC;AAlDW,QAAA,YAAY,gBAkDvB"}

package/dist/cjs/redux/actions/notifications.d.ts

@@ -1,8 +0,0 @@
-declare const notifications: any;
-export declare const log: (text: any, type: any, button?: any) => any;
-export declare const clear: () => any;
-export declare const logNotification: (text: any, button?: any) => any;
-export declare const logError: (text: any, button?: any) => any;
-export declare const logWarning: (text: any, button?: any) => any;
-export declare const clearNotifications: () => any;
-export default notifications;

package/dist/cjs/redux/actions/notifications.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearNotifications = exports.logWarning = exports.logError = exports.logNotification = exports.clear = exports.log = void 0;
-var api_1 = require("../../constants/api");
-var Util_1 = require("../../Util");
-var notifications = {
-    LOG: 'notifications/LOG',
-    CLEAR: 'notifications/LOG'
-};
-var log = function (text, type, button) {
-    var time = (0, Util_1.getNotificationTime)();
-    return function (dispatch) {
-        dispatch({
-            type: notifications.LOG,
-            notification: {
-                time: time,
-                text: text,
-                type: type,
-                button: button
-            }
-        });
-    };
-};
-exports.log = log;
-var clear = function () {
-    return function (dispatch) {
-        dispatch({ type: notifications.CLEAR });
-    };
-};
-exports.clear = clear;
-var logNotification = function (text, button) {
-    return function (dispatch) {
-        dispatch((0, exports.log)(text, api_1.NOTIFICATION_TYPES.INFO, button));
-    };
-};
-exports.logNotification = logNotification;
-var logError = function (text, button) {
-    return function (dispatch) {
-        dispatch((0, exports.log)(text, api_1.NOTIFICATION_TYPES.ERROR, button));
-    };
-};
-exports.logError = logError;
-var logWarning = function (text, button) {
-    return function (dispatch) {
-        dispatch((0, exports.log)(text, api_1.NOTIFICATION_TYPES.WARNING, button));
-    };
-};
-exports.logWarning = logWarning;
-var clearNotifications = function () {
-    return function (dispatch) {
-        dispatch((0, exports.clear)());
-    };
-};
-exports.clearNotifications = clearNotifications;
-exports.default = notifications;
-//# sourceMappingURL=notifications.js.map

package/dist/cjs/redux/actions/notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/redux/actions/notifications.ts"],"names":[],"mappings":";;;AAAA,2CAAyD;AACzD,mCAAiD;AAEjD,IAAM,aAAa,GAAQ;IACvB,GAAG,EAAE,mBAAmB;IACxB,KAAK,EAAE,mBAAmB;CAC7B,CAAC;AAEK,IAAM,GAAG,GAAG,UAAC,IAAI,EAAE,IAAI,EAAE,MAAO;IACnC,IAAM,IAAI,GAAG,IAAA,0BAAmB,GAAE,CAAC;IAEnC,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC;YACL,IAAI,EAAE,aAAa,CAAC,GAAG;YACvB,YAAY,EAAE;gBACV,IAAI,MAAA;gBACJ,IAAI,MAAA;gBACJ,IAAI,MAAA;gBACJ,MAAM,QAAA;aACT;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,GAAG,OAcd;AAEK,IAAM,KAAK,GAAG;IACjB,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;AACN,CAAC,CAAC;AAJW,QAAA,KAAK,SAIhB;AAEK,IAAM,eAAe,GAAG,UAAC,IAAI,EAAE,MAAO;IACzC,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC,IAAA,WAAG,EAAC,IAAI,EAAE,wBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;AACN,CAAC,CAAC;AAJW,QAAA,eAAe,mBAI1B;AAEK,IAAM,QAAQ,GAAG,UAAC,IAAI,EAAE,MAAO;IAClC,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC,IAAA,WAAG,EAAC,IAAI,EAAE,wBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC;AACN,CAAC,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEK,IAAM,UAAU,GAAG,UAAC,IAAI,EAAE,MAAO;IACpC,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC,IAAA,WAAG,EAAC,IAAI,EAAE,wBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC;AACN,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB;AAEK,IAAM,kBAAkB,GAAG;IAC9B,OAAO,UAAC,QAAQ;QACZ,QAAQ,CAAC,IAAA,aAAK,GAAE,CAAC,CAAC;IACtB,CAAC,CAAC;AACN,CAAC,CAAC;AAJW,QAAA,kBAAkB,sBAI7B;AAEF,kBAAe,aAAa,CAAC"}

package/dist/cjs/redux/reducers/notifications.d.ts

@@ -1,8 +0,0 @@
-export interface INotification {
-    time: string;
-    text: string;
-    type: string;
-    button?: string;
-}
-declare const notifications: (state: INotification[], action: any) => any;
-export default notifications;

package/dist/cjs/redux/reducers/notifications.js

@@ -1,45 +0,0 @@
-"use strict";
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var notifications_1 = __importDefault(require("../actions/notifications"));
-var initialState = [];
-var notifications = function (state, action) {
-    if (state === void 0) { state = initialState; }
-    switch (action.type) {
-        case notifications_1.default.LOG:
-            return __spreadArray([action.notification], __read(state), false);
-        case notifications_1.default.CLEAR:
-            return [];
-        default:
-            return state;
-    }
-};
-exports.default = notifications;
-//# sourceMappingURL=notifications.js.map

package/dist/cjs/redux/reducers/notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/redux/reducers/notifications.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2EAA+C;AAS/C,IAAM,YAAY,GAAoB,EAAE,CAAC;AAEzC,IAAM,aAAa,GAAG,UAAC,KAAoB,EAAE,MAAM;IAA5B,sBAAA,EAAA,oBAAoB;IACvC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,uBAAO,CAAC,GAAG;YACZ,sBAAQ,MAAM,CAAC,YAAY,UAAK,KAAK,UAAE;QAC3C,KAAK,uBAAO,CAAC,KAAK;YACd,OAAO,EAAE,CAAC;QACd;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const ConfirmModal: ({ onClose, isOpen, onYes, onNo, storyName }: {
-    onClose: any;
-    isOpen: any;
-    onYes: any;
-    onNo: any;
-    storyName: any;
-}) => React.JSX.Element;

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

@@ -1,29 +0,0 @@
-import React 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 = ({ onClose, isOpen, onYes, onNo, storyName }) => {
-    useHotkeys('enter', onYes, { enableOnFormTags: true });
-    const { yes, no, cancel, title } = copy;
-    const modal = (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%',
-        }, style: {
-            width: '400px',
-            height: '13%',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 400px) / 2)'
-        }, isOpen: isOpen },
-        React.createElement(Section, { title: title.replace('[story]', storyName) },
-            React.createElement("div", { className: 'confirm-modal' },
-                React.createElement("div", { className: 'confirm-buttons' },
-                    React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel),
-                    React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' }, no),
-                    React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yes))))));
-    const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
-    return React.createElement(PortalContextComponent, null);
-};
-//# sourceMappingURL=ConfirmModal.js.map

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

@@ -1 +0,0 @@
-{"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;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACxE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAExC,MAAM,KAAK,GAAG,CACV,oBAAC,KAAK,IACF,cAAc,EAAE,OAAO,EACvB,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,MAAM;QACd,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC;YAC/C,6BAAK,SAAS,EAAC,eAAe;gBAC1B,6BAAK,SAAS,EAAC,iBAAiB;oBAC5B,oBAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,EAAE,CACE;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,GAAG,CACC,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"}

package/dist/esm/redux/actions/notifications.d.ts

@@ -1,8 +0,0 @@
-declare const notifications: any;
-export declare const log: (text: any, type: any, button?: any) => any;
-export declare const clear: () => any;
-export declare const logNotification: (text: any, button?: any) => any;
-export declare const logError: (text: any, button?: any) => any;
-export declare const logWarning: (text: any, button?: any) => any;
-export declare const clearNotifications: () => any;
-export default notifications;