@selfcommunity/react-ui 0.8.1-alpha.3 → 0.9.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@selfcommunity/react-ui",
-	"version": "0.8.1-alpha.3",
+	"version": "0.9.0-alpha.0",
 	"description": "React UI Components to integrate a Community created with SelfCommunity Platform.",
 	"author": "SelfCommunity <https://www.selfcommunity.com>",
 	"homepage": "https://www.selfcommunity.com",
@@ -92,10 +92,10 @@
 		"@rpldy/upload-drop-zone": "^1.7.1",
 		"@rpldy/upload-preview": "^1.7.1",
 		"@rpldy/uploady": "^1.7.1",
-		"@selfcommunity/api-services": "^0.5.1-alpha.0",
-		"@selfcommunity/react-core": "^0.5.1-alpha.0",
-		"@selfcommunity/react-i18n": "^0.6.1-alpha.0",
-		"@selfcommunity/types": "^0.6.1-alpha.0",
+		"@selfcommunity/api-services": "^0.6.0-alpha.0",
+		"@selfcommunity/react-core": "^0.6.0-alpha.0",
+		"@selfcommunity/react-i18n": "^0.7.0-alpha.0",
+		"@selfcommunity/types": "^0.7.0-alpha.0",
 		"@selfcommunity/utils": "^0.2.57-alpha.0",
 		"@types/classnames": "^2.3.1",
 		"@types/sortablejs": "1",
@@ -180,5 +180,5 @@
 	"bugs": {
 		"url": "https://github.com/selfcommunity/community-js/issues"
 	},
-	"gitHead": "a00023e3dcf9e9a27ff88b7bd169a13f9e9a8b2c"
+	"gitHead": "2deaeb0619d0c79a13c88c2f6af29444ce35b05f"
 }

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 })));
-}