@selfcommunity/react-ui 0.7.0-alpha.335 → 0.7.0-alpha.337

package/lib/cjs/shared/Media/Image/EditComponent.js

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const upload_button_1 = require("@rpldy/upload-button");
-const react_1 = tslib_1.__importStar(require("react"));
-const material_1 = require("@mui/material");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const react_intl_1 = require("react-intl");
-const react_sortablejs_1 = require("react-sortablejs");
-const chunked_uploady_1 = tslib_1.__importDefault(require("@rpldy/chunked-uploady"));
-const api_services_1 = require("@selfcommunity/api-services");
-const react_core_1 = require("@selfcommunity/react-core");
-const styles_1 = require("@mui/material/styles");
-const MediaChunkUploader_1 = tslib_1.__importDefault(require("../../MediaChunkUploader"));
-const upload_drop_zone_1 = tslib_1.__importDefault(require("@rpldy/upload-drop-zone"));
-const PREFIX = 'SCMediaActionImage';
-const classes = {
-    root: `${PREFIX}-root`,
-    preview: `${PREFIX}-preview`,
-    upload: `${PREFIX}-upload`,
-    dragOver: `${PREFIX}-dragOver`,
-    uploadBtn: `${PREFIX}-uploadBtn`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    padding: theme.spacing(),
-    [`& .${classes.preview}`]: {
-        backgroundSize: 'cover !important',
-        backgroundPosition: 'center !important',
-        backgroundRepeat: 'no-repeat !important',
-        height: 200,
-        position: 'relative'
-    },
-    [`& .${classes.upload}`]: {
-        textAlign: 'center'
-    }
-}));
-const UploadButton = (0, upload_button_1.asUploadButton)((0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(material_1.Button, Object.assign({}, props, { "aria-label": "upload image", ref: ref, variant: "outlined", color: "inherit" }),
-    react_1.default.createElement(Icon_1.default, null, "image"),
-    " ",
-    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.image.add", defaultMessage: "ui.composer.media.image.add" })))));
-const SortableComponent = (0, react_1.forwardRef)((_a, ref) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    return (react_1.default.createElement(material_1.ImageList, Object.assign({ ref: ref, cols: 3 }, props), children));
-});
-exports.default = (props) => {
-    //PROPS
-    const { medias = [], onProgress, onSuccess, onSort, onDelete } = props;
-    // STATE
-    const [uploading, setUploading] = (0, react_1.useState)({});
-    const [errors, setErrors] = (0, react_1.useState)({});
-    // CONTEXT
-    const scContext = (0, react_1.useContext)(react_core_1.SCContext);
-    // FILTER
-    const filterByMime = (0, react_1.useCallback)((file) => {
-        return file.type.startsWith('image/');
-    }, []);
-    // HANDLERS
-    const handleSuccess = (media) => {
-        onSuccess(media);
-    };
-    const handleProgress = (chunks) => {
-        setUploading(Object.assign({}, chunks));
-        onProgress && onProgress(Object.values(chunks));
-    };
-    const handleError = (chunk, error) => {
-        setErrors(Object.assign(Object.assign({}, errors), { [chunk.id]: Object.assign(Object.assign({}, chunk), { error }) }));
-    };
-    const handleRemoveErrors = (id) => {
-        return () => {
-            delete errors[id];
-            setErrors(Object.assign({}, errors));
-        };
-    };
-    /**
-     * Renders root object
-     */
-    return (react_1.default.createElement(Root, { className: classes.root },
-        (medias.length > 0 || Object.values(uploading).length > 0) && (react_1.default.createElement(material_1.Typography, { gutterBottom: true, component: "div" },
-            react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: [...medias, ...Object.values(uploading)], setList: (newSort) => onSort(newSort.filter((s) => s.upload_id === undefined)), tag: SortableComponent },
-                medias.map((media) => (react_1.default.createElement(material_1.ImageListItem, { key: media.id },
-                    react_1.default.createElement(material_1.Box, { className: classes.preview, sx: { backgroundImage: `url(${media.image})` } }),
-                    react_1.default.createElement(material_1.ImageListItemBar, { actionIcon: react_1.default.createElement(material_1.IconButton, { onClick: onDelete(media.id), size: "small", sx: { color: 'rgba(255, 255, 255, 0.54)' } },
-                            react_1.default.createElement(Icon_1.default, null, "delete")) })))),
-                Object.values(uploading).map((media) => (react_1.default.createElement(material_1.ImageListItem, { key: media.id, className: 'ignore-elements' },
-                    react_1.default.createElement(material_1.Box, { className: classes.preview, sx: { backgroundImage: `url(${media.image})` } }),
-                    react_1.default.createElement(material_1.ImageListItemBar, { title: react_1.default.createElement(material_1.Typography, { align: "center" }, `${Math.round(media.completed)}%`) }))))))),
-        react_1.default.createElement(material_1.Box, null, Object.keys(errors).map((id) => (react_1.default.createElement(material_1.Fade, { in: true, key: id },
-            react_1.default.createElement(material_1.Alert, { severity: "error", onClose: handleRemoveErrors(id) },
-                react_1.default.createElement(material_1.AlertTitle, null, errors[id].name),
-                errors[id].error))))),
-        react_1.default.createElement(chunked_uploady_1.default, { destination: {
-                url: `${scContext.settings.portal}${api_services_1.Endpoints.ComposerChunkUploadMedia.url()}`,
-                method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-            }, fileFilter: filterByMime, chunkSize: 204800, multiple: true, accept: "image/*;capture=camera" },
-            react_1.default.createElement(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
-            react_1.default.createElement(upload_drop_zone_1.default, { onDragOverClassName: classes.dragOver, inputFieldName: "image", className: classes.upload },
-                react_1.default.createElement(UploadButton, { inputFieldName: "image", className: classes.uploadBtn })))));
-};

package/lib/cjs/shared/Media/Image/PreviewImage/index.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Lightbox_1 = tslib_1.__importDefault(require("../../../Lightbox"));
-const PREFIX = 'SCPreviewImage';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(Lightbox_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(() => ({}));
-function PreviewImage(props) {
-    // PROPS
-    const { images = [], index = 0, onClose, onIndexChange } = props, rest = tslib_1.__rest(props, ["images", "index", "onClose", "onIndexChange"]);
-    /**
-     * Gets image url
-     * @param image
-     */
-    function getImageUrl(image) {
-        if (typeof image === 'object') {
-            return image.image ? image.image : '/static/frontend_v2/images/image.svg';
-        }
-        return image;
-    }
-    /**
-     * Gets image key identifier
-     * @param image
-     */
-    function getImageId(image) {
-        return image.id;
-    }
-    /**
-     * Renders root object
-     */
-    return (react_1.default.createElement(Root, Object.assign({}, rest, { className: classes.root, images: images.map((item, index) => ({ src: getImageUrl(item), key: index })), visible: index !== -1, onClose: onClose, index: index, onIndexChange: onIndexChange })));
-}
-exports.default = PreviewImage;

package/lib/cjs/shared/Media/Image/index.d.ts

@@ -1,3 +0,0 @@
-import { SCMediaObjectType } from '../../../types/media';
-declare const Image: SCMediaObjectType;
-export default Image;

package/lib/cjs/shared/Media/Image/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const PreviewComponent_1 = tslib_1.__importDefault(require("./PreviewComponent"));
-const EditButton_1 = tslib_1.__importDefault(require("./EditButton"));
-const EditComponent_1 = tslib_1.__importDefault(require("./EditComponent"));
-const Media_1 = require("../../../constants/Media");
-const Image = {
-    name: 'image',
-    previewComponent: (props) => react_1.default.createElement(PreviewComponent_1.default, Object.assign({}, props)),
-    editButton: (props) => react_1.default.createElement(EditButton_1.default, Object.assign({}, props)),
-    editComponent: (props) => react_1.default.createElement(EditComponent_1.default, Object.assign({}, props)),
-    filter: (media) => media.type === Media_1.MEDIA_TYPE_IMAGE
-};
-exports.default = Image;

package/lib/cjs/shared/Media/Link/EditButton.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (props: any) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Link/EditButton.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const material_1 = require("@mui/material");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-exports.default = (props) => {
-    return (react_1.default.createElement(material_1.IconButton, Object.assign({}, props, { "aria-label": "add link" }),
-        react_1.default.createElement(Icon_1.default, null, "link")));
-};

package/lib/cjs/shared/Media/Link/EditComponent.d.ts

@@ -1,3 +0,0 @@
-import { EditMediaProps } from '../types';
-declare const _default: (props: EditMediaProps) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Link/EditComponent.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const material_1 = require("@mui/material");
-const react_intl_1 = require("react-intl");
-const react_sortablejs_1 = require("react-sortablejs");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const styles_1 = require("@mui/material/styles");
-const PreviewComponent_1 = tslib_1.__importDefault(require("./PreviewComponent"));
-const UrlTextField_1 = tslib_1.__importDefault(require("./UrlTextField"));
-const PREFIX = 'SCMediaActionLink';
-const classes = {
-    link: `${PREFIX}-link`,
-    close: `${PREFIX}-close`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    padding: theme.spacing(),
-    [`& .${classes.link}`]: {
-        position: 'relative'
-    },
-    [`& .${classes.close}`]: {
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        margin: theme.spacing()
-    }
-}));
-exports.default = (props) => {
-    // PROPS
-    const { medias = [], onSuccess, onSort, onDelete } = props;
-    /**
-     * Renders root object
-     */
-    return (react_1.default.createElement(Root, null,
-        react_1.default.createElement(UrlTextField_1.default, { id: "page", name: "page", label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: onSuccess }),
-        medias.length > 0 && (react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: medias, setList: onSort }, medias.map((media) => (react_1.default.createElement(material_1.Box, { key: media.id, m: 1, className: classes.link },
-            react_1.default.createElement(PreviewComponent_1.default, { medias: [media] }),
-            react_1.default.createElement(material_1.Box, { className: classes.close },
-                react_1.default.createElement(material_1.IconButton, { onClick: onDelete(media.id), size: "small" },
-                    react_1.default.createElement(Icon_1.default, null, "delete"))))))))));
-};

