@imposium-hub/components 1.44.3 → 1.45.0

package/dist/esm/components/assets/AssetField.js

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { assets as copy } from '../../constants/copy';
+import Button from '../button/Button';
+import TextField from '../text-field/TextField';
+import AssetsTableDropzone from './AssetsTableDropzone';
+import DroppableAssetRenderer from './DroppableAssetRenderer';
+import { mimetypeConformsToOverlay } from '../../Util';
+import { updateFilters } from '../../redux/actions/asset-filters';
+import { uploadAssets } from '../../redux/actions/asset-uploads';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { ICON_FILTER, ICON_TIMES } from '../../constants/icons';
+class AssetField extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            assetName: '',
+            error: false,
+            assetUploading: false
+        };
+    }
+    componentDidMount() {
+        const { assetId, api } = this.props;
+        // get the asset name from the API
+        if (assetId && !this.state.assetName) {
+            this.loadAsset();
+        }
+    }
+    componentDidUpdate(prevProps, prevState) {
+        const { assetId } = this.props;
+        if (assetId && assetId !== prevProps.assetId) {
+            this.loadAsset();
+        }
+        else if (!assetId) {
+            this.setState({
+                error: false,
+                assetName: ''
+            });
+        }
+    }
+    loadAsset() {
+        const { assetId, api } = this.props;
+        api.getAssetItem(assetId).then((data) => {
+            this.setState({
+                error: false,
+                assetName: data.name
+            });
+        })
+            .catch((e) => {
+            this.setState({
+                error: true,
+                assetName: `Could not find asset: ${assetId}`
+            });
+        });
+    }
+    setFilter(e) {
+        const { accepts } = this.props;
+        this.props.updateFilters({ type: (accepts) ? accepts : '', page: 1 });
+    }
+    onFileDrop = (i, monitor) => {
+        const { accepts, storyId, api } = this.props;
+        if (monitor) {
+            const { files } = monitor.getItem();
+            if (mimetypeConformsToOverlay(accepts, files[0])) {
+                this.setState({ assetUploading: true });
+                this.props.uploadAssets(api, [files[0]], storyId, (f) => {
+                    this.setState({ assetName: f.name, error: false }, () => {
+                        this.setState({ assetUploading: false });
+                        this.props.onChange(f);
+                    });
+                });
+            }
+        }
+    };
+    onAssetDrop(data, m) {
+        const { rowData, rowData: { name, id, type } } = data;
+        const { accepts } = this.props;
+        if (type === accepts) {
+            this.setState({
+                assetName: name,
+                error: false
+            }, () => {
+                this.props.onChange(rowData);
+            });
+        }
+        else {
+            if (this.props.onError) {
+                this.props.onError(copy.field.fieldMismatchError.replace('[accepts]', accepts));
+            }
+        }
+    }
+    clearAsset(e) {
+        this.setState({
+            assetName: '',
+            error: false
+        }, () => {
+            this.props.onChange(null);
+        });
+    }
+    render() {
+        const { assetId, label, width, tooltip, labelPosition } = this.props;
+        const { assetName, assetUploading, error } = this.state;
+        const errorClass = (error) ? 'error' : '';
+        const placeholder = (!assetId) ? copy.field.dragPrompt : '';
+        const style = { width: width || '100%' };
+        const buttons = [];
+        buttons.push((React.createElement(Button, { key: 'btn-filter', onClick: (e) => this.setFilter(e), style: 'subtle', tooltip: copy.field.tooltipFilter, color: 'primary' }, ICON_FILTER)));
+        if (assetId && !assetUploading) {
+            buttons.unshift((React.createElement(Button, { key: 'btn-clear-asset', tooltip: copy.field.tooltipClear, onClick: (e) => this.clearAsset(e), style: 'subtle' }, ICON_TIMES)));
+        }
+        return (React.createElement("div", { style: style, className: `asset-field ${errorClass}` },
+            React.createElement(AssetsTableDropzone, { onDrop: (i, m) => this.onFileDrop(i, m), disable: assetUploading },
+                React.createElement(DroppableAssetRenderer, { onDrop: (i, m) => this.onAssetDrop(i, m) },
+                    React.createElement(TextField, { readOnly: true, label: label, tooltip: tooltip, loading: assetUploading, placeholder: placeholder, buttons: buttons, labelPosition: labelPosition, value: assetName })))));
+    }
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateFilters, uploadAssets }, dispatch);
+};
+export default connect(null, mapDispatchToProps)(AssetField);
+//# sourceMappingURL=AssetField.js.map

