@selfcommunity/react-ui 0.8.0-embeds.16 → 0.8.0-live.40

package/lib/umd/react-ui.js.LICENSE.txt

@@ -1 +1,3 @@
 /*! (c) 2023 - present: Quentral Srl | https://github.com/selfcommunity/community-js/blob/master/LICENSE.md */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@selfcommunity/react-ui",
-	"version": "0.8.0-embeds.16+190a2ba56",
+	"version": "0.8.0-live.40+7126b1705",
 	"description": "React UI Components to integrate a Community created with SelfCommunity Platform.",
 	"author": "SelfCommunity <https://www.selfcommunity.com>",
 	"homepage": "https://www.selfcommunity.com",
@@ -81,6 +81,9 @@
 		"@emotion/styled": "^11.11.0",
 		"@lexical/html": "^0.15.0",
 		"@lexical/react": "^0.15.0",
+		"@livekit/components-react": "2.6.5",
+		"@livekit/components-styles": "1.1.4",
+		"@livekit/krisp-noise-filter": "0.2.12",
 		"@lottiefiles/react-lottie-player": "^3.5.4",
 		"@mui/lab": "~5.0.0-alpha.159",
 		"@mui/material": "^5.15.3",
@@ -92,11 +95,11 @@
 		"@rpldy/upload-drop-zone": "^1.7.1",
 		"@rpldy/upload-preview": "^1.7.1",
 		"@rpldy/uploady": "^1.7.1",
-		"@selfcommunity/api-services": "0.5.0-embeds.28+190a2ba56",
-		"@selfcommunity/react-core": "0.5.0-embeds.16+190a2ba56",
-		"@selfcommunity/react-i18n": "0.6.0-embeds.16+190a2ba56",
-		"@selfcommunity/types": "0.6.0-embeds.28+190a2ba56",
-		"@selfcommunity/utils": "0.2.56-embeds.31+190a2ba56",
+		"@selfcommunity/api-services": "0.5.0-live.64+7126b1705",
+		"@selfcommunity/react-core": "0.5.0-live.64+7126b1705",
+		"@selfcommunity/react-i18n": "0.6.0-live.70+7126b1705",
+		"@selfcommunity/types": "0.6.0-live.64+7126b1705",
+		"@selfcommunity/utils": "0.2.56-live.122+7126b1705",
 		"@types/classnames": "^2.3.1",
 		"@types/sortablejs": "1",
 		"autosuggest-highlight": "^3.3.4",
@@ -105,7 +108,8 @@
 		"emoji-picker-react": "4.5.16",
 		"lexical": "0.15.0",
 		"libphonenumber-js": "^1.10.53",
-		"mui-color-input": "^3.0.0",
+		"livekit-client": "2.5.9",
+		"mui-color-input": "4.0.1",
 		"notistack": "^3.0.1",
 		"pdfjs-dist": "3.11.174",
 		"prop-types": "^15.8.1",
@@ -117,7 +121,7 @@
 		"react-intersection-observer": "^9.4.3",
 		"react-intl": "^6.4.7",
 		"react-lazyload": "^3.2.0",
-		"react-photo-view": "^1.2.3",
+		"react-photo-view": "^1.2.6",
 		"react-player": "^2.12.0",
 		"react-share": "^4.4.1",
 		"react-sortablejs": "^6.1.4",
@@ -134,6 +138,10 @@
 		"yjs": "^13.6.7"
 	},
 	"devDependencies": {
+		"@babel/core": "^7.7.4",
+		"@babel/preset-env": "^7.25.8",
+		"@babel/preset-react": "^7.7.4",
+		"@babel/preset-typescript": "^7.7.4",
 		"@types/chai": "^4.2.14",
 		"@types/enzyme": "^3.10.8",
 		"@types/jest": "^26.0.20",
@@ -143,6 +151,8 @@
 		"@typescript-eslint/eslint-plugin": "^4.14.2",
 		"@typescript-eslint/parser": "^4.14.2",
 		"babel-jest": "^26.6.3",
+		"babel-loader": "^8.2.2",
+		"babel-preset-env-modules": "^1.0.0",
 		"chai": "^4.2.0",
 		"cherry-pick": "^0.5.0",
 		"enzyme": "^3.10.0",
@@ -164,9 +174,8 @@
 		"sinon": "^9.2.4",
 		"transpile-webpack-plugin": "^1.1.3",
 		"tslib": "^2.6.2",
-		"typescript": "^4.1.3",
+		"typescript": "^5.1.3",
 		"webpack": "^5.20.1",
-		"webpack-atoms": "^17.1.0",
 		"webpack-bundle-analyzer": "^4.9.0",
 		"webpack-cli": "^4.5.0"
 	},
@@ -180,5 +189,8 @@
 	"bugs": {
 		"url": "https://github.com/selfcommunity/community-js/issues"
 	},
