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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfcommunity/react-ui",
-  "version": "0.7.0-alpha.335",
+  "version": "0.7.0-alpha.336",
   "description": "React UI Components to integrate a Community created with SelfCommunity.",
   "author": "SelfCommunity <https://www.selfcommunity.com>",
   "homepage": "https://www.selfcommunity.com",
@@ -79,11 +79,11 @@
   "dependencies": {
     "@lexical/html": "^0.12.2",
     "@lexical/react": "^0.12.2",
-    "@selfcommunity/api-services": "^0.4.0-alpha.38",
-    "@selfcommunity/react-core": "^0.4.0-alpha.109",
-    "@selfcommunity/react-i18n": "^0.5.0-alpha.54",
-    "@selfcommunity/types": "^0.5.0-alpha.15",
-    "@selfcommunity/utils": "^0.2.0-alpha.11",
+    "@selfcommunity/api-services": "^0.4.0-alpha.39",
+    "@selfcommunity/react-core": "^0.4.0-alpha.110",
+    "@selfcommunity/react-i18n": "^0.5.0-alpha.55",
+    "@selfcommunity/types": "^0.5.0-alpha.16",
+    "@selfcommunity/utils": "^0.2.0-alpha.12",
     "@types/classnames": "^2.3.1",
     "@types/sortablejs": "1",
     "autosuggest-highlight": "^3.1.1",
@@ -160,5 +160,5 @@
   "bugs": {
     "url": "https://github.com/selfcommunity/community-js/issues"
   },
-  "gitHead": "8c89d0b47b1bd97b0297b94762ec454e208f361e"
+  "gitHead": "b7d110e4cd0c5566f484c3d9d43df9ff394aa52e"
 }

package/lib/cjs/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;

package/lib/cjs/components/Composer/Audience/Audience.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_intl_1 = require("react-intl");
-const Autocomplete_1 = tslib_1.__importDefault(require("@mui/material/Autocomplete"));
-const TextField_1 = tslib_1.__importDefault(require("@mui/material/TextField"));
-const Checkbox_1 = tslib_1.__importDefault(require("@mui/material/Checkbox"));
-const parse_1 = tslib_1.__importDefault(require("autosuggest-highlight/parse"));
-const match_1 = tslib_1.__importDefault(require("autosuggest-highlight/match"));
-const styles_1 = require("@mui/material/styles");
-const TagChip_1 = tslib_1.__importDefault(require("../../../shared/TagChip"));
-const system_1 = require("@mui/system");
-const PREFIX = 'SCComposerAudience';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(Autocomplete_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(() => ({
-    minWidth: 120
-}));
-function default_1(inProps) {
-    // Props
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { onChange, defaultValue = [], limitCountTags = 0, checkboxSelect = false, disabled = false, TextFieldProps = {
-        variant: 'outlined',
-        label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.audience.tags.label", defaultMessage: "ui.composer.audience.tags.label" })
-    }, tags = [] } = props, rest = tslib_1.__rest(props, ["onChange", "defaultValue", "limitCountTags", "checkboxSelect", "disabled", "TextFieldProps", "tags"]);
-    // State
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    // Handlers
-    const handleOpen = () => {
-        setOpen(true);
-    };
-    const handleClose = () => {
-        setOpen(false);
-    };
-    const handleChange = (event, value) => {
-        let newValue = null;
-        if (limitCountTags > 0) {
-            const [...rest] = value;
-            newValue = rest.slice(-1 * limitCountTags);
-        }
-        else {
-            newValue = value;
-        }
-        setValue(newValue);
-        onChange && onChange(newValue);
-    };
-    return (react_1.default.createElement(Root, Object.assign({ className: classes.root, open: open, onOpen: handleOpen, onClose: handleClose, disabled: disabled, multiple: true, options: tags || [], getOptionLabel: (option) => option.name || '', value: value, filterSelectedOptions: !checkboxSelect, disableCloseOnSelect: checkboxSelect, selectOnFocus: true, clearOnBlur: true, handleHomeEndKeys: true, clearIcon: null, noOptionsText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.audience.tags.empty", defaultMessage: "ui.composer.audience.tags.empty" }), onChange: handleChange, isOptionEqualToValue: (option, value) => value.id === option.id, renderTags: (value, getTagProps) => {
-            return value.map((option, index) => react_1.default.createElement(TagChip_1.default, Object.assign({ key: option.id, tag: option }, getTagProps({ index }))));
-        }, renderOption: (props, option, { selected, inputValue }) => {
-            const matches = (0, match_1.default)(option.name, inputValue);
-            const parts = (0, parse_1.default)(option.name, matches);
-            return (react_1.default.createElement("li", Object.assign({}, props),
-                checkboxSelect && react_1.default.createElement(Checkbox_1.default, { style: { marginRight: 8 }, checked: selected }),
-                react_1.default.createElement(TagChip_1.default, { key: option.id, tag: option, label: react_1.default.createElement(react_1.default.Fragment, null, parts.map((part, index) => (react_1.default.createElement("span", { key: index, style: { fontWeight: part.highlight ? 700 : 400 } }, part.text)))) })));
-        }, renderInput: (params) => {
-            return (react_1.default.createElement(TextField_1.default, Object.assign({}, params, TextFieldProps, { InputProps: Object.assign(Object.assign({}, params.InputProps), { autoComplete: 'addressing', endAdornment: react_1.default.createElement(react_1.default.Fragment, null, params.InputProps.endAdornment) }) })));
-        } }, rest)));
-}
-exports.default = default_1;