package/dist/esm/components/assets/AssetField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetField.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/assets/AssetsTableComplexTagCell.d.ts

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

package/dist/esm/components/assets/AssetsTableComplexTagCell.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Tag from '../tag/Tag';
+import TextField from '../text-field/TextField';
+import { addAssetTag, deleteAssetTag } from '../../redux/actions/asset-list';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+class AssetsTableComplexTagCell extends React.Component {
+    inputRef;
+    constructor(props) {
+        super(props);
+        this.state = {
+            newTag: ''
+        };
+        this.inputRef = React.createRef();
+    }
+    onSubmit(newTag) {
+        const { id, tags } = this.props.cell.row.original;
+        // don't add the tag if it already exists
+        if (tags.indexOf(newTag) === -1) {
+            this.props.addAssetTag(this.props.api, id, newTag);
+        }
+        this.setState({
+            newTag: ''
+        });
+    }
+    removeTag(tag) {
+        const { id } = this.props.cell.row.original;
+        this.props.deleteAssetTag(this.props.api, id, tag);
+    }
+    render = () => {
+        const { cell, assetTags } = this.props;
+        const tagsArray = [...new Set(cell.row.original.tags)];
+        const tagsMarkup = tagsArray.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, colorize: true, removeHandler: () => this.removeTag(tag) })));
+        return React.createElement("div", { className: 'tags-complex-column' },
+            tagsMarkup,
+            React.createElement("div", { className: 'new-tag' },
+                React.createElement(TextField, { submittable: true, submittableType: 'add', placeholder: '+', hideButtons: true, suggestions: assetTags, doSubmit: (t) => this.onSubmit(t), width: '150px', buttons: [], value: this.state.newTag })));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ addAssetTag, deleteAssetTag }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { assetTags: state.assetTags };
+};
+const AssetsTableComplexTagCellMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableComplexTagCell));
+export default AssetsTableComplexTagCellMemoized;
+//# sourceMappingURL=AssetsTableComplexTagCell.js.map

package/dist/esm/components/assets/AssetsTableComplexTagCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableComplexTagCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableComplexTagCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAgB3C,MAAM,yBAA0B,SAAQ,KAAK,CAAC,SAA0E;IACnG,QAAQ,CAAO;IAEhC,YAAY,KAAuC;QAC/C,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,EAAE;SACb,CAAC;QAEF,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACtC,CAAC;IAEO,QAAQ,CAAC,MAAM;QACnB,MAAM,EAAC,EAAE,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;QAEhD,yCAAyC;QACzC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;SACtD;QAED,IAAI,CAAC,QAAQ,CAAC;YACV,MAAM,EAAE,EAAE;SACb,CAAC,CAAC;IACP,CAAC;IAEO,SAAS,CAAC,GAAG;QACjB,MAAM,EAAC,EAAE,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IACvD,CAAC;IAEM,MAAM,GAAG,GAAiB,EAAE;QAC/B,MAAM,EAAC,IAAI,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrC,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,UAAU,GAAmB,SAAS,CAAC,GAAG,CAAC,CAAC,GAAY,EAAE,EAAE,CAAC,CAC/D,oBAAC,GAAG,IACA,GAAG,EAAI,GAAG,EACV,IAAI,EAAI,GAAG,EACX,QAAQ,EAAI,IAAI,EAChB,aAAa,EAAI,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAC5C,CACL,CAAC,CAAC;QAEH,OAAO,6BAAK,SAAS,EAAG,qBAAqB;YACxC,UAAU;YACX,6BAAK,SAAS,EAAG,SAAS;gBACtB,oBAAC,SAAS,IACN,WAAW,EAAI,IAAI,EACnB,eAAe,EAAG,KAAK,EACvB,WAAW,EAAG,GAAG,EACjB,WAAW,EAAI,IAAI,EACnB,WAAW,EAAI,SAAS,EACxB,QAAQ,EAAI,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EACnC,KAAK,EAAG,OAAO,EACf,OAAO,EAAI,EAAE,EACb,KAAK,EAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAC5B,CACA,CACJ,CAAC;IACX,CAAC,CAAA;CACJ;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,WAAW,EAAE,cAAc,EAAC,EAAE,QAAQ,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAClF,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CACxC,CAAC;AACF,eAAe,iCAAiC,CAAC"}