package/lib/cjs/shared/Media/Share/PreviewComponent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const _default: ({ medias, adornment }: {
-    medias: any[];
-    GridImageProps?: any;
-    adornment?: React.ReactNode;
-}) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Share/PreviewComponent.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
-const FeedObject_1 = tslib_1.__importDefault(require("../../../components/FeedObject"));
-const feedObject_1 = require("../../../types/feedObject");
-const utils_1 = require("@selfcommunity/utils");
-const PREFIX = 'SCPreviewMediaShare';
-const classes = {
-    sharePreview: `${PREFIX}-share-preview`,
-    sharePlaceholder: `${PREFIX}-share-placeholder`
-};
-const Root = (0, styles_1.styled)(Box_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.sharePreview}`]: {
-        padding: 16
-    },
-    [`& .${classes.sharePlaceholder}`]: {
-        margin: 16
-    }
-}));
-exports.default = ({ medias = [], adornment = null }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, medias.length > 0 && (react_1.default.createElement(Root, null,
-        adornment,
-        medias.map((media, i) => (react_1.default.createElement(Box_1.default, { className: classes.sharePreview, key: i },
-            react_1.default.createElement(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST }))))))));
-};

package/lib/cjs/shared/Media/Video/EditButton.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (props: any) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Video/EditButton.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const material_1 = require("@mui/material");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-exports.default = (props) => {
-    return (react_1.default.createElement(material_1.IconButton, Object.assign({}, props, { "aria-label": "upload video" }),
-        react_1.default.createElement(Icon_1.default, null, "play_circle_outline")));
-};

package/lib/cjs/shared/Media/Video/EditComponent.d.ts

@@ -1,3 +0,0 @@
-import { EditMediaProps } from '../types';
-declare const _default: (props: EditMediaProps) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Video/EditComponent.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const upload_button_1 = require("@rpldy/upload-button");
-const react_1 = tslib_1.__importStar(require("react"));
-const material_1 = require("@mui/material");
-const react_intl_1 = require("react-intl");
-const react_sortablejs_1 = require("react-sortablejs");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const chunked_uploady_1 = tslib_1.__importDefault(require("@rpldy/chunked-uploady"));
-const api_services_1 = require("@selfcommunity/api-services");
-const react_core_1 = require("@selfcommunity/react-core");
-const styles_1 = require("@mui/material/styles");
-const MediaChunkUploader_1 = tslib_1.__importDefault(require("../../MediaChunkUploader"));
-const PREFIX = 'SCMediaActionVideo';
-const classes = {
-    preview: `${PREFIX}-preview`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    padding: theme.spacing(),
-    [`& .${classes.preview}`]: {
-        backgroundColor: theme.palette.background.default,
-        height: 200,
-        position: 'relative'
-    }
-}));
-const UploadButton = (0, upload_button_1.asUploadButton)((0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(material_1.Button, Object.assign({}, props, { "aria-label": "upload document", ref: ref, variant: "outlined", color: "inherit" }),
-    react_1.default.createElement(Icon_1.default, null, "picture_as_pdf"),
-    " ",
-    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.document.add", defaultMessage: "ui.composer.media.document.add" })))));
-const SortableComponent = (0, react_1.forwardRef)((_a, ref) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    return (react_1.default.createElement(material_1.ImageList, Object.assign({ ref: ref, cols: 3 }, props), children));
-});
-exports.default = (props) => {
-    //PROPS
-    const { medias = [], onSuccess, onSort, onDelete } = props;
-    // STATE
-    const [uploading, setUploading] = (0, react_1.useState)({});
-    const [errors, setErrors] = (0, react_1.useState)({});
-    // CONTEXT
-    const scContext = (0, react_1.useContext)(react_core_1.SCContext);
-    // HANDLERS
-    const handleSuccess = (media) => {
-        onSuccess(media);
-    };
-    const handleProgress = (chunks) => {
-        setUploading(Object.assign({}, chunks));
-    };
-    const handleError = (chunk, error) => {
-        setErrors(Object.assign(Object.assign({}, errors), { [chunk.id]: Object.assign(Object.assign({}, chunk), { error }) }));
-    };
-    const handleRemoveErrors = (id) => {
-        return () => {
-            delete errors[id];
-            setErrors(Object.assign({}, errors));
-        };
-    };
-    /**
-     * Renders root object
-     */
-    return (react_1.default.createElement(Root, null,
-        react_1.default.createElement(material_1.Typography, { gutterBottom: true, component: "div" },
-            react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: [...medias, ...Object.values(uploading)], setList: (newSort) => onSort(newSort.filter((s) => s.upload_id === undefined)), tag: SortableComponent },
-                medias.map((media) => (react_1.default.createElement(material_1.ImageListItem, { key: media.id },
-                    react_1.default.createElement(material_1.Box, { className: classes.preview, sx: { backgroundImage: `url(${media.image})` } }),
-                    react_1.default.createElement(material_1.ImageListItemBar, { position: "top", actionIcon: react_1.default.createElement(material_1.IconButton, { onClick: onDelete(media.id), size: "small", sx: { color: 'rgba(255, 255, 255, 0.54)' } },
-                            react_1.default.createElement(Icon_1.default, null, "delete")) })))),
-                Object.values(uploading).map((media) => (react_1.default.createElement(material_1.ImageListItem, { key: media.id, className: 'ignore-elements' },
-                    react_1.default.createElement(material_1.Box, { className: classes.preview, sx: { backgroundImage: `url(${media.image})` } },
-                        react_1.default.createElement(Icon_1.default, { sx: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%' } }, "picture_as_pdf")),
-                    react_1.default.createElement(material_1.ImageListItemBar, { title: react_1.default.createElement(material_1.Typography, { align: "center" }, `${Math.round(media.completed)}%`), position: "top" })))))),
-        react_1.default.createElement(material_1.Box, null, Object.keys(errors).map((id) => (react_1.default.createElement(material_1.Fade, { in: true, key: id },
-            react_1.default.createElement(material_1.Alert, { severity: "error", onClose: handleRemoveErrors(id) },
-                react_1.default.createElement(material_1.AlertTitle, null, errors[id].name),
-                errors[id].error))))),
-        react_1.default.createElement(material_1.Typography, { align: "center", gutterBottom: true },
-            react_1.default.createElement(chunked_uploady_1.default, { destination: {
-                    url: `${scContext.settings.portal}${api_services_1.Endpoints.ComposerChunkUploadMedia.url()}`,
-                    headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` },
-                    method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-                }, chunkSize: 204800, multiple: true, accept: "application/pdf" },
-                react_1.default.createElement(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
-                react_1.default.createElement(UploadButton, { inputFieldName: "document" })))));
-};