-	"gitHead": "190a2ba56814779eba5e8650a6c06cda98b96dcd"
+	"engines": {
+		"node": ">=18"
+	},
+	"gitHead": "7126b1705d056e1ff5a626acc948f9889d8a9258"
 }

package/lib/cjs/shared/Media/File/Lightbox/index.d.ts

@@ -1,28 +0,0 @@
-import { SCMediaType } from '@selfcommunity/types/src/types';
-export interface LightboxProps {
-    /**
-     * Images objs
-     * @default []
-     */
-    medias: SCMediaType[];
-    /**
-     * Obj index
-     * @default null
-     */
-    index: number;
-    /**
-     * Handles on close
-     * @default null
-     */
-    onClose: () => void;
-    /**
-     * Handles on index change
-     * @default null
-     */
-    onIndexChange?: (index: number) => void;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
-}
-export default function Lightbox(props: LightboxProps): JSX.Element;

package/lib/cjs/shared/Media/File/Lightbox/index.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styles_1 = require("@mui/material/styles");
-const Lightbox_1 = tslib_1.__importDefault(require("../../../Lightbox"));
-const constants_1 = require("../constants");
-const Media_1 = require("../../../../constants/Media");
-const material_1 = require("@mui/material");
-const react_core_1 = require("@selfcommunity/react-core");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
-const classes = {
-    root: `${constants_1.PREFIX}-lightbox-root`
-};
-const Root = (0, styles_1.styled)(Lightbox_1.default, {
-    name: constants_1.PREFIX,
-    slot: 'LightboxRoot'
-})(() => ({}));
-function Lightbox(props) {
-    // PROPS
-    const { medias = [], index = 0, onClose, onIndexChange } = props, rest = tslib_1.__rest(props, ["medias", "index", "onClose", "onIndexChange"]);
-    const mediaToDataTypeMap = (0, react_1.useCallback)((media, index) => {
-        return { src: media.image, width: media.image_width, height: media.image_height, key: index };
-    }, []);
-    const toolbarRender = (0, react_1.useCallback)((props) => {
-        if (medias[props.index].type === Media_1.MEDIA_TYPE_DOCUMENT) {
-            return (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ component: react_core_1.Link, to: medias[props.index].url, target: "_blank", color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "download" }) }));
-        }
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }, [medias]);
-    /**
-     * Renders root object
-     */
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: medias.map(mediaToDataTypeMap), visible: index !== -1, onClose: onClose, index: index, onIndexChange: onIndexChange, toolbarRender: toolbarRender })));
-}
-exports.default = Lightbox;

package/lib/esm/shared/Media/File/Lightbox/index.d.ts

@@ -1,28 +0,0 @@
-import { SCMediaType } from '@selfcommunity/types/src/types';
-export interface LightboxProps {
-    /**
-     * Images objs
-     * @default []
-     */
-    medias: SCMediaType[];
-    /**
-     * Obj index
-     * @default null
-     */
-    index: number;
-    /**
-     * Handles on close
-     * @default null
-     */
-    onClose: () => void;
-    /**
-     * Handles on index change
-     * @default null
-     */
-    onIndexChange?: (index: number) => void;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
-}
-export default function Lightbox(props: LightboxProps): JSX.Element;

package/lib/esm/shared/Media/File/Lightbox/index.js

@@ -1,34 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { styled } from '@mui/material/styles';
-import BaseLightbox from '../../../Lightbox';
-import { PREFIX } from '../constants';
-import { MEDIA_TYPE_DOCUMENT } from '../../../../constants/Media';
-import { IconButton } from '@mui/material';
-import { Link } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
-const classes = {
-    root: `${PREFIX}-lightbox-root`
-};
-const Root = styled(BaseLightbox, {
-    name: PREFIX,
-    slot: 'LightboxRoot'
-})(() => ({}));
-export default function Lightbox(props) {
-    // PROPS
-    const { medias = [], index = 0, onClose, onIndexChange } = props, rest = __rest(props, ["medias", "index", "onClose", "onIndexChange"]);
-    const mediaToDataTypeMap = useCallback((media, index) => {
-        return { src: media.image, width: media.image_width, height: media.image_height, key: index };
-    }, []);
-    const toolbarRender = useCallback((props) => {
-        if (medias[props.index].type === MEDIA_TYPE_DOCUMENT) {
-            return _jsx(IconButton, Object.assign({ component: Link, to: medias[props.index].url, target: "_blank", color: "inherit" }, { children: _jsx(Icon, { children: "download" }) }));
-        }
-        return _jsx(_Fragment, {});
-    }, [medias]);
-    /**
-     * Renders root object
-     */
-    return (_jsx(Root, Object.assign({}, rest, { className: classes.root, images: medias.map(mediaToDataTypeMap), visible: index !== -1, onClose: onClose, index: index, onIndexChange: onIndexChange, toolbarRender: toolbarRender })));
-}