package/dist/esm/components/assets/AssetsTableDateCell.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface IAssetsTableDateCell {
+    cell: any;
+}
+declare const AssetsTableDateCellMemoized: React.NamedExoticComponent<IAssetsTableDateCell>;
+export default AssetsTableDateCellMemoized;

package/dist/esm/components/assets/AssetsTableDateCell.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { formatDateDefault } from '../../Util';
+const AssetsTableDateCell = (p) => (React.createElement("div", null, formatDateDefault(p.cell.row.values.date_created)));
+const AssetsTableDateCellMemoized = React.memo(AssetsTableDateCell);
+export default AssetsTableDateCellMemoized;
+//# sourceMappingURL=AssetsTableDateCell.js.map

package/dist/esm/components/assets/AssetsTableDateCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableDateCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableDateCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAM/C,MAAM,mBAAmB,GAAoC,CAAC,CAAwB,EAAE,EAAE,CAAC,CACvF,iCAAM,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAO,CACjE,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACpE,eAAe,2BAA2B,CAAC"}

package/dist/esm/components/assets/AssetsTableDropzone.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DropTargetMonitor } from 'react-dnd';
+interface IAssetsTableDropzoneProps {
+    onDrop: (i: any, monitor: DropTargetMonitor) => void;
+    children: any;
+    className?: string;
+    disable?: boolean;
+}
+declare const AssetsTableDropzone: React.FC<IAssetsTableDropzoneProps>;
+export default AssetsTableDropzone;

package/dist/esm/components/assets/AssetsTableDropzone.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { NativeTypes } from 'react-dnd-html5-backend';
+import { useDrop } from 'react-dnd';
+const AssetsTableDropzone = (p) => {
+    const [{ canDrop, isOver }, dropRef] = useDrop({
+        accept: [NativeTypes.FILE],
+        drop: (item, monitor) => {
+            if (p.onDrop) {
+                p.onDrop(p, monitor);
+            }
+        },
+        collect: (monitor) => ({
+            isOver: monitor.isOver,
+            canDrop: monitor.canDrop,
+        })
+    });
+    return (React.createElement("div", { className: p.className || '', ref: (!p.disable) ? dropRef : undefined }, p.children));
+};
+export default AssetsTableDropzone;
+//# sourceMappingURL=AssetsTableDropzone.js.map

package/dist/esm/components/assets/AssetsTableDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableDropzone.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AASvD,MAAM,mBAAmB,GAAyC,CAAC,CAA6B,EAAE,EAAE;IAChG,MAAM,CAAC,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC;QACzC,MAAM,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;QAC1B,IAAI,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;YACnB,IAAI,CAAC,CAAC,MAAM,EAAE;gBACV,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;aACxB;QACL,CAAC;QACD,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnB,MAAM,EAAE,OAAO,CAAC,MAAM;YACtB,OAAO,EAAE,OAAO,CAAC,OAAO;SAC3B,CAAC;KACL,CAAC,CAAC;IAEH,OAAO,CAAC,6BAAK,SAAS,EAAI,CAAC,CAAC,SAAS,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAG,CAAC,CAAC,QAAQ,CAAO,CAAC,CAAC;AAC9G,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/assets/AssetsTableDurationCell.d.ts