package/lib/cjs/shared/Media/Video/PreviewComponent.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface PreviewVideoProps {
-    /**
-     * Medias
-     * @default []
-     */
-    medias: any[];
-    /**
-     * Component adornments
-     * @default null
-     */
-    adornment?: React.ReactNode;
-    /**
-     * Handles on media click
-     */
-    onMediaClick?: (any: any) => void;
-}
-declare const _default: (props: PreviewVideoProps) => JSX.Element;
-export default _default;

package/lib/cjs/shared/Media/Video/PreviewComponent.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const react_lazyload_1 = tslib_1.__importDefault(require("react-lazyload"));
-const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
-const AutoPlayer_1 = tslib_1.__importDefault(require("../../AutoPlayer"));
-const LazyLoad_1 = require("../../../constants/LazyLoad");
-const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
-const PREFIX = 'SCPreviewMediaVideo';
-const classes = {
-    previewVideo: `${PREFIX}-preview-video`
-};
-const Root = (0, styles_1.styled)(Box_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.previewVideo}`]: {
-        minHeight: 360
-    }
-}));
-exports.default = (props) => {
-    // PROPS
-    const { medias = [], adornment = null, onMediaClick } = props;
-    const handleVideoClick = (link) => {
-        onMediaClick(link);
-    };
-    /**
-     * Renders Video preview
-     */
-    return (react_1.default.createElement(react_1.default.Fragment, null, medias.length > 0 && (react_1.default.createElement(Root, null,
-        adornment,
-        medias.map((v, i) => (react_1.default.createElement(react_lazyload_1.default, { height: 360, placeholder: react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, className: classes.previewVideo, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
-            react_1.default.createElement(AutoPlayer_1.default, { url: v.url, width: '100%', onVideoWatch: () => handleVideoClick(v) }))))))));
-};

package/lib/cjs/shared/Media/Video/index.d.ts

@@ -1,3 +0,0 @@
-import { SCMediaObjectType } from '../../../types/media';
-declare const Video: SCMediaObjectType;
-export default Video;

package/lib/cjs/shared/Media/Video/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const PreviewComponent_1 = tslib_1.__importDefault(require("./PreviewComponent"));
-const EditButton_1 = tslib_1.__importDefault(require("./EditButton"));
-const EditComponent_1 = tslib_1.__importDefault(require("./EditComponent"));
-const Media_1 = require("../../../constants/Media");
-const Video = {
-    name: 'video',
-    previewComponent: (props) => react_1.default.createElement(PreviewComponent_1.default, Object.assign({}, props)),
-    editButton: (props) => react_1.default.createElement(EditButton_1.default, Object.assign({}, props)),
-    editComponent: (props) => react_1.default.createElement(EditComponent_1.default, Object.assign({}, props)),
-    filter: (media) => media.type === Media_1.MEDIA_TYPE_URL && media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_VIMEO_TYPE
-};
-exports.default = Video;

package/lib/cjs/shared/MediasPreview/index.d.ts

@@ -1,18 +0,0 @@
-import { SCMediaObjectType } from '../../types/media';
-export interface MediaPreviewProps {
-    /**
-     * Medias preview array
-     */
-    medias: Array<any>;
-    /**
-     * Media types
-     * @default 'image', 'document', 'link', 'share'
-     */
-    mediaObjectTypes?: Array<SCMediaObjectType>;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
-}
-declare const _default: (props: MediaPreviewProps) => JSX.Element;
-export default _default;

package/lib/cjs/shared/MediasPreview/index.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
-const Document_1 = tslib_1.__importDefault(require("../Media/Document"));
-const Image_1 = tslib_1.__importDefault(require("../Media/Image"));
-const Link_1 = tslib_1.__importDefault(require("../Media/Link"));
-const Share_1 = tslib_1.__importDefault(require("../Media/Share"));
-const react_core_1 = require("@selfcommunity/react-core");
-const PREFIX = 'SCMedias';
-const Root = (0, styles_1.styled)(Box_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    position: 'relative',
-    marginTop: 0,
-    marginLeft: -2,
-    marginRight: -2
-}));
-exports.default = (props) => {
-    //PROPS
-    const { medias, mediaObjectTypes = [Image_1.default, Document_1.default, Link_1.default, Share_1.default] } = props, rest = tslib_1.__rest(props, ["medias", "mediaObjectTypes"]);
-    const { handleMediaClick } = (0, react_core_1.useSCMediaClick)();
-    if (!medias.length) {
-        /**
-         * Feed without any medias:
-         * don't render anything
-         */
-        return null;
-    }
-    /**
-     * Renders list of media preview
-     * The adornment prop is used to insert the controls
-     * for re-editing the media at the top of the group of elements
-     */
-    return (react_1.default.createElement(Root, Object.assign({}, rest), mediaObjectTypes.map((mediaObject) => {
-        const { previewProps = {} } = mediaObject;
-        return (react_1.default.createElement("div", { key: mediaObject.name },
-            react_1.default.createElement(mediaObject.previewComponent, Object.assign({ medias: medias.filter(mediaObject.filter) }, previewProps, { onMediaClick: handleMediaClick }))));
-    })));
-};

package/lib/esm/components/Composer/Audience/Audience.d.ts

@@ -1,71 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
-import { InternalStandardProps as StandardProps } from '@mui/material';
-import { AutocompleteClasses } from '@mui/material/Autocomplete/autocompleteClasses';
-import { OverridableStringUnion } from '@mui/types';
-import { AutocompletePropsSizeOverrides } from '@mui/material/Autocomplete/Autocomplete';
-import { SCTagType } from '@selfcommunity/types';
-export interface AudienceProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
-    /**
-     * Overrides or extends the styles applied to the component.
-     */
-    classes?: Partial<AutocompleteClasses>;
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', AutocompletePropsSizeOverrides>;
-    /**
-     * The addressing tags to use to address the content
-     * @default []
-     */
-    tags: SCTagType[];
-    /**
-     * The maximum number of tags that will be visible when not focused.
-     * Set `-1` to disable the limit.
-     * @default -1
-     */
-    limitTags?: number;
-    /**
-     * If `true`, hide the selected options from the list box.
-     * @default false
-     */
-    filterSelectedOptions?: boolean;
-    /**
-     * If `true`, the popup won't close when a value is selected.
-     * @default false
-     */
-    disableCloseOnSelect?: boolean;
-    /**
-     * If `true`, the autocomplete will be disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Force the visibility display of the popup icon.
-     * @default 'auto'
-     */
-    defaultValue?: SCTagType[];
-    /**
-     * The maximum number of tags that will be visible when not focused.
-     * @default 0
-     */
-    limitCountTags?: number;
-    /**
-     * If checkbox is selected
-     * @default false
-     */
-    checkboxSelect?: boolean;
-    /**
-     * The props applied to text field
-     * @default {variant: 'outlined, label: audience_tags_label}
-     */
-    TextFieldProps?: TextFieldProps;
-    /**
-     * Callback for change event on poll object
-     * @param value
-     * @default empty object
-     */
-    onChange?: (value: any) => void;
-}
-export default function (inProps: AudienceProps): JSX.Element;