@imposium-hub/components 2.5.6-1 → 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":"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"}
+{"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-1",
+    "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/color-field/ColorField.tsx

@@ -89,17 +89,6 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
         return this.props.onChange(color);
     }
 
-    private isValidColor(color) {
-        const el = document.createElement('div');
-        el.style.backgroundColor = color;
-        if (el.style.backgroundColor) {
-            return true;
-        } else {
-            this.props.onChange('rgba(0,0,0,1)');
-            return false;
-        }
-    }
-
     public render() {
         const {
             label,
@@ -117,10 +106,10 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
         const { pickerOpen } = this.state;
         const disableAlpha = !enableAlpha;
         const pickerPos = pickerPosition || 'left';
-        const color = this.isValidColor(value) ? value : 'rgba(0,0,0,1)';
+
         const picker = pickerOpen ? (
             <SketchPicker
-                color={color}
+                color={value}
                 disableAlpha={disableAlpha}
                 presetColors={presetColors}
                 onChangeComplete={(c, e) => this.handleChangeComplete(c, e)}

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/assets/AssetsTableAssetIdFilter.d.ts

@@ -1,2 +0,0 @@
-declare const AssetsTableAssetIdFilterMemoized: any;
-export default AssetsTableAssetIdFilterMemoized;

package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js

@@ -1,94 +0,0 @@
-"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 __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 React = __importStar(require("react"));
-var TextField_1 = __importDefault(require("../text-field/TextField"));
-var asset_filters_1 = require("../../redux/actions/asset-filters");
-var react_redux_1 = require("react-redux");
-var redux_1 = require("redux");
-var AssetsTableAssetIdFilter = /** @class */ (function (_super) {
-    __extends(AssetsTableAssetIdFilter, _super);
-    function AssetsTableAssetIdFilter() {
-        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
-        _this.render = function () {
-            var assetFilters = _this.props.assetFilters;
-            return (React.createElement(TextField_1.default, { className: 'asset-id', submittable: true, submittableType: 'search', value: assetFilters.id, doSubmit: function (n) { return _this.props.updateFilters({ id: n }); } }));
-        };
-        return _this;
-    }
-    return AssetsTableAssetIdFilter;
-}(React.PureComponent));
-var mapDispatchToProps = function (dispatch) {
-    return (0, redux_1.bindActionCreators)({ updateFilters: asset_filters_1.updateFilters }, dispatch);
-};
-var mapStateToProps = function (state) {
-    return { assetFilters: state.assetFilters };
-};
-var AssetsTableAssetIdFilterMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableAssetIdFilter));
-exports.default = AssetsTableAssetIdFilterMemoized;
-//# sourceMappingURL=AssetsTableAssetIdFilter.js.map

package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssetsTableAssetIdFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableAssetIdFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAO3C;IAAuC,4CAAmD;IAA1F;;QACW,YAAM,GAAG;YACJ,IAAA,YAAY,GAAK,KAAI,CAAC,KAAK,aAAf,CAAgB;YAEpC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,UAAU,EACpB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,EAAE,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAnC,CAAmC,GACtD,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,+BAAC;AAAD,CAAC,AAdD,CAAuC,KAAK,CAAC,aAAa,GAczD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,aAAa,+BAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,IAAM,gCAAgC,GAAG,IAAA,qBAAO,EAC5C,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC;AACxC,kBAAe,gCAAgC,CAAC"}

package/dist/cjs/components/assets/AssetsTableNameFilter copy.d.ts

@@ -1,2 +0,0 @@
-declare const AssetsTableNameFilterMemoized: any;
-export default AssetsTableNameFilterMemoized;

package/dist/cjs/components/assets/AssetsTableNameFilter copy.js

@@ -1,94 +0,0 @@
-"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 __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 React = __importStar(require("react"));
-var TextField_1 = __importDefault(require("../text-field/TextField"));
-var asset_filters_1 = require("../../redux/actions/asset-filters");
-var react_redux_1 = require("react-redux");
-var redux_1 = require("redux");
-var AssetsTableNameFilter = /** @class */ (function (_super) {
-    __extends(AssetsTableNameFilter, _super);
-    function AssetsTableNameFilter() {
-        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
-        _this.render = function () {
-            var assetFilters = _this.props.assetFilters;
-            return (React.createElement(TextField_1.default, { className: 'asset-name', submittable: true, submittableType: 'search', value: assetFilters.name, doSubmit: function (n) { return _this.props.updateFilters({ name: n }); } }));
-        };
-        return _this;
-    }
-    return AssetsTableNameFilter;
-}(React.PureComponent));
-var mapDispatchToProps = function (dispatch) {
-    return (0, redux_1.bindActionCreators)({ updateFilters: asset_filters_1.updateFilters }, dispatch);
-};
-var mapStateToProps = function (state) {
-    return { assetFilters: state.assetFilters };
-};
-var AssetsTableNameFilterMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableNameFilter));
-exports.default = AssetsTableNameFilterMemoized;
-//# sourceMappingURL=AssetsTableNameFilter%20copy.js.map

package/dist/cjs/components/assets/AssetsTableNameFilter copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssetsTableNameFilter copy.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameFilter copy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAO3C;IAAoC,yCAAgD;IAApF;;QACW,YAAM,GAAG;YACJ,IAAA,YAAY,GAAK,KAAI,CAAC,KAAK,aAAf,CAAgB;YAEpC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,YAAY,EACtB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAArC,CAAqC,GACxD,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,4BAAC;AAAD,CAAC,AAdD,CAAoC,KAAK,CAAC,aAAa,GActD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,aAAa,+BAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,IAAM,6BAA6B,GAAG,IAAA,qBAAO,EACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,kBAAe,6BAA6B,CAAC"}

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;