@@ -0,0 +1,3 @@
+export declare const secondsToTime: (timeInSeconds: any) => string;
+declare const _default: any;
+export default _default;

package/dist/esm/components/assets/AssetsTableDurationCell.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { updateAssetName } from '../../redux/actions/asset-list';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+const AssetsTableDurationCell = (props) => {
+    const { cell: { row: { original: { duration, id } } } } = props;
+    if (duration !== null && duration !== undefined) {
+        return (React.createElement("div", { className: 'asset-duration-cell' }, secondsToTime(duration)));
+    }
+    else {
+        return null;
+    }
+};
+export const secondsToTime = (timeInSeconds) => {
+    const minutes = Math.floor(timeInSeconds / 60);
+    let seconds = Math.floor(timeInSeconds - minutes * 60);
+    if (seconds < 10) {
+        seconds = `0${seconds}`;
+    }
+    return `${minutes}:${seconds}`;
+};
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateAssetName }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return {};
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AssetsTableDurationCell);
+//# sourceMappingURL=AssetsTableDurationCell.js.map

package/dist/esm/components/assets/AssetsTableDurationCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableDurationCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableDurationCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAQ3C,MAAM,uBAAuB,GAAwC,CAAC,KAAgC,EAAE,EAAE;IAElG,MAAM,EAAC,IAAI,EAAE,EAAC,GAAG,EAAE,EAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAC,EAAC,EAAC,GAAG,KAAK,CAAC;IAExD,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC7C,OAAO,CACH,6BAAK,SAAS,EAAG,qBAAqB,IACjC,aAAa,CAAC,QAAQ,CAAC,CACtB,CACT,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AAET,CAAC,CAAC;AAEF,MAAM,CAAC,MAAO,aAAa,GAAG,CAAC,aAAa,EAAW,EAAE;IACrD,MAAM,OAAO,GAAS,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC;IACrD,IAAI,OAAO,GAAS,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC;IAC7D,IAAI,OAAO,GAAG,EAAE,EAAE;QACd,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;KAC3B;IACD,OAAO,GAAG,OAAO,IAAI,OAAO,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,eAAe,EAAC,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/assets/AssetsTableNameCell.d.ts

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

package/dist/esm/components/assets/AssetsTableNameCell.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import TextField from '../text-field/TextField';
+import { updateAssetName } from '../../redux/actions/asset-list';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+let updateTimeout;
+const AssetsTableNameCell = (props) => {
+    const { cell: { row: { original: { name, id } } } } = props;
+    const [localName, setLocalName] = useState('');
+    const onUpdate = (n) => {
+        setLocalName(n);
+        clearTimeout(updateTimeout);
+        updateTimeout = setTimeout(() => setName(n), 1000);
+    };
+    const setName = (n) => {
+        props.updateAssetName(props.api, id, n);
+    };
+    useEffect(() => {
+        setLocalName(name);
+        return () => {
+            clearTimeout(updateTimeout);
+        };
+    }, [name]);
+    return (React.createElement(TextField, { value: localName, width: '100%', onChange: (n) => onUpdate(n) }));
+};
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateAssetName }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return {};
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AssetsTableNameCell);
+//# sourceMappingURL=AssetsTableNameCell.js.map

