@imposium-hub/components 2.5.11-9 → 2.5.11

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

@@ -26,149 +26,102 @@ const Paginator: React.FC<any> = ({
     setPageSize,
     itemsPerPage,
     onItemsPerPage
-}) => {
-    const [getPageIndex, setPageIndex] = React.useState<number>(pageIndex);
-    const [getItemsPerPage, setItemsPerPage] = React.useState<number>(itemsPerPage);
-
-    React.useEffect(() => {
-        if (pageIndex !== getPageIndex) {
-            setPageIndex(pageIndex);
-        }
-    }, [pageIndex]);
-
-    const onItemsPerPageBlur = () => {
-        clearTimeout(textInputTimeout);
-        onItemsPerPage(getItemsPerPage);
-    };
-
-    const onGoToPageBlur = () => {
-        clearTimeout(textInputTimeout);
-        gotoPage(getPageIndex, pageSize);
-    };
-
-    const onItemsPerPageKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            clearTimeout(textInputTimeout);
-            onItemsPerPage(getItemsPerPage);
-        }
-    };
-
-    const onGoToPageKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            clearTimeout(textInputTimeout);
-            gotoPage(getPageIndex, pageSize);
-        }
-    };
-
-    return (
-        <section className='ip-table-pagination'>
+}) => (
+    <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;
             <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;
-                <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(
-                                () => gotoPage(next, pageSize),
-                                1000
-                            );
-                        }}
-                        onBlur={() => onGoToPageBlur()}
-                        onKeyDown={(e) => onGoToPageKeyDown(e)}
-                    />
-                </span>
+                {copy.table.page}&nbsp;&nbsp;
+                <strong>
+                    {pageIndex} of {pageCount}
+                </strong>
                 &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;
-                            }
-
-                            setItemsPerPage(inputNum);
-
-                            textInputTimeout = window.setTimeout(
-                                () => onItemsPerPage(inputNum),
-                                1000
-                            );
-                        }}
-                        onBlur={() => onItemsPerPageBlur()}
-                        onKeyDown={(e) => onItemsPerPageKeyDown(e)}
-                    />
-                </span>
             </span>
-
-            <span className='total-assets'>
-                {copy.table.total}&nbsp;&nbsp;<strong>{totalItems || 0}</strong>
+            <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>
-        </section>
-    );
-};
+            &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>
+);
 
 export default Paginator;

package/src/components/header/Header.tsx

@@ -19,7 +19,6 @@ import Select, { createFilter } from 'react-select';
 import { setAccessData } from '../../redux/actions/access';
 import { bindActionCreators } from 'redux';
 import { StoryTableTotalRendersCell } from '../assets/StoryTableTotalRendersCell';
