@imposium-hub/components 1.44.3 → 1.45.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableTagsFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTagsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAA0C;IAEzE,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,GAAI,CACjE,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/AssetsTableTagsPivot.d.ts

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

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { assets as copy } from '../../constants/copy';
+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';
+import Button from '../button/Button';
+import { ICON_TIMES } from '../../constants/icons';
+class AssetsTableTagsPivot extends React.PureComponent {
+    static ADD_TAG_INPUT_WIDTH = '280px';
+    static COLORIZE_TAGS = true;
+    constructor(props) {
+        super(props);
+    }
+    addTags = (assetId, tags) => {
+        const { row: { original } } = this.props;
+        let newTags = tags.split(',');
+        const arr = [...original.tags, ...newTags];
+        const dupedTags = arr.filter((item, index) => arr.indexOf(item) !== index);
+        newTags = newTags.filter((el) => {
+            return dupedTags.indexOf(el) < 0;
+        });
+        if (newTags) {
+            this.props.addAssetTag(this.props.api, assetId, newTags.join());
+        }
+    };
+    render = () => {
+        const { row: { original: { id, tags } }, assetTags } = this.props;
+        const tagsArray = [...new Set(tags)];
+        const tagsMarkup = tagsArray.map((tag) => (React.createElement(Tag, { key: tag, copy: tag, colorize: AssetsTableTagsPivot.COLORIZE_TAGS, removeHandler: () => this.props.deleteAssetTag(this.props.api, id, tag) })));
+        return (React.createElement("div", { className: 'tags-column' },
+            React.createElement(React.Fragment, null,
+                React.createElement(TextField, { submittable: true, submittableType: 'add', suggestions: assetTags, label: copy.tags.add, width: AssetsTableTagsPivot.ADD_TAG_INPUT_WIDTH, doSubmit: (t) => this.addTags(id, t) }),
+                tagsMarkup,
+                React.createElement(Button, { customStyles: {
+                        position: 'absolute',
+                        right: '1px',
+                        top: '9px'
+                    }, style: 'subtle', onClick: (e) => this.props.onClose(e, this.props.row) }, ICON_TIMES))));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ addAssetTag, deleteAssetTag }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return {
+        assetTags: state.assetTags,
+    };
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AssetsTableTagsPivot);
+//# sourceMappingURL=AssetsTableTagsPivot.js.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import AssetsTypeIcon from './AssetsTypeIcon';
+const AssetsTableTypeCell = (p) => (React.createElement("div", { className: 'asset-type-cell' },
+    React.createElement(AssetsTypeIcon, { type: p.cell.row.values.type })));
+const AssetsTableTypeCellMemoized = React.memo(AssetsTableTypeCell);
+export default AssetsTableTypeCellMemoized;
+//# sourceMappingURL=AssetsTableTypeCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableTypeCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableTypeCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,MAAM,mBAAmB,GAAoC,CAAC,CAAwB,EAAE,EAAE,CAAC,CACvF,6BAAK,SAAS,EAAG,iBAAiB;IAAC,oBAAC,cAAc,IAAC,IAAI,EAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAI,CAAM,CAC9F,CAAC;AAEF,MAAM,2BAA2B,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACpE,eAAe,2BAA2B,CAAC"}

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

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

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

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import AssetsTypeIcon from './AssetsTypeIcon';
+import Button from '../button/Button';
+import ImposiumDropdown from '../dropdown/Dropdown';
+import { updateFilters } from '../../redux/actions/asset-filters';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { ASSET_TYPES } from '../../constants/assets';
+class AssetsTableTypeFilter extends React.PureComponent {
+    typeFilterRef;
+    constructor(props) {
+        super(props);
+        this.state = {
+            openMenu: false
+        };
+        this.typeFilterRef = React.createRef();
+    }
+    handleFilterChange = (type) => {
+        const freshTypeFilter = (type !== ASSET_TYPES.ALL) ? type : '';
+        this.props.updateFilters({ type: freshTypeFilter, page: 1 });
+    };
+    render = () => {
+        const { openMenu } = this.state;
+        const { assetFilters: { type } } = this.props;
+        const filterButtons = [];
+        for (const key in ASSET_TYPES) {
+            if (ASSET_TYPES.hasOwnProperty(key)) {
+                const t = ASSET_TYPES[key];
+                filterButtons.push(React.createElement("div", { key: t, className: 'asset-filter', onClick: () => this.handleFilterChange(t) },
+                    React.createElement(AssetsTypeIcon, { type: t })));
+            }
+        }
+        return (React.createElement("div", { className: 'centered cell' },
+            React.createElement(Button, { tooltip: 'Filter by Asset type', buttonRef: this.typeFilterRef, onClick: () => this.setState({ openMenu: !openMenu }) },
+                React.createElement(AssetsTypeIcon, { type: type || 'filter' }),
+                React.createElement(ImposiumDropdown, { fixed: true, show: openMenu, position: 'bottomleft', toggleRef: this.typeFilterRef, onOutsideClick: () => this.setState({ openMenu: false }) }, filterButtons))));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateFilters }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { assetFilters: state.assetFilters };
+};
+const AssetsTableTypeFilterMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableTypeFilter));
+export default AssetsTableTypeFilterMemoized;
+//# sourceMappingURL=AssetsTableTypeFilter.js.map

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface IAssetsTypeIconProps {
+    type: string;
+}
+declare const AssetsTypeIconMemoized: React.NamedExoticComponent<IAssetsTypeIconProps>;
+export default AssetsTypeIconMemoized;

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { ASSET_COLORS, ASSET_TYPES } from '../../constants/assets';
+import { assets as copy } from '../../constants/copy';
+import { ICON_FILTER, ICON_TIMES, ICON_VIDEO, ICON_AUDIO_TYPE, ICON_FONT, ICON_LAYER_GROUP, ICON_CUBE, ICON_IMAGE, ICON_FILE_ARCHIVE, ICON_IMAGE_SEQ_TYPE, ICON_FILE_CODE } from '../../constants/icons';
+const AssetsTypeIcon = (p) => {
+    const style = {
+        color: ASSET_COLORS[p.type]
+    };
+    switch (p.type) {
+        case 'filter':
+            return (React.createElement("span", null, ICON_FILTER));
+        case 'all':
+            return (React.createElement("span", { title: copy.iconTypes.all }, ICON_TIMES));
+        case ASSET_TYPES.VIDEO:
+            return (React.createElement("span", { title: copy.iconTypes.video, style: style }, ICON_VIDEO));
+        case ASSET_TYPES.AUDIO:
+            return (React.createElement("span", { title: copy.iconTypes.audio, style: style }, ICON_AUDIO_TYPE));
+        case ASSET_TYPES.IMAGE:
+            return (React.createElement("span", { title: copy.iconTypes.image, style: style }, ICON_IMAGE));
+        case ASSET_TYPES.IMAGE_SEQUENCE:
+            return (React.createElement("span", { title: copy.iconTypes.image_sequence, style: style }, ICON_IMAGE_SEQ_TYPE));
+        case ASSET_TYPES.TEMPLATE:
+            return (React.createElement("span", { title: copy.iconTypes.template, style: style }, ICON_FILE_ARCHIVE));
+        case ASSET_TYPES.VIDEO_COMPOSITION:
+            return (React.createElement("span", { title: copy.iconTypes.video_composition, style: style }, ICON_LAYER_GROUP));
+        case ASSET_TYPES.LUT:
+            return (React.createElement("span", { title: copy.iconTypes.lut }, ICON_CUBE));
+        case ASSET_TYPES.FONT:
+            return (React.createElement("span", { title: copy.iconTypes.font }, ICON_FONT));
+        case ASSET_TYPES.STATIC_COMPOSITION:
+            return (React.createElement("span", { title: copy.iconTypes.static_composition }, ICON_FILE_CODE));
+        default:
+            return (null);
+    }
+};
+const AssetsTypeIconMemoized = React.memo(AssetsTypeIcon);
+export default AssetsTypeIconMemoized;
+//# sourceMappingURL=AssetsTypeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTypeIcon.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTypeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACH,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAC5F,UAAU,EAAa,iBAAiB,EAAE,mBAAmB,EAAE,cAAc,EAChF,MAAM,uBAAuB,CAAC;AAM/B,MAAM,cAAc,GAAoC,CAAC,CAAwB,EAAE,EAAE;IAEjF,MAAM,KAAK,GAAG;QACV,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;KAC9B,CAAC;IAEF,QAAQ,CAAC,CAAC,IAAI,EAAE;QACZ,KAAK,QAAQ;YACT,OAAO,CACH,kCACK,WAAW,CACT,CACV,CAAC;QACN,KAAK,KAAK;YACN,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,GAAG,IAC5B,UAAU,CACR,CACV,CAAC;QACN,KAAK,WAAW,CAAC,KAAK;YAClB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAI,KAAK,IAC9C,UAAU,CACR,CACV,CAAC;QACN,KAAK,WAAW,CAAC,KAAK;YAClB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAI,KAAK,IAC9C,eAAe,CACb,CACV,CAAC;QACN,KAAK,WAAW,CAAC,KAAK;YAClB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAI,KAAK,IAC9C,UAAU,CACR,CACV,CAAC;QACN,KAAK,WAAW,CAAC,cAAc;YAC3B,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,KAAK,EAAI,KAAK,IACvD,mBAAmB,CACjB,CACV,CAAC;QACN,KAAK,WAAW,CAAC,QAAQ;YACrB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAI,KAAK,IACjD,iBAAiB,CACf,CACV,CAAC;QACN,KAAK,WAAW,CAAC,iBAAiB;YAC9B,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,KAAK,EAAI,KAAK,IAC1D,gBAAgB,CACd,CACV,CAAC;QACN,KAAK,WAAW,CAAC,GAAG;YAChB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,GAAG,IAC5B,SAAS,CACP,CACV,CAAC;QACN,KAAK,WAAW,CAAC,IAAI;YACjB,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,IAAI,IAC7B,SAAS,CACP,CACV,CAAC;QACN,KAAK,WAAW,CAAC,kBAAkB;YAC/B,OAAO,CACH,8BAAM,KAAK,EAAI,IAAI,CAAC,SAAS,CAAC,kBAAkB,IAC3C,cAAc,CACZ,CACV,CAAC;QACN;YACI,OAAO,CAAC,IAAI,CAAC,CAAC;KACrB;AACL,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC1D,eAAe,sBAAsB,CAAC"}

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

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

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { assets as copy } from '../../constants/copy';
+import CheckboxField from '../checkbox-field/CheckboxField';
+import { DeterminateLoader } from '../determinate-loader/DeterminateLoader';
+import { toggleAutoTag, toggleAssignToStory, cancelAssetUpload } from '../../redux/actions/asset-uploads';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import { ICON_TIMES } from '../../constants/icons';
+import Button from '../button/Button';
+class AssetsUploadMenu extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    handleCancelAssetUpload(fileName) {
+        const { api } = this.props;
+        this.props.cancelAssetUpload(fileName, api);
+    }
+    render = () => {
+        const { assetUploads: { uploads, autoTag, assignToStory } } = this.props;
+        let uploadsListInner;
+        if (uploads.length > 0) {
+            uploadsListInner = uploads.map((u) => {
+                const { filename, percent } = u;
+                const loader = (percent < 100)
+                    ? (React.createElement(DeterminateLoader, { progress: u.percent }))
+                    : (React.createElement("span", null, copy.uploads.preparePhase));
+                const closeButton = (percent < 100) && (React.createElement(Button, { key: 'btn-cancel', onClick: () => this.handleCancelAssetUpload(filename), style: 'subtle' }, ICON_TIMES));
+                return (React.createElement("div", { className: 'ongoing-upload', key: filename },
+                    React.createElement("div", { className: 'ongoing-upload-inner' },
+                        React.createElement("div", { className: 'upload-filename' }, filename),
+                        closeButton),
+                    loader));
+            });
+        }
+        else {
+            uploadsListInner = (React.createElement("div", { className: 'no-ongoing-uploads' }, copy.uploads.noUploads));
+        }
+        return (React.createElement("div", { className: 'uploads-menu' },
+            React.createElement("div", { className: 'uploads-controls' },
+                React.createElement(CheckboxField, { width: '50%', label: copy.uploads.autoTagInput, value: autoTag, onChange: () => this.props.toggleAutoTag(!autoTag) }),
+                React.createElement(CheckboxField, { width: '50%', label: copy.uploads.assignToStoryInput, info: copy.uploads.assignToStoryInfo, value: assignToStory, onChange: () => this.props.toggleAssignToStory(!assignToStory) })),
+            React.createElement("div", { className: 'uploads-list' }, uploadsListInner)));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ toggleAutoTag, toggleAssignToStory, cancelAssetUpload }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { assetUploads: state.assetUploads };
+};
+export default connect(mapStateToProps, mapDispatchToProps)(AssetsUploadMenu);
+//# sourceMappingURL=AssetsUploadMenu.js.map

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

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IDataTableDnDWrapper {
+    children: any;
+    dndType: string;
+    dndName: string;
+    row: any;
+    rowRef: any;
+    rowProps: any;
+}
+declare const DataTableDndWrapper: React.FC<IDataTableDnDWrapper>;
+export default DataTableDndWrapper;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useDrag } from 'react-dnd';
+import mergeRefs from 'react-merge-refs';
+const DataTableDndWrapper = (props) => {
+    const { dndType, dndName, row } = props;
+    const [_, drag] = useDrag({
+        type: dndType,
+        item: {
+            name: dndName,
+            rowData: row.original,
+            type: dndType
+        },
+    });
+    return (React.createElement("tr", { ...props.rowProps, ref: mergeRefs([drag, props.rowRef]) }, props.children));
+};
+export default DataTableDndWrapper;
+//# sourceMappingURL=DataTableDnDWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableDnDWrapper.js","sourceRoot":"","sources":["../../../../src/components/assets/DataTableDnDWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAWzC,MAAM,mBAAmB,GAAoC,CAAC,KAA4B,EAAE,EAAE;IAEtF,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,GAAG,KAAK,CAAC;IAEtC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC;QACtB,IAAI,EAAE,OAAO;QACb,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,GAAG,CAAC,QAAQ;YACrB,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC,CAAC;IAEH,OAAO,CACH,+BAAQ,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IACvD,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IDroppableAssetRendererProps {
+    children: any;
+    onDrop: (i: any, m: any) => any;
+}
+declare const DroppableAssetRenderer: React.FC<IDroppableAssetRendererProps>;
+export default DroppableAssetRenderer;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useDrop } from 'react-dnd';
+import { ASSET_DND_TYPES } from '../../constants/dnd';
+const DroppableAssetRenderer = (p) => {
+    const [{ canDrop, isOver }, drop] = useDrop({
+        accept: ASSET_DND_TYPES.ASSET_NAME,
+        drop: p.onDrop,
+        collect: (monitor) => ({
+            isOver: monitor.isOver(),
+            canDrop: monitor.canDrop(),
+        })
+    });
+    const border = (canDrop && isOver) ? '1px solid royalblue' : '';
+    return (React.createElement("div", { ref: drop, className: 'asset-target', style: { border } }, p.children));
+};
+export default DroppableAssetRenderer;
+//# sourceMappingURL=DroppableAssetRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DroppableAssetRenderer.js","sourceRoot":"","sources":["../../../../src/components/assets/DroppableAssetRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAOtD,MAAM,sBAAsB,GAA4C,CAAC,CAAgC,EAAE,EAAE;IACzG,MAAM,CAAC,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC;QACtC,MAAM,EAAE,eAAe,CAAC,UAAU;QAClC,IAAI,EAAE,CAAC,CAAC,MAAM;QACd,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnB,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE;YACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;SAC7B,CAAC;KACL,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhE,OAAO,CAAC,6BAAK,GAAG,EAAE,IAAI,EAAE,SAAS,EAAG,cAAc,EAAC,KAAK,EAAE,EAAC,MAAM,EAAC,IAAG,CAAC,CAAC,QAAQ,CAAO,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IFontAssetPreviewProps {
+    asset: any;
+    height?: number;
+    width?: number;
+    padding?: number;
+    active?: boolean;
+}
+declare class FontAssetPreview extends React.PureComponent<IFontAssetPreviewProps, undefined> {
+    private defaultSize;
+    constructor(props: any);
+    getWrapperStyle(): any;
+    render(): JSX.Element;
+}
+export default FontAssetPreview;

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { DEFAULT_PADDING } from '../../constants/player';
+import { getPlayerStyle } from '../players/VideoPlayer';
+import TextLayer from '../compositions/TextLayer';
+class FontAssetPreview extends React.PureComponent {
+    defaultSize = 600;
+    constructor(props) {
+        super(props);
+    }
+    getWrapperStyle() {
+        const { padding, width, height } = this.props;
+        const pad = (padding !== undefined) ? padding : DEFAULT_PADDING;
+        return getPlayerStyle(width, height, this.defaultSize, this.defaultSize, pad, this.defaultSize, this.defaultSize);
+    }
+    render() {
+        const { active, asset: { name, url, id }, width, height } = this.props;
+        const wrapperStyle = this.getWrapperStyle();
+        if (active !== false) {
+            return (React.createElement("div", { className: 'media-player' },
+                React.createElement("div", { className: 'inner-viewer', style: wrapperStyle },
+                    React.createElement(TextLayer, { options: {
+                            width,
+                            height,
+                            x: 0,
+                            y: 0,
+                            rotation: 0,
+                            id: 'xxx',
+                            name: 'xxx',
+                            content: `ABCDEFGHIJKLM\nNOPQRSTUVWXYZ\nabcdefghijklm\nnopqrstuvwxyz\n1234567890`,
+                            color: '#000000',
+                            background_color: '#ffffff',
+                            font_size: 80,
+                            font_weight: 400,
+                            font_type: 'custom',
+                            font: name,
+                            custom_font_url: url,
+                            custom_font_id: id,
+                            letter_spacing: null,
+                            word_spacing: null,
+                            line_height: null,
+                            horizontal_alignment: 'center',
+                            vertical_alignment: 'center',
+                            text_wrap: true,
+                            text_fit: true
+                        } }))));
+        }
+        else {
+            return null;
+        }
+    }
+}
+export default FontAssetPreview;
+//# sourceMappingURL=FontAssetPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontAssetPreview.js","sourceRoot":"","sources":["../../../../src/components/assets/FontAssetPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAUlD,MAAM,gBAAiB,SAAQ,KAAK,CAAC,aAAgD;IAEzE,WAAW,GAAY,GAAG,CAAC;IAEnC,YAAY,KAAK;QAEb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEM,eAAe;QAElB,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,MAAM,GAAG,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;QAEhE,OAAO,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACtH,CAAC;IAEM,MAAM;QAET,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAC,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnE,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE5C,IAAI,MAAM,KAAK,KAAK,EAAE;YAClB,OAAO,CACH,6BAAK,SAAS,EAAG,cAAc;gBAC3B,6BAAK,SAAS,EAAG,cAAc,EAAC,KAAK,EAAI,YAAY;oBACjD,oBAAC,SAAS,IACN,OAAO,EAAI;4BACP,KAAK;4BACL,MAAM;4BACN,CAAC,EAAE,CAAC;4BACJ,CAAC,EAAE,CAAC;4BACJ,QAAQ,EAAE,CAAC;4BACX,EAAE,EAAE,KAAK;4BACT,IAAI,EAAE,KAAK;4BACX,OAAO,EAAE,wEAAwE;4BACjF,KAAK,EAAE,SAAS;4BAChB,gBAAgB,EAAE,SAAS;4BAC3B,SAAS,EAAE,EAAE;4BACb,WAAW,EAAE,GAAG;4BAChB,SAAS,EAAE,QAAQ;4BACnB,IAAI,EAAE,IAAI;4BACV,eAAe,EAAE,GAAG;4BACpB,cAAc,EAAE,EAAE;4BAClB,cAAc,EAAE,IAAI;4BACpB,YAAY,EAAE,IAAI;4BAClB,WAAW,EAAE,IAAI;4BACjB,oBAAoB,EAAE,QAAQ;4BAC9B,kBAAkB,EAAE,QAAQ;4BAC5B,SAAS,EAAE,IAAI;4BACf,QAAQ,EAAE,IAAI;yBACjB,GAAG,CACN,CACJ,CACT,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface IPreviewNotAvailableProps {
+    active?: boolean;
+}
+export declare const PreviewNotAvailable: React.FC<IPreviewNotAvailableProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ICON_BAN } from '../../constants/icons';
+import { assets } from '../../constants/copy';
+export const PreviewNotAvailable = (p) => {
+    if (p.active === true || p.active === undefined) {
+        return (React.createElement("div", { className: 'preview-not-available' },
+            React.createElement("div", { className: 'cta' },
+                React.createElement("div", { className: 'icon' }, ICON_BAN),
+                React.createElement("p", null, assets.previewNotAvailable))));
+    }
+    else {
+        return null;
+    }
+};
+//# sourceMappingURL=PreviewNotAvailable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewNotAvailable.js","sourceRoot":"","sources":["../../../../src/components/assets/PreviewNotAvailable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAM9C,MAAM,CAAC,MAAM,mBAAmB,GAAyC,CAAC,CAA6B,EAAE,EAAE;IAEvG,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7C,OAAO,CAAC,6BAAK,SAAS,EAAG,uBAAuB;YAC5C,6BAAK,SAAS,EAAG,KAAK;gBAClB,6BAAK,SAAS,EAAG,MAAM,IAAE,QAAQ,CAAO;gBACxC,+BAAI,MAAM,CAAC,mBAAmB,CAAK,CACjC,CACJ,CAAC,CAAC;KACX;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC,CAAC"}