package/lib/cjs/components/Composer/Audience/index.d.ts

@@ -1,3 +0,0 @@
-import Audience, { AudienceProps } from './Audience';
-export default Audience;
-export { AudienceProps };

package/lib/cjs/components/Composer/Poll/Poll.d.ts

@@ -1,31 +0,0 @@
-import { SCFeedWidgetType } from '../../../types/feed';
-import { SCPollType } from '@selfcommunity/types';
-export interface PollProps {
-    /**
-     * Id of the feed object
-     * @default 'poll'
-     */
-    id?: string;
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
-    /**
-     * Value of the component
-     */
-    value?: SCPollType | null;
-    /**
-     * Widgets to insert into the feed
-     * @default empty array
-     */
-    error?: SCFeedWidgetType[];
-    /**
-     * Callback for change event on poll object
-     * @param value
-     * @default empty object
-     */
-    onChange: (value: SCPollType) => void;
-}
-declare const _default: (inProps: PollProps) => JSX.Element;
-export default _default;

package/lib/cjs/components/Composer/Poll/Poll.js

@@ -1,151 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-const react_intl_1 = require("react-intl");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const react_sortablejs_1 = require("react-sortablejs");
-const InputAdornment_1 = tslib_1.__importDefault(require("@mui/material/InputAdornment"));
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
-const Composer_1 = require("../../../constants/Composer");
-const it_1 = tslib_1.__importDefault(require("date-fns/locale/it"));
-const en_US_1 = tslib_1.__importDefault(require("date-fns/locale/en-US"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
-const date_fns_1 = require("date-fns");
-const localeMap = {
-    en: en_US_1.default,
-    it: it_1.default
-};
-const PREFIX = 'SCComposerPoll';
-const classes = {
-    root: `${PREFIX}-root`,
-    generalError: `${PREFIX}-generalError`,
-    title: `${PREFIX}-title`,
-    choices: `${PREFIX}-choices`,
-    choiceNew: `${PREFIX}-choice-new`,
-    metadata: `${PREFIX}-metadata`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    padding: theme.spacing(2),
-    [`& .${classes.generalError}`]: {
-        marginBottom: theme.spacing(2),
-        color: theme.palette.error.main
-    },
-    [`& .${classes.title}, & .${classes.choices}, & .${classes.choiceNew}, & .${classes.metadata}`]: {
-        marginBottom: theme.spacing(3)
-    },
-    [`& .${classes.choices} .MuiTextField-root`]: {
-        marginBottom: theme.spacing()
-    },
-    [`& .${classes.metadata}`]: {
-        marginTop: theme.spacing(3)
-    }
-}));
-const messages = (0, react_intl_1.defineMessages)({
-    choicePlaceholder: {
-        id: 'ui.composer.poll.choice.placeholder',
-        defaultMessage: 'ui.composer.poll.choice.placeholder'
-    }
-});
-const SortableComponent = (0, react_1.forwardRef)((_a, ref) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    return (react_1.default.createElement(material_1.FormGroup, Object.assign({ direction: "column", ref: ref }, props), children));
-});
-/**
- * Default poll
- */
-const DEFAULT_CHOICE = { choice: '' };
-const DEFAULT_POLL = {
-    title: '',
-    multiple_choices: false,
-    expiration_at: null,
-    choices: [Object.assign({}, DEFAULT_CHOICE), Object.assign({}, DEFAULT_CHOICE)]
-};
-exports.default = (inProps) => {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { id = 'poll', className = null, value = Object.assign({}, DEFAULT_POLL), error = {}, onChange } = props;
-    const { titleError = null, error: generalError = null } = Object.assign({}, error);
-    // STATE
-    const [title, setTitle] = (0, react_1.useState)(value !== null ? value.title : DEFAULT_POLL.title);
-    const [multiple, setMultiple] = (0, react_1.useState)(value !== null ? value.multiple_choices : DEFAULT_POLL.multiple_choices);
-    const [expiration, setExpiration] = react_1.default.useState(value !== null ? value.expiration_at : DEFAULT_POLL.expiration_at);
-    const _choicesInitialState = [...(value !== null ? value.choices : DEFAULT_POLL.choices)];
-    while (_choicesInitialState.length < Composer_1.COMPOSER_POLL_MIN_CHOICES) {
-        _choicesInitialState.push(Object.assign({}, DEFAULT_CHOICE));
-    }
-    const [choices, setChoices] = (0, react_1.useState)(_choicesInitialState);
-    // INTL
-    const intl = (0, react_intl_1.useIntl)();
-    // Component update
-    (0, react_1.useEffect)(() => {
-        if (onChange && (title || titleError || expiration !== null || choices.filter((c) => c.choice.length > 0).length > 0)) {
-            onChange({ title, expiration_at: expiration, multiple_choices: multiple, choices: choices.filter((c) => c.choice.length > 0) });
-        }
-    }, [title, multiple, expiration, choices]);
-    // HANDLERS
-    const handleChangeTitle = (event) => {
-        setTitle(event.target.value);
-    };
-    const handleChangeMultiple = (event) => {
-        setMultiple(event.target.checked);
-    };
-    const handleChangeExpiration = (value) => {
-        setExpiration(value);
-    };
-    const handleAddChoice = () => {
-        setChoices([...choices, Object.assign({}, DEFAULT_CHOICE)]);
-    };
-    const handleChangeChoice = (index) => {
-        return (event) => {
-            const _choices = [...choices];
-            _choices[index].choice = event.target.value;
-            setChoices(_choices);
-        };
-    };
-    const handleDeleteChoice = (index) => {
-        return () => {
-            const _choices = [...choices];
-            _choices.splice(index, 1);
-            setChoices(_choices);
-        };
-    };
-    const minDate = new Date();
-    minDate.setDate(minDate.getDate() + Composer_1.COMPOSER_POLL_MIN_CLOSE_DATE_DELTA);
-    return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className) },
-        generalError && react_1.default.createElement(material_1.Typography, { className: classes.generalError }, generalError),
-        react_1.default.createElement(material_1.Box, { className: classes.title },
-            react_1.default.createElement(material_1.TextField, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.title", defaultMessage: "ui.composer.poll.title" }), variant: "outlined", value: title, onChange: handleChangeTitle, fullWidth: true, error: Boolean(titleError), helperText: titleError && titleError, InputProps: {
-                    endAdornment: react_1.default.createElement(material_1.Typography, { variant: "body2" }, Composer_1.COMPOSER_POLL_TITLE_MAX_LENGTH - title.length)
-                } })),
-        react_1.default.createElement(material_1.Box, { className: classes.choices },
-            react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: [...choices], setList: (newSort) => setChoices(newSort), tag: SortableComponent }, choices.map((choice, index) => (react_1.default.createElement(material_1.TextField, { key: index, placeholder: intl.formatMessage(messages.choicePlaceholder), value: choice.choice, onChange: handleChangeChoice(index), variant: "outlined", InputProps: {
-                    startAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "start" },
-                        react_1.default.createElement(Icon_1.default, null, "drag"))),
-                    endAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "end" },
-                        react_1.default.createElement(material_1.Tooltip, { title: choices.length <= Composer_1.COMPOSER_POLL_MIN_CHOICES ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.choice.delete.disabled", defaultMessage: "ui.composer.poll.choice.delete.disabled" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.choice.delete", defaultMessage: "ui.composer.poll.choice.delete" })) },
-                            react_1.default.createElement("span", null,
-                                react_1.default.createElement(material_1.IconButton, { onClick: handleDeleteChoice(index), disabled: choices.length <= Composer_1.COMPOSER_POLL_MIN_CHOICES, edge: "end" },
-                                    react_1.default.createElement(Icon_1.default, null, "delete"))))))
-                } }))))),
-        react_1.default.createElement(material_1.Box, { className: classes.choiceNew },
-            react_1.default.createElement(material_1.Button, { color: "inherit", variant: "text", onClick: handleAddChoice },
-                react_1.default.createElement(Icon_1.default, null, "add"),
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.choice.add", defaultMessage: "ui.composer.choice.add" }))),
-        react_1.default.createElement(material_1.Divider, null),
-        react_1.default.createElement(material_1.FormGroup, { className: classes.metadata },
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: multiple, onChange: handleChangeMultiple }), label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.multiple", defaultMessage: "ui.composer.poll.multiple" }) }),
-            react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, adapterLocale: localeMap[intl.locale] },
-                react_1.default.createElement(x_date_pickers_1.DatePicker, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.poll.expiration", defaultMessage: "ui.composer.poll.expiration" }), value: typeof expiration === 'string' ? (0, date_fns_1.parseISO)(expiration) : expiration, onChange: handleChangeExpiration, slotProps: { textField: { variant: 'outlined' } }, minDate: minDate })))));
-};