package/dist/esm/components/assets/AssetsTableNameCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableNameCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAS3C,IAAI,aAAmB,CAAC;AACxB,MAAM,mBAAmB,GAAoC,CAAC,KAA4B,EAAE,EAAE;IAEtF,MAAM,EAAC,IAAI,EAAE,EAAC,GAAG,EAAE,EAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,EAAE,EAAC,EAAC,EAAC,EAAC,GAAG,KAAK,CAAC;IACpD,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;QACnB,YAAY,CAAC,CAAC,CAAC,CAAC;QAChB,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QAClB,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,aAAa,CAAC,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,oBAAC,SAAS,IACN,KAAK,EAAG,SAAS,EACjB,KAAK,EAAI,MAAM,EACf,QAAQ,EAAI,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAChC,CACL,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,eAAe,EAAC,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,mBAAmB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,20 @@
+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, { 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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableNameFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameFilter.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,GAAiB,EAAE;QAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,OAAO,CACH,oBAAC,SAAS,IACN,WAAW,QACX,eAAe,EAAG,QAAQ,EAC1B,KAAK,EAAI,YAAY,CAAC,IAAI,EAC1B,QAAQ,EAAI,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,IAAI,EAAE,CAAC,EAAC,CAAC,GACxD,CACL,CAAC;IACN,CAAC,CAAA;CACJ;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,aAAa,EAAC,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAC9E,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACpC,CAAC;AACF,eAAe,6BAA6B,CAAC"}

package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export declare const PREVIEW_MAX_WIDTH: number;
+export declare const PREVIEW_MAX_HEIGHT: number;
+export declare const HEADER_HEIGHT: number;
+interface IAssetsTablePreviewCell {
+    cell: any;
+    showMedia: boolean;
+    onClick(): void;
+    onRequestClose(): void;
+}
+declare class AssetsTablePreviewCell extends React.PureComponent<IAssetsTablePreviewCell> {
+    private iconRef;
+    private evtHandlers;
+    constructor(props: any);
+    private handleClose;
+    private handlePreviewClick;
+    render(): JSX.Element;
+}
+declare const AssetsTablePreviewCellMemoized: React.MemoExoticComponent<typeof AssetsTablePreviewCell>;
+export default AssetsTablePreviewCellMemoized;

package/dist/esm/components/assets/AssetsTablePreviewCell.js

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { ASSET_TYPES, VideoPreview, AssetsTypeIcon, ImagePreview } from '../../index';
+export const PREVIEW_MAX_WIDTH = 400;
+export const PREVIEW_MAX_HEIGHT = 400;
+export const HEADER_HEIGHT = 30;
+class AssetsTablePreviewCell extends React.PureComponent {
+    iconRef = React.createRef();
+    evtHandlers;
+    constructor(props) {
+        super(props);
+        this.evtHandlers = {
+            onClose: () => this.handleClose(),
+            onClick: () => this.handlePreviewClick()
+        };
+    }
+    handleClose() {
+        const { onRequestClose } = this.props;
+        onRequestClose();
+    }
+    handlePreviewClick() {
+        const { onClick, showMedia } = this.props;
+        if (!showMedia) {
+            onClick();
+            return;
+        }
+        return;
+    }
+    render() {
+        const getMediaPreviewStyle = (mediaWidth, mediaHeight) => {
+            if (!this.iconRef.current) {
+                return;
+            }
+            if (!mediaWidth) {
+                mediaWidth = PREVIEW_MAX_WIDTH;
+            }
+            if (!mediaHeight) {
+                mediaHeight = PREVIEW_MAX_HEIGHT;
+            }
+            const icon = this.iconRef.current;
+            const iconRect = icon.getBoundingClientRect();
+            const aspect = mediaWidth / mediaHeight;
+            let width = PREVIEW_MAX_WIDTH;
+            let height = width / aspect;
+            if (height > PREVIEW_MAX_HEIGHT) {
+                height = PREVIEW_MAX_HEIGHT;
+                width = height * aspect;
+            }
+            // try top left
+            let left = iconRect.x + iconRect.width - width;
+            let top = iconRect.y + iconRect.height - height - 20;
+            // if the preview is off on the left, switch to the right of the icon
+            if (left < 0) {
+                left = iconRect.x;
+            }
+            // if the preview is off on the top, switch to bottom of the icon
+            if (top < HEADER_HEIGHT) {
+                top = iconRect.y + 20;
+            }
+            return { top, left, width, height, position: 'absolute', zIndex: 9000 };
+        };
+        const { cell, showMedia } = this.props;
+        const playbackSettings = {
+            autoPlay: true,
+            loop: false
+        };
+        return (React.createElement("div", { ref: this.iconRef, className: 'asset-type-cell', onClick: this.evtHandlers.onClick },
+            React.createElement(AssetsTypeIcon, { type: cell.row.values.type }),
+            cell.row.values.type === ASSET_TYPES.IMAGE &&
+                (React.createElement(ImagePreview, { style: { ...getMediaPreviewStyle(cell.row.original.width, cell.row.original.height) }, showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose })),
+            cell.row.values.type === ASSET_TYPES.VIDEO &&
+                (React.createElement(VideoPreview, { playbackSettings: playbackSettings, style: getMediaPreviewStyle(cell.row.original.width, cell.row.original.height), showMedia: showMedia, url: cell.row.original.url, onRequestClose: this.evtHandlers.onClose }))));
+    }
+}
+const AssetsTablePreviewCellMemoized = React.memo(AssetsTablePreviewCell);
+export default AssetsTablePreviewCellMemoized;
+//# sourceMappingURL=AssetsTablePreviewCell.js.map

package/dist/esm/components/assets/AssetsTablePreviewCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTablePreviewCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTablePreviewCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AACpF,MAAM,CAAC,MAAM,iBAAiB,GAAY,GAAG,CAAC;AAC9C,MAAM,CAAC,MAAM,kBAAkB,GAAY,GAAG,CAAC;AAC/C,MAAM,CAAC,MAAM,aAAa,GAAY,EAAE,CAAC;AASzC,MAAM,sBAAuB,SAAQ,KAAK,CAAC,aAAsC;IACrE,OAAO,GAAS,KAAK,CAAC,SAAS,EAAkB,CAAC;IAClD,WAAW,CAAO;IAC1B,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YACjC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;SAC3C,CAAC;IACN,CAAC;IAEO,WAAW;QACf,MAAM,EAAC,cAAc,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACpC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEO,kBAAkB;QACtB,MAAM,EAAC,OAAO,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;SACV;QACD,OAAO;IACX,CAAC;IAEM,MAAM;QAET,MAAM,oBAAoB,GAAG,CAAC,UAAmB,EAAE,WAAoB,EAAE,EAAE;YAEvE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBACvB,OAAO;aACV;YACD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,iBAAiB,CAAC;aAClC;YACD,IAAI,CAAC,WAAW,EAAE;gBACd,WAAW,GAAG,kBAAkB,CAAC;aACpC;YACD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC9C,MAAM,MAAM,GAAY,UAAU,GAAG,WAAW,CAAC;YACjD,IAAI,KAAK,GAAY,iBAAiB,CAAC;YACvC,IAAI,MAAM,GAAY,KAAK,GAAG,MAAM,CAAC;YAErC,IAAI,MAAM,GAAG,kBAAkB,EAAE;gBAC7B,MAAM,GAAG,kBAAkB,CAAC;gBAC5B,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;aAC3B;YAED,eAAe;YACf,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;YAC/C,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC;YACrD,qEAAqE;YACrE,IAAI,IAAI,GAAG,CAAC,EAAE;gBACV,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAE;aACtB;YACD,iEAAiE;YACjE,IAAI,GAAG,GAAG,aAAa,EAAE;gBACrB,GAAG,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;aACzB;YAED,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAwB,CAAC;QACjG,CAAC,CAAC;QAEF,MAAM,EAAC,IAAI,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrC,MAAM,gBAAgB,GAAG;YACrB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;SACd,CAAC;QAEF,OAAM,CACF,6BAAK,GAAG,EAAI,IAAI,CAAC,OAAO,EAAE,SAAS,EAAG,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;YACrF,oBAAC,cAAc,IAAC,IAAI,EAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAI;YAC/C,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK;gBAC3C,CACI,oBAAC,YAAY,IACT,KAAK,EAAE,EAAC,GAAG,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAC,EACnF,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL;YAEA,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK;gBAC3C,CAAC,oBAAC,YAAY,IACN,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC9E,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAC1B,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,GAC1C,CACL,CAEC,CACT,CAAC;IACN,CAAC;CACJ;AAED,MAAM,8BAA8B,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAC1E,eAAe,8BAA8B,CAAC"}

package/dist/esm/components/assets/AssetsTableSelectCell.d.ts

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

package/dist/esm/components/assets/AssetsTableSelectCell.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { selectAsset, deselectAsset, selectMultipleAssets } from '../../redux/actions/selected-assets';
+import CheckboxField from '../checkbox-field/CheckboxField';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+class AssetsTableSelectCell extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render = () => {
+        const { cell, selectedAssets } = this.props;
+        const assetId = cell.row.original.id;
+        const isSelected = (selectedAssets.indexOf(assetId) > -1);
+        const selectionHandler = (selected, e) => {
+            if (selected) {
+                if (e.shiftKey && selectedAssets.length > 0) {
+                    this.props.selectMultipleAssets(assetId);
+                }
+                else {
+                    this.props.selectAsset(assetId);
+                }
+            }
+            else {
+                this.props.deselectAsset(assetId);
+            }
+        };
+        return (React.createElement(CheckboxField, { label: '', width: 'auto', value: isSelected, onChange: (v, e) => selectionHandler(v, e) }));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ selectAsset, deselectAsset, selectMultipleAssets }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { selectedAssets: state.selectedAssets };
+};
+const AssetsTableSelectCellMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableSelectCell));
+export default AssetsTableSelectCellMemoized;
+//# sourceMappingURL=AssetsTableSelectCell.js.map