package/dist/esm/components/auth-gate/AuthGate.d.ts

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

package/dist/esm/components/auth-gate/AuthGate.js

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import ScaleLoader from 'react-spinners/ScaleLoader';
+import SessionService from '../../services/Session';
+import AuthService from '../../services/Auth0';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { login } from '../../redux/actions/auth';
+import { cacheAccessData } from '../../redux/actions/access';
+class AuthGate extends React.PureComponent {
+    static LOADER_COLOR = '#2d8ceb';
+    constructor(p) {
+        super(p);
+    }
+    componentDidMount = () => {
+        const { auth0ClientId, auth0Hash, onAuthenticated, baseUrl } = this.props;
+        AuthService.bindToClient(auth0ClientId);
+        if (!auth0Hash) {
+            AuthService.login();
+        }
+        else {
+            AuthService.parseIdFromHash(auth0Hash)
+                .then((freshIdentity) => {
+                SessionService.getAccessData(freshIdentity.idToken, baseUrl)
+                    .then((freshAccess) => {
+                    this.props.login(freshIdentity);
+                    this.props.cacheAccessData(freshAccess);
+                    SessionService.buildFreshSession(freshIdentity, freshAccess);
+                    onAuthenticated();
+                })
+                    .catch((e) => {
+                    AuthService.login();
+                });
+            })
+                .catch((e) => {
+                AuthService.login();
+            });
+        }
+    };
+    render = () => {
+        return (React.createElement("div", { className: 'auth-gate' },
+            React.createElement(ScaleLoader, { color: AuthGate.LOADER_COLOR })));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({
+        login, cacheAccessData
+    }, dispatch);
+};
+export default connect(null, mapDispatchToProps)(AuthGate);
+//# sourceMappingURL=AuthGate.js.map

package/dist/esm/components/auth-gate/AuthGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthGate.js","sourceRoot":"","sources":["../../../../src/components/auth-gate/AuthGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,WAA0B,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D,MAAM,QAAS,SAAQ,KAAK,CAAC,aAA6B;IAC9C,MAAM,CAAU,YAAY,GAAY,SAAS,CAAC;IAE1D,YAAY,CAAkB;QAC1B,KAAK,CAAC,CAAC,CAAC,CAAC;IACb,CAAC;IAEM,iBAAiB,GAAG,GAAU,EAAE;QACnC,MAAM,EAAC,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAExE,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAExC,IAAI,CAAC,SAAS,EAAE;YACZ,WAAW,CAAC,KAAK,EAAE,CAAC;SACvB;aAAM;YACH,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC;iBACjC,IAAI,CAAC,CAAC,aAAyB,EAAE,EAAE;gBAChC,cAAc,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;qBACvD,IAAI,CAAC,CAAC,WAAiB,EAAE,EAAE;oBACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;oBAChC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;oBACxC,cAAc,CAAC,iBAAiB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;oBAC7D,eAAe,EAAE,CAAC;gBACtB,CAAC,CAAC;qBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;oBACT,WAAW,CAAC,KAAK,EAAE,CAAC;gBACxB,CAAC,CAAC,CAAC;YACX,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACT,WAAW,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;SACV;IACL,CAAC,CAAA;IAEM,MAAM,GAAG,GAAiB,EAAE;QAC/B,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;YACtB,oBAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,GAAI,CAC3C,CACT,CAAC;IACN,CAAC,CAAA;;AAGL,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,EAAE;IACpC,OAAO,kBAAkB,CAAC;QACtB,KAAK,EAAE,eAAe;KACzB,EAAE,QAAQ,CAAC,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/button/Button.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface IButtonProps {
+    active?: boolean;
+    buttonRef?: any;
+    children?: any;
+    color?: string;
+    customStyles?: any;
+    size?: string;
+    style?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    width?: string;
+    tooltip?: IToolTipConfig | string;
+    onClick?(e: any): void;
+}
+declare class Button extends React.PureComponent<IButtonProps> {
+    private tooltipId;
+    constructor(props: any);
+    private onClick;
+    render(): JSX.Element;
+}
+export default Button;

package/dist/esm/components/button/Button.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { generateUUID } from '../../Util';
+import { renderTooltipProps, renderTooltip } from '../Tooltip';
+import { ICON_CIRCLE_NOTCH } from '../../constants/icons';
+class Button extends React.PureComponent {
+    tooltipId;
+    constructor(props) {
+        super(props);
+        this.tooltipId = `imposium-button-${generateUUID()}`;
+    }
+    onClick(e) {
+        if (this.props.onClick && !this.props.loading) {
+            this.props.onClick(e);
+        }
+    }
+    render() {
+        let { style, color, size, customStyles } = this.props;
+        const { width, loading, tooltip } = this.props;
+        const { active, disabled, buttonRef } = this.props;
+        const activeClass = (active) ? 'active' : '';
+        const disabledClass = (disabled) ? 'disabled' : '';
+        if (!size) {
+            size = '';
+        }
+        if (!style) {
+            style = 'default';
+        }
+        if (!color) {
+            color = '';
+        }
+        if (width) {
+            if (customStyles) {
+                customStyles['width'] = width;
+            }
+            else {
+                customStyles = {
+                    width
+                };
+            }
+        }
+        const kids = (!loading)
+            ? this.props.children
+            : React.createElement("span", { className: 'loading-icon' }, ICON_CIRCLE_NOTCH);
+        const content = React.createElement("div", { ...renderTooltipProps(this.tooltipId, tooltip), ref: buttonRef, className: `imposium-btn btn-${style} ${size} ${color} ${activeClass} ${disabledClass}`, onClick: (e) => this.onClick(e), style: customStyles },
+            kids,
+            renderTooltip(this.tooltipId, tooltip));
+        return content;
+    }
+}
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAiB1D,MAAM,MAAO,SAAQ,KAAK,CAAC,aAA2B;IAE1C,SAAS,CAAU;IAE3B,YAAY,KAAK;QAEb,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,SAAS,GAAG,mBAAmB,YAAY,EAAE,EAAE,CAAC;IACzD,CAAC;IAEO,OAAO,CAAC,CAAC;QAEb,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,CAAC;IAEM,MAAM;QAET,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACpD,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,MAAM,WAAW,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE;YAAE,IAAI,GAAG,EAAE,CAAC;SAAE;QACzB,IAAI,CAAC,KAAK,EAAE;YAAE,KAAK,GAAG,SAAS,CAAC;SAAE;QAClC,IAAI,CAAC,KAAK,EAAE;YAAE,KAAK,GAAG,EAAE,CAAC;SAAE;QAC3B,IAAI,KAAK,EAAE;YACP,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;aACjC;iBAAM;gBACH,YAAY,GAAG;oBACX,KAAK;iBACR,CAAC;aACL;SACJ;QAED,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC;YACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACrB,CAAC,CAAC,8BAAM,SAAS,EAAG,cAAc,IAAE,iBAAiB,CAAQ,CAAC;QAElE,MAAM,OAAO,GAAG,gCACR,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC/C,GAAG,EAAI,SAAS,EAChB,SAAS,EAAI,oBAAoB,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,WAAW,IAAI,aAAa,EAAE,EACzF,OAAO,EAAI,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EACjC,KAAK,EAAI,YAAY;YACpB,IAAI;YACJ,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CACrC,CAAC;QAEP,OAAO,OAAO,CAAC;IACnB,CAAC;CACJ;AAED,eAAe,MAAM,CAAC"}

package/dist/esm/components/button/Button.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const sizes: () => JSX.Element;
+export declare const styles: () => JSX.Element;
+export declare const colors: () => JSX.Element;
+export declare const loading: () => JSX.Element;
+export declare const tooltips: () => JSX.Element;