package/lib/cjs/components/Composer/Poll/index.d.ts

@@ -1,3 +0,0 @@
-import Poll, { PollProps } from './Poll';
-export default Poll;
-export { PollProps };

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

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

package/lib/cjs/shared/Media/Document/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 document" }),
-        react_1.default.createElement(Icon_1.default, null, "picture_as_pdf")));
-};

package/lib/cjs/shared/Media/Document/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/Document/EditComponent.js

@@ -1,103 +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 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 Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const upload_drop_zone_1 = tslib_1.__importDefault(require("@rpldy/upload-drop-zone"));
-const PREFIX = 'SCMediaActionDocument';
-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}`]: {
-        backgroundColor: theme.palette.background.default,
-        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 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 = [], 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) => {
-        //filter out files larger than 5MB
-        return file.type === 'application/pdf';
-    }, []);
-    // 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, { title: media.title, 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)}%`) }))))))),
-        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()}`,
-                headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` },
-                method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-            }, chunkSize: 204800, multiple: true, accept: "application/pdf", fileFilter: filterByMime },
-            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: "document", className: classes.upload },
-                react_1.default.createElement(UploadButton, { inputFieldName: "document", className: classes.uploadBtn })))));
-};

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

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

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

@@ -1,43 +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 PreviewComponent_1 = tslib_1.__importDefault(require("../Image/PreviewComponent"));
-const Media_1 = require("../../../constants/Media");
-const PREFIX = 'SCPreviewMediaDocument';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(PreviewComponent_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-exports.default = (props) => {
-    // PROPS
-    const { medias = [], onMediaClick } = props, rest = tslib_1.__rest(props, ["medias", "onMediaClick"]);
-    /**
-     * Handles click on pdf
-     * @param doc
-     */
-    const handleClickOnPdf = (doc) => {
-        if (doc && doc.index >= Media_1.MAX_GRID_IMAGES - 1) {
-            // Open the post/discussion
-            // history.push(url(threadType, {id: thread.id, slug: thread.slug})());
-        }
-        else if (doc.src && doc.src.url) {
-            // Open file in target blank
-            let win = window.open(doc.src.url, '_blank');
-            win.focus();
-        }
-        onMediaClick(doc.src);
-    };
-    /**
-     * Renders document preview
-     */
-    if (medias.length > 0) {
-        return react_1.default.createElement(Root, Object.assign({ className: classes.root, medias: medias }, rest, { onClick: handleClickOnPdf }));
-    }
-    return null;
-};

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

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

package/lib/cjs/shared/Media/Document/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 Document = {
-    name: 'document',
-    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_DOCUMENT
-};
-exports.default = Document;

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

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

package/lib/cjs/shared/Media/Image/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 image" }),
-        react_1.default.createElement(Icon_1.default, null, "image")));
-};

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

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