package/dist/esm/components/assets/AssetsTableSelectCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableSelectCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableSelectCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AACvG,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAU3C,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAAqC;IAC3E,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEM,MAAM,GAAG,GAAiB,EAAE;QAC/B,MAAM,EAAC,IAAI,EAAE,cAAc,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1C,MAAM,OAAO,GAAY,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9C,MAAM,UAAU,GAAa,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;YAErC,IAAI,QAAQ,EAAE;gBACV,IAAI,CAAC,CAAC,QAAQ,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;iBAC5C;qBAAM;oBACH,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;iBACnC;aACJ;iBAAM;gBACH,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;aACrC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAG,EAAE,EACV,KAAK,EAAG,MAAM,EACd,KAAK,EAAI,UAAU,EACnB,QAAQ,EAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC9C,CACL,CAAC;IACN,CAAC,CAAA;CACJ;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,WAAW,EAAE,aAAa,EAAE,oBAAoB,EAAC,EAAE,QAAQ,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAC,cAAc,EAAE,KAAK,CAAC,cAAc,EAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAC9E,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CACpC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/esm/components/assets/AssetsTableSelectFilter.d.ts

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

package/dist/esm/components/assets/AssetsTableSelectFilter.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import CheckboxField from '../checkbox-field/CheckboxField';
+import { selectAll, resetSelection } from '../../redux/actions/selected-assets';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+class AssetsTableSelectFilter extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render = () => {
+        const { selectedAssets } = this.props;
+        const noneSelected = (selectedAssets.length === 0);
+        const handler = (noneSelected)
+            ? () => this.props.selectAll()
+            : () => this.props.resetSelection();
+        return (React.createElement(CheckboxField, { label: '', propagate: false, value: !noneSelected, onChange: handler }));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ selectAll, resetSelection }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { selectedAssets: state.selectedAssets };
+};
+const AssetsTableSelectFilterMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableSelectFilter));
+export default AssetsTableSelectFilterMemoized;
+//# sourceMappingURL=AssetsTableSelectFilter.js.map

