@imposium-hub/components 2.5.11-7 → 2.5.11-9

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

@@ -90,6 +90,8 @@ interface IDataTableProps {
     disableKeyScroll?: boolean;
 
     expandTags?: boolean;
+
+    keyboardNav?: boolean;
 }
 
 const processColumnData = (freshColumns): any[] => {
@@ -119,7 +121,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
     const [didMount, setDidMount] = React.useState(false);
     const [data, setData] = React.useState([]);
     const [columns, setColumns] = React.useState([]);
-
+    const [selectedRowId, setSelectedRowId] = React.useState<number>(null);
     const manualPagination: boolean =
         Number.isInteger(props.currentPage) && typeof props.onPage === 'function';
     const manualSortBy: boolean =
@@ -205,6 +207,8 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
     React.useEffect(() => {
         if (Array.isArray(props.data)) {
             setData(props.data);
+            setSelectedRowId(null);
+            scrollToTop();
         }
     }, [props.data]);
 
@@ -226,6 +230,68 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
         }
     }, [sortBy]);
 
+    const getRowElem = () => {
+        return document.getElementsByClassName('ip-table-row selected keyboardNav')[0];
+    };
+
+    const getBodyEle = () => {
+        return document.querySelector('tbody.ip-table-body.keyboardNav');
+    };
+
+    const scrollIntoView = () => {
+        getRowElem().scrollIntoView({ behavior: 'smooth', block: 'center' });
+    };
+
+    const scrollToTop = () => {
+        if (getBodyEle()) {
+            getBodyEle().scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    };
+
+    const scrollToBottom = () => {
+        const y = getRowElem().scrollHeight * rowData.length;
+        getBodyEle().scrollTo({ top: y, behavior: 'smooth' });
+    };
+
+    const rowSelector = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        let rowId = 0;
+        const maxRowId = rowData.length - 1;
+        if (e.code === 'ArrowUp') {
+            if (selectedRowId === 0 || selectedRowId === null) {
+                setSelectedRowId(maxRowId);
+                scrollToBottom();
+            }
+            if (selectedRowId !== 0 && selectedRowId !== null) {
+                setSelectedRowId(selectedRowId - 1);
+                scrollIntoView();
+            }
+        }
+
+        if (e.code === 'ArrowDown') {
+            if (selectedRowId === null) {
+                setSelectedRowId(0);
+            } else {
+                rowId = selectedRowId === maxRowId ? 0 : selectedRowId + 1;
+                setSelectedRowId(rowId);
+                if (rowId === 0) {
+                    scrollToTop();
+                } else {
+                    scrollIntoView();
+                }
+            }
+        }
+
+        if (
+            e.code === 'Enter' &&
+            typeof props.onRowClick === 'function' &&
+            selectedRowId !== null
+        ) {
+            props.onRowClick(rows[selectedRowId]);
+        }
+    };
+
     return (
         <section
             ref={wrapperRef}
@@ -246,7 +312,17 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
                             <React.Fragment key='head-fragment'>
                                 <tr
                                     {...headerGroup.getHeaderGroupProps()}
-                                    className='ip-table-head-row'>
+                                    className='ip-table-head-row'
+                                    onKeyDown={(e) => {
+                                        if (
+                                            (e.code === 'ArrowUp' ||
+                                                e.code === 'ArrowDown' ||
+                                                e.code === 'Enter') &&
+                                            props.keyboardNav
+                                        ) {
+                                            rowSelector(e);
+                                        }
+                                    }}>
                                     {headerGroup.headers.map((column) => {
                                         const searchable: boolean = column.hasOwnProperty('Search');
                                         const toggleProps: any = column.getSortByToggleProps();
@@ -326,7 +402,7 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
 
                 <tbody
                     {...getTableBodyProps()}
-                    className='ip-table-body'>
+                    className={`ip-table-body ${props.keyboardNav ? 'keyboardNav' : ''}`}>
                     {rowData.map((row, i) => {
                         let selectedClass: string = '';
                         let activeRef: any;
@@ -351,8 +427,14 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
 
                         prepareRow(row);
 
+                        if (i === selectedRowId) {
+                            selectedClass = 'selected';
+                        }
+
                         const rowProps = row.getRowProps();
-                        rowProps.className = `ip-table-row ${selectedClass}`;
+                        rowProps.className = `ip-table-row ${selectedClass} ${
+                            props.keyboardNav ? 'keyboardNav' : ''
+                        }`;
                         rowProps.onClick = (e) => {
                             const onClick = () => {
                                 if (typeof props.onRowClick === 'function') {
@@ -375,6 +457,10 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
                             }
                         };
 
+                        rowProps.onMouseMove = () => {
+                            setSelectedRowId(i);
+                        };
+
                         const rowContent = row.cells.map((cell) => (
                             <td
                                 {...cell.getCellProps()}
@@ -386,7 +472,6 @@ const DataTable: React.FC<IDataTableProps> = (props: IDataTableProps) => {
                         ));
                         const rowId = row?.original?.id || i;
                         const rowKey = `row-${rowId}`;
-
                         const expanded = props.expandTags ? props.expandTags : row.isExpanded;
                         return (
                             <React.Fragment key={rowKey}>

package/src/components/header/Header.tsx

@@ -19,6 +19,7 @@ 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;
@@ -38,6 +39,7 @@ export interface IHeaderProps {
     hideDocs?: boolean;
     showFTLogo?: boolean;
     access: any;
+    storyFilter: string;
 }
 
 export interface IHeaderState {
@@ -290,6 +292,7 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                 Header: 'Name',
                 width: 115,
                 minWidth: 115,
+                Search: () => <StoryTableNameFilter />,
                 disableSortBy: false
             },
             {
@@ -533,12 +536,30 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                         ? [{ id: order, desc: orderDirection === 'desc' }]
                         : undefined;
 
-                const sortedStories = _.orderBy(
+                let 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()}
@@ -548,6 +569,7 @@ class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
                         itemsPerPage={activeOrganizationBlob.stories.length}
                         hidePaginator={true}
                         onRowClick={this.changeStory}
+                        keyboardNav={true}
                     />
                 );
             }
@@ -682,7 +704,8 @@ const mapStateToProps = (state): any => {
     return {
         auth: state.auth,
         story: state.story,
-        access: state.access
+        access: state.access,
+        storyFilter: state.storyFilter.name
     };
 };
 

package/src/index.ts

@@ -161,6 +161,9 @@ 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,
@@ -219,6 +222,7 @@ export {
     AssetsTableGlobalCell,
     AssetsTableStatusCell,
     AssetsTableNameFilter,
+    StoryTableNameFilter,
     AssetsTableAssetIdFilter,
     AssetsTableAssetIdCell,
     AssetsTableNameCell,
@@ -246,6 +250,8 @@ export {
     storyDeleted,
     updateFilters,
     resetFilters,
+    updateStoryFilter,
+    resetStoryFilter,
     getAssets,
     deleteAssets,
     downloadAssets,
@@ -260,6 +266,7 @@ export {
     deselectAsset,
     resetSelection,
     assetFilters,
+    storyFilter,
     assetList,
     assetUploads,
     selectedAssets,

package/{dist/esm/redux/actions/story-filters.js → src/redux/actions/story-filter.ts}

@@ -1,13 +1,15 @@
-const storyFilterActions = {
+const storyFilterActions: any = {
     UPDATE: 'storyFilter/UPDATE',
     RESET: 'storyFilter/RESET'
 };
-export const updateStoryFilter = (newFilters) => ({
+
+export const updateStoryFilter = (newFilters: any): any => ({
     type: storyFilterActions.UPDATE,
     newFilters
 });
-export const resetStoryFilter = () => ({
+
+export const resetStoryFilter = (): any => ({
     type: storyFilterActions.RESET
 });
+
 export default storyFilterActions;
-//# sourceMappingURL=story-filters.js.map

package/{dist/esm/redux/reducers/story-filters.js → src/redux/reducers/story-filter.ts}

@@ -1,8 +1,10 @@
 import storyFilterActions from '../actions/story-filter';
-const initialState = {
-    name: '',
+
+const initialState: any = {
+    name: ''
 };
-const storyFilter = (state = initialState, action) => {
+
+const storyFilter = (state = initialState, action): any => {
     switch (action.type) {
         case storyFilterActions.UPDATE:
             return { ...state, ...action.newFilters };
@@ -12,5 +14,5 @@ const storyFilter = (state = initialState, action) => {
             return state;
     }
 };
+
 export default storyFilter;
-//# sourceMappingURL=story-filters.js.map

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/redux/actions/asset-filters copy.d.ts

@@ -1,4 +0,0 @@
-declare const assetFiltersActions: any;
-export declare const updateFilters: (newFilters: any) => any;
-export declare const resetFilters: () => any;
-export default assetFiltersActions;

package/dist/cjs/redux/actions/asset-filters copy.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resetFilters = exports.updateFilters = void 0;
-var assetFiltersActions = {
-    UPDATE: 'assetFilters/UPDATE',
-    RESET: 'footageFilters/RESET'
-};
-var updateFilters = function (newFilters) { return ({
-    type: assetFiltersActions.UPDATE,
-    newFilters: newFilters
-}); };
-exports.updateFilters = updateFilters;
-var resetFilters = function () { return ({
-    type: assetFiltersActions.RESET
-}); };
-exports.resetFilters = resetFilters;
-exports.default = assetFiltersActions;
-//# sourceMappingURL=asset-filters%20copy.js.map

package/dist/cjs/redux/actions/asset-filters copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/actions/asset-filters copy.ts"],"names":[],"mappings":";;;AAAA,IAAM,mBAAmB,GAAQ;IAC7B,MAAM,EAAE,qBAAqB;IAC7B,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEK,IAAM,aAAa,GAAG,UAAC,UAAe,IAAU,OAAA,CAAC;IACpD,IAAI,EAAE,mBAAmB,CAAC,MAAM;IAChC,UAAU,YAAA;CACb,CAAC,EAHqD,CAGrD,CAAC;AAHU,QAAA,aAAa,iBAGvB;AAEI,IAAM,YAAY,GAAG,cAAW,OAAA,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC,KAAK;CAClC,CAAC,EAFqC,CAErC,CAAC;AAFU,QAAA,YAAY,gBAEtB;AAEH,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/redux/actions/story-filters.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-filters.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-filters.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"story-filters.js","sourceRoot":"","sources":["../../../../src/redux/actions/story-filters.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/asset-filters copy.d.ts

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

package/dist/cjs/redux/reducers/asset-filters copy.js

@@ -1,39 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var asset_filters_1 = __importDefault(require("../actions/asset-filters"));
-var initialState = {
-    page: 1,
-    order: 'name',
-    items_per_page: 50,
-    order_direction: 'asc',
-    name: '',
-    type: '',
-    tags: ''
-};
-var assetFilters = function (state, action) {
-    if (state === void 0) { state = initialState; }
-    switch (action.type) {
-        case asset_filters_1.default.UPDATE:
-            return __assign(__assign({}, state), action.newFilters);
-        case asset_filters_1.default.RESET:
-            return __assign({}, initialState);
-        default:
-            return state;
-    }
-};
-exports.default = assetFilters;
-//# sourceMappingURL=asset-filters%20copy.js.map

package/dist/cjs/redux/reducers/asset-filters copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/reducers/asset-filters copy.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2EAA2D;AAE3D,IAAM,YAAY,GAAQ;IACtB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,KAAoB,EAAE,MAAM;IAA5B,sBAAA,EAAA,oBAAoB;IACtC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,uBAAmB,CAAC,MAAM;YAC3B,6BAAY,KAAK,GAAK,MAAM,CAAC,UAAU,EAAG;QAC9C,KAAK,uBAAmB,CAAC,KAAK;YAC1B,oBAAY,YAAY,EAAG;QAC/B;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

package/dist/cjs/redux/reducers/story-filters.js

@@ -1,33 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var story_filter_1 = __importDefault(require("../actions/story-filter"));
-var initialState = {
-    name: '',
-};
-var storyFilter = function (state, action) {
-    if (state === void 0) { state = initialState; }
-    switch (action.type) {
-        case story_filter_1.default.UPDATE:
-            return __assign(__assign({}, state), action.newFilters);
-        case story_filter_1.default.RESET:
-            return __assign({}, initialState);
-        default:
-            return state;
-    }
-};
-exports.default = storyFilter;
-//# sourceMappingURL=story-filters.js.map

package/dist/cjs/redux/reducers/story-filters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"story-filters.js","sourceRoot":"","sources":["../../../../src/redux/reducers/story-filters.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yEAAyD;AAEzD,IAAM,YAAY,GAAQ;IACtB,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,KAAoB,EAAE,MAAM;IAA5B,sBAAA,EAAA,oBAAoB;IACrC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,sBAAkB,CAAC,MAAM;YAC1B,6BAAY,KAAK,GAAK,MAAM,CAAC,UAAU,EAAG;QAC9C,KAAK,sBAAkB,CAAC,KAAK;YACzB,oBAAY,YAAY,EAAG;QAC/B;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

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

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import TextField from '../text-field/TextField';
-import { updateFilters } from '../../redux/actions/asset-filters';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-class AssetsTableNameFilter extends React.PureComponent {
-    render = () => {
-        const { assetFilters } = this.props;
-        return (React.createElement(TextField, { className: 'asset-name', submittable: true, submittableType: 'search', value: assetFilters.name, doSubmit: (n) => this.props.updateFilters({ name: n }) }));
-    };
-}
-const mapDispatchToProps = (dispatch) => {
-    return bindActionCreators({ updateFilters }, dispatch);
-};
-const mapStateToProps = (state) => {
-    return { assetFilters: state.assetFilters };
-};
-const AssetsTableNameFilterMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableNameFilter));
-export default AssetsTableNameFilterMemoized;
-//# sourceMappingURL=AssetsTableNameFilter%20copy.js.map

package/dist/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAA0C;IACzE,MAAM,GAAG,GAAgB,EAAE;QAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,OAAO,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,YAAY,EACtB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GACxD,CACL,CAAC;IACN,CAAC,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAO,EAAE;IACzC,OAAO,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAO,EAAE;IACnC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,OAAO,CACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,eAAe,6BAA6B,CAAC"}

package/dist/esm/redux/actions/asset-filters copy.d.ts

@@ -1,4 +0,0 @@
-declare const assetFiltersActions: any;
-export declare const updateFilters: (newFilters: any) => any;
-export declare const resetFilters: () => any;
-export default assetFiltersActions;

package/dist/esm/redux/actions/asset-filters copy.js

@@ -1,13 +0,0 @@
-const assetFiltersActions = {
-    UPDATE: 'assetFilters/UPDATE',
-    RESET: 'footageFilters/RESET'
-};
-export const updateFilters = (newFilters) => ({
-    type: assetFiltersActions.UPDATE,
-    newFilters
-});
-export const resetFilters = () => ({
-    type: assetFiltersActions.RESET
-});
-export default assetFiltersActions;
-//# sourceMappingURL=asset-filters%20copy.js.map

package/dist/esm/redux/actions/asset-filters copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/actions/asset-filters copy.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAQ;IAC7B,MAAM,EAAE,qBAAqB;IAC7B,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAe,EAAO,EAAE,CAAC,CAAC;IACpD,IAAI,EAAE,mBAAmB,CAAC,MAAM;IAChC,UAAU;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAQ,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,mBAAmB,CAAC,KAAK;CAClC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/esm/redux/actions/story-filters.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/esm/redux/actions/story-filters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"story-filters.js","sourceRoot":"","sources":["../../../../src/redux/actions/story-filters.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAQ;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAe,EAAO,EAAE,CAAC,CAAC;IACxD,IAAI,EAAE,kBAAkB,CAAC,MAAM;IAC/B,UAAU;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAQ,EAAE,CAAC,CAAC;IACxC,IAAI,EAAE,kBAAkB,CAAC,KAAK;CACjC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/esm/redux/reducers/asset-filters copy.d.ts

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

package/dist/esm/redux/reducers/asset-filters copy.js

@@ -1,22 +0,0 @@
-import assetFiltersActions from '../actions/asset-filters';
-const initialState = {
-    page: 1,
-    order: 'name',
-    items_per_page: 50,
-    order_direction: 'asc',
-    name: '',
-    type: '',
-    tags: ''
-};
-const assetFilters = (state = initialState, action) => {
-    switch (action.type) {
-        case assetFiltersActions.UPDATE:
-            return { ...state, ...action.newFilters };
-        case assetFiltersActions.RESET:
-            return { ...initialState };
-        default:
-            return state;
-    }
-};
-export default assetFilters;
-//# sourceMappingURL=asset-filters%20copy.js.map

package/dist/esm/redux/reducers/asset-filters copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset-filters copy.js","sourceRoot":"","sources":["../../../../src/redux/reducers/asset-filters copy.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,MAAM,YAAY,GAAQ;IACtB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAO,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,mBAAmB,CAAC,MAAM;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC9C,KAAK,mBAAmB,CAAC,KAAK;YAC1B,OAAO,EAAE,GAAG,YAAY,EAAE,CAAC;QAC/B;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}