-import StoryTableNameFilter from '../assets/StoryTableNameFilter';
 
 export interface IHeaderProps {
     email?: string;
@@ -39,7 +38,6 @@ export interface IHeaderProps {
     hideDocs?: boolean;
     showFTLogo?: boolean;
     access: any;
-    storyFilter: string;
 }
 
 export interface IHeaderState {
@@ -292,7 +290,6 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                 Header: 'Name',
                 width: 115,
                 minWidth: 115,
-                Search: () => <StoryTableNameFilter />,
                 disableSortBy: false
             },
             {
@@ -536,30 +533,12 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                         ? [{ id: order, desc: orderDirection === 'desc' }]
                         : undefined;
 
-                let sortedStories = _.orderBy(
+                const sortedStories = _.orderBy(
                     activeOrganizationBlob.stories,
                     ['date_modified'],
                     ['desc']
                 );
 
-                if (!!this.props.storyFilter) {
-                    const storyFilter = this.props.storyFilter.toLowerCase();
-
-                    const sortByName = sortedStories.filter((stories) =>
-                        stories.name.toLowerCase().includes(storyFilter)
-                    );
-                    if (sortByName.length > 0) {
-                        sortedStories = sortByName;
-                    } else {
-                        const sortById = sortedStories.filter((stories) =>
-                            stories.id.includes(storyFilter)
-                        );
-                        if (sortById.length > 0) {
-                            sortedStories = sortById;
-                        }
-                    }
-                }
-
                 storyMenuInner = (
                     <DataTable
                         columns={this.getStoriesColumns()}
@@ -569,7 +548,6 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                         itemsPerPage={activeOrganizationBlob.stories.length}
                         hidePaginator={true}
                         onRowClick={this.changeStory}
-                        keyboardNav={true}
                     />
                 );
             }
@@ -704,8 +682,7 @@ const mapStateToProps = (state): any => {
     return {
         auth: state.auth,
         story: state.story,
-        access: state.access,
-        storyFilter: state.storyFilter.name
+        access: state.access
     };
 };
 

package/src/components/smpte-field/SMPTEField.tsx

@@ -12,7 +12,6 @@ interface ISMPTEFieldProps {
     width?: string | number;
     onChange?(e): void;
     onBlur?(e): void;
-    onError?(e): void;
     info?: string;
     labelPosition?: string;
     labelWidth?: string | number;
@@ -76,7 +75,7 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
 
     private onBlur(e?) {
         const val = e ? e.target.value : this.inputRef.current.value;
-        const isValid = this.SMTPEValidator(val);
+        const isValid = this.smptValidator(val);
 
         if (e && e.key === 'Enter') {
             this.setDuration(isValid, val);
@@ -89,12 +88,10 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
 
     private onChange() {
         const val = this.inputRef.current.value;
-        const isValid = this.SMTPEValidator(val);
+        const isValid = this.smptValidator(val);
 
         if (isValid) {
             this.props.onChange(val);
-        } else {
-            this.props.onError(isValid);
         }
     }
 
@@ -104,13 +101,11 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
             const smpte = getSMPTE(frameRate, val);
             if (smpte && this.props.onBlur) {
                 this.props.onBlur(smpte);
-            } else {
-                this.props.onError(isValid);
             }
         }
     }
 
-    private SMTPEValidator(val) {
+    private smptValidator(val) {
         const isValidSMPTETimeCode = new RegExp(this.regex);
         const isValid = isValidSMPTETimeCode.test(val);
         const errorMsg = isValid ? null : TIMECODE.ERROR;

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

@@ -236,7 +236,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
     }
 
     private colorInputChanged(key, value) {
-        const color = formatColor(value);
+        const color = formatColor(value, true);
         this.variableInputChanged(key, color);
     }
 

package/src/constants/variables.ts

@@ -39,8 +39,26 @@ export const colorPresets = [
     'transparent'
 ];
 
-export const formatColor = (color) => {
+export const formatColor = (color, hex?) => {
     const { r, g, b, a } = color.rgb;
     const alpha = color.source === 'hsv' ? 1 : a;
-    return `rgba(${r},${g},${b},${alpha})`;
+
+    if (hex) {
+        return RGBAtoHexA(r, g, b, a);
+    } else {
+        return `rgba(${r},${g},${b},${alpha})`;
+    }
+};
+
+export const RGBAtoHexA = (red, green, blue, alpha) => {
+    let r = red.toString(16);
+    let g = green.toString(16);
+    let b = blue.toString(16);
+    let a = Math.round(alpha * 255).toString(16);
+
+    if (r.length === 1) r = '0' + r;
+    if (g.length === 1) g = '0' + g;
+    if (b.length === 1) b = '0' + b;
+    if (a.length === 1) a = '0' + a;
+    return '#' + r + g + b + a;
 };

package/src/index.ts

@@ -40,7 +40,6 @@ import AssetField from './components/assets/AssetField';
 import AssetsTableDropzone from './components/assets/AssetsTableDropzone';
 import AssetsTableNameCell from './components/assets/AssetsTableNameCell';
 import AssetsTableNameFilter from './components/assets/AssetsTableNameFilter';
-import AssetsTableAssetIdFilter from './components/assets/AssetsTableAssetIdFilter';
 import AssetsTableSelectCell from './components/assets/AssetsTableSelectCell';
 import AssetsTableSelectFilter from './components/assets/AssetsTableSelectFilter';
 import AssetsTableTagsCell from './components/assets/AssetsTableTagsCell';
@@ -160,10 +159,6 @@ import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
 import CopyPropIdButton from './components/copy-prop-id-button/CopyPropIdButton';
 import Submenu from './components/context-menu/SubMenu';
 import { ConfirmModal, IConfirmModalProps } from './components/confirm-modal/ConfirmModal';
-import AssetsTableAssetIdCell from './components/assets/AssetsTableAssetIdCell';
-import { resetStoryFilter, updateStoryFilter } from './redux/actions/story-filter';
-import storyFilter from './redux/reducers/story-filter';
-import StoryTableNameFilter from './components/assets/StoryTableNameFilter';
 
 export {
     AppWrapper,
@@ -222,9 +217,6 @@ export {
     AssetsTableGlobalCell,
     AssetsTableStatusCell,
     AssetsTableNameFilter,
-    StoryTableNameFilter,
-    AssetsTableAssetIdFilter,
-    AssetsTableAssetIdCell,
     AssetsTableNameCell,
     AssetsTableDurationCell,
     AssetsTableRateCell,
@@ -250,8 +242,6 @@ export {
     storyDeleted,
     updateFilters,
     resetFilters,
-    updateStoryFilter,
-    resetStoryFilter,
     getAssets,
     deleteAssets,
     downloadAssets,
@@ -266,7 +256,6 @@ export {
     deselectAsset,
     resetSelection,
     assetFilters,
-    storyFilter,
     assetList,
     assetUploads,
     selectedAssets,

package/dist/cjs/components/assets/AssetsTableAssetIdCell.d.ts

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

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

@@ -1,54 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var copy_1 = require("../../constants/copy");
-var asset_filters_1 = require("../../redux/actions/asset-filters");
-var react_redux_1 = require("react-redux");
-var redux_1 = require("redux");
-var AssetsTableAssetIdCell = function (props) {
-    var onNotification = props.onNotification, onError = props.onError, id = props.cell.row.original.id;
-    var copyToClipboard = function (e) {
-        navigator.clipboard.writeText(e.target.textContent).then(function () {
-            if (onNotification) {
-                onNotification("".concat(copy_1.copying.copied));
-            }
-        }, function () {
-            if (onError) {
-                onError("".concat(copy_1.copying.error));
-            }
-        });
-    };
-    return (React.createElement("div", { key: id, className: 'imposium-asset-id', onClick: function (e) { return copyToClipboard(e); } }, id));
-};
-var mapDispatchToProps = function (dispatch) {
-    return (0, redux_1.bindActionCreators)({ updateFilters: asset_filters_1.updateFilters }, dispatch);
-};
-var mapStateToProps = function (state) {
-    return { assetFilters: state.assetFilters };
-};
-var AssetsTableAssetIdCellMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableAssetIdCell));
-exports.default = AssetsTableAssetIdCellMemoized;
-//# sourceMappingURL=AssetsTableAssetIdCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AssetsTableAssetIdCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableAssetIdCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAA+C;AAC/C,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAQ3C,IAAM,sBAAsB,GAA2C,UACnE,KAAmC;IAG/B,IAAA,cAAc,GAOd,KAAK,eAPS,EACd,OAAO,GAMP,KAAK,QANE,EAGa,EAAE,GAGtB,KAAK,qBAHiB,CAGhB;IAEV,IAAM,eAAe,GAAG,UAAC,CAAC;QACtB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CACpD;YACI,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,UAAG,cAAO,CAAC,MAAM,CAAE,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,EACD;YACI,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,CAAC,UAAG,cAAO,CAAC,KAAK,CAAE,CAAC,CAAC;YAChC,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,6BACI,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,IACjC,EAAE,CACD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,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,8BAA8B,GAAG,IAAA,qBAAO,EAC1C,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAEtC,kBAAe,8BAA8B,CAAC"}

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;AAExC,kBAAe,gCAAgC,CAAC"}

package/dist/cjs/components/assets/StoryTableNameFilter.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"StoryTableNameFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/StoryTableNameFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,2CAAsC;AACtC,+BAA2C;AAC3C,iEAAqE;AAOrE;IAAmC,wCAA+C;IAAlF;;QACW,YAAM,GAAG;YACJ,IAAA,WAAW,GAAK,KAAI,CAAC,KAAK,YAAf,CAAgB;YAEnC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,YAAY,EACtB,YAAY,QACZ,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAzC,CAAyC,GAC5D,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,2BAAC;AAAD,CAAC,AAbD,CAAmC,KAAK,CAAC,aAAa,GAarD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,iBAAiB,kCAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AACnD,CAAC,CAAC;AAEF,IAAM,4BAA4B,GAAG,IAAA,qBAAO,EACxC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEpC,kBAAe,4BAA4B,CAAC"}

package/dist/cjs/redux/actions/story-filter.d.ts

@@ -1,4 +0,0 @@
-declare const storyFilterActions: any;
-export declare const updateStoryFilter: (newFilters: any) => any;
-export declare const resetStoryFilter: () => any;
-export default storyFilterActions;

package/dist/cjs/redux/actions/story-filter.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resetStoryFilter = exports.updateStoryFilter = void 0;
-var storyFilterActions = {
-    UPDATE: 'storyFilter/UPDATE',
-    RESET: 'storyFilter/RESET'
-};
-var updateStoryFilter = function (newFilters) { return ({
-    type: storyFilterActions.UPDATE,
-    newFilters: newFilters
-}); };
-exports.updateStoryFilter = updateStoryFilter;
-var resetStoryFilter = function () { return ({
-    type: storyFilterActions.RESET
-}); };
-exports.resetStoryFilter = resetStoryFilter;
-exports.default = storyFilterActions;
-//# sourceMappingURL=story-filter.js.map

package/dist/cjs/redux/actions/story-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"story-filter.js","sourceRoot":"","sources":["../../../../src/redux/actions/story-filter.ts"],"names":[],"mappings":";;;AAAA,IAAM,kBAAkB,GAAQ;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;CAC7B,CAAC;AAEK,IAAM,iBAAiB,GAAG,UAAC,UAAe,IAAU,OAAA,CAAC;IACxD,IAAI,EAAE,kBAAkB,CAAC,MAAM;IAC/B,UAAU,YAAA;CACb,CAAC,EAHyD,CAGzD,CAAC;AAHU,QAAA,iBAAiB,qBAG3B;AAEI,IAAM,gBAAgB,GAAG,cAAW,OAAA,CAAC;IACxC,IAAI,EAAE,kBAAkB,CAAC,KAAK;CACjC,CAAC,EAFyC,CAEzC,CAAC;AAFU,QAAA,gBAAgB,oBAE1B;AAEH,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/redux/reducers/story-filter.d.ts

@@ -1,2 +0,0 @@
-declare const storyFilter: (state: any, action: any) => any;
-export default storyFilter;