package/dist/esm/components/assets/AssetsTableSelectFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableSelectFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableSelectFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAQ3C,MAAM,uBAAwB,SAAQ,KAAK,CAAC,aAAuC;IAC/E,YAAY,KAAgC;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEM,MAAM,GAAG,GAAiB,EAAE;QAC/B,MAAM,EAAC,cAAc,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACpC,MAAM,YAAY,GAAa,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;QAC7D,MAAM,OAAO,GAAgB,CAAC,YAAY,CAAC;YACvC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC9B,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAExC,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAG,EAAE,EACV,SAAS,EAAI,KAAK,EAClB,KAAK,EAAI,CAAC,YAAY,EACtB,QAAQ,EAAI,OAAO,GACrB,CACL,CAAC;IACN,CAAC,CAAA;CACJ;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAQ,EAAE;IAC1C,OAAO,kBAAkB,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,EAAE,QAAQ,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAQ,EAAE;IACpC,OAAO,EAAC,cAAc,EAAE,KAAK,CAAC,cAAc,EAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,+BAA+B,GAAG,OAAO,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAChF,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CACtC,CAAC;AACF,eAAe,+BAA+B,CAAC"}

package/dist/esm/components/assets/AssetsTableStatusCell.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface IAssetsTableStatusCell {
+    cell: any;
+}
+declare const AssetsTableStatusCellMemoized: React.NamedExoticComponent<IAssetsTableStatusCell>;
+export default AssetsTableStatusCellMemoized;

package/dist/esm/components/assets/AssetsTableStatusCell.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+const AssetsTableStatusCell = (p) => {
+    const status = (p.cell.row.original.processing) ? 'processing' : 'complete';
+    return React.createElement("div", { className: 'asset-status-cell' },
+        React.createElement("div", { className: `status-indicator ${status}` }));
+};
+const AssetsTableStatusCellMemoized = React.memo(AssetsTableStatusCell);
+export default AssetsTableStatusCellMemoized;
+//# sourceMappingURL=AssetsTableStatusCell.js.map

package/dist/esm/components/assets/AssetsTableStatusCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableStatusCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableStatusCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,qBAAqB,GAAsC,CAAC,CAA0B,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,OAAO,6BAAK,SAAS,EAAG,mBAAmB;QAEvC,6BAAK,SAAS,EAAI,oBAAoB,MAAM,EAAE,GAAQ,CACpD,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AACxE,eAAe,6BAA6B,CAAC"}

package/dist/esm/components/assets/AssetsTableTagsCell.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IAssetsTableTagsCell {
+    cell: any;
+    onClick(e: any): void;
+}
+declare const AssetsTableTagsCellMemoized: React.NamedExoticComponent<IAssetsTableTagsCell>;
+export default AssetsTableTagsCellMemoized;

package/dist/esm/components/assets/AssetsTableTagsCell.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Button from '../button/Button';
+const AssetsTableTagsCell = (p) => (React.createElement(Button, { color: 'secondary', style: 'subtle', size: 'small', onClick: p.onClick }, p.cell.row.values.tags.length));
+const AssetsTableTagsCellMemoized = React.memo(AssetsTableTagsCell);
+export default AssetsTableTagsCellMemoized;
+//# sourceMappingURL=AssetsTableTagsCell.js.map

package/dist/esm/components/assets/AssetsTableTagsCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableTagsCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTagsCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAMtC,MAAM,mBAAmB,GAAoC,CAAC,CAAwB,EAAE,EAAE,CAAC,CACvF,oBAAC,MAAM,IACH,KAAK,EAAG,WAAW,EACnB,KAAK,EAAG,QAAQ,EAChB,IAAI,EAAG,OAAO,EACd,OAAO,EAAI,CAAC,CAAC,OAAO,IACnB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CACzB,CACZ,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACpE,eAAe,2BAA2B,CAAC"}

package/dist/esm/components/assets/AssetsTableTagsFilter.d.ts

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

package/dist/esm/components/assets/AssetsTableTagsFilter.js

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