@selfcommunity/react-ui 0.7.50-events.51 → 0.7.50-events.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfcommunity/react-ui",
-  "version": "0.7.50-events.51+24338dd7f",
+  "version": "0.7.50-events.53+d49d07503",
   "description": "React UI Components to integrate a Community created with SelfCommunity Platform.",
   "author": "SelfCommunity <https://www.selfcommunity.com>",
   "homepage": "https://www.selfcommunity.com",
@@ -91,11 +91,11 @@
     "@rpldy/upload-drop-zone": "^1.7.1",
     "@rpldy/upload-preview": "^1.7.1",
     "@rpldy/uploady": "^1.7.1",
-    "@selfcommunity/api-services": "0.4.50-events.51+24338dd7f",
-    "@selfcommunity/react-core": "0.4.50-events.51+24338dd7f",
-    "@selfcommunity/react-i18n": "0.5.50-events.51+24338dd7f",
-    "@selfcommunity/types": "0.5.50-events.51+24338dd7f",
-    "@selfcommunity/utils": "0.2.50-events.51+24338dd7f",
+    "@selfcommunity/api-services": "0.4.50-events.53+d49d07503",
+    "@selfcommunity/react-core": "0.4.50-events.53+d49d07503",
+    "@selfcommunity/react-i18n": "0.5.50-events.53+d49d07503",
+    "@selfcommunity/types": "0.5.50-events.53+d49d07503",
+    "@selfcommunity/utils": "0.2.50-events.53+d49d07503",
     "@types/classnames": "^2.3.1",
     "@types/sortablejs": "1",
     "autosuggest-highlight": "^3.3.4",
@@ -178,5 +178,5 @@
   "bugs": {
     "url": "https://github.com/selfcommunity/community-js/issues"
   },
-  "gitHead": "24338dd7f3921e3276c9da23f7dbf0cd37f78226"
+  "gitHead": "d49d0750380d9fd099845da10458081131b1ec68"
 }

package/lib/cjs/shared/Media/Event/DisplayComponent.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { SCMediaType } from '@selfcommunity/types/src/types';
-import { BoxProps } from '@mui/material';
-export interface DisplayComponentProps extends BoxProps {
-    /**
-     * Medias
-     */
-    medias: SCMediaType[];
-    /**
-     * Handles on media click
-     */
-    onMediaClick?: (any: any) => void;
-}
-declare const _default: ({ className, medias, onMediaClick, ...rest }: DisplayComponentProps) => ReactElement;
-export default _default;

package/lib/cjs/shared/Media/Event/DisplayComponent.js

@@ -1,31 +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 Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const filter_1 = tslib_1.__importDefault(require("./filter"));
-const Event_1 = tslib_1.__importDefault(require("../../../components/Event"));
-const event_1 = require("../../../types/event");
-const constants_1 = require("./constants");
-const classes = {
-    displayRoot: `${constants_1.PREFIX}-display-root`,
-    eventPreview: `${constants_1.PREFIX}-event-preview`,
-    eventPlaceholder: `${constants_1.PREFIX}-event-placeholder`
-};
-const Root = (0, styles_1.styled)(Box_1.default, {
-    name: constants_1.PREFIX,
-    slot: 'DisplayRoot'
-})(({ theme }) => ({}));
-exports.default = (_a) => {
-    var { className, medias = [], onMediaClick = null } = _a, rest = tslib_1.__rest(_a, ["className", "medias", "onMediaClick"]);
-    // MEMO
-    const _medias = (0, react_1.useMemo)(() => medias.filter(filter_1.default), [medias]);
-    if (_medias.length === 0) {
-        return null;
-    }
-    console.log(medias);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ className: classes.eventPreview, onClick: onMediaClick }, { children: (0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) }) }), i))) })));
-};

package/lib/cjs/shared/Media/Event/constants.d.ts

@@ -1 +0,0 @@
-export declare const PREFIX = "SCMediaEvent";

package/lib/cjs/shared/Media/Event/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PREFIX = void 0;
-exports.PREFIX = 'SCMediaEvent';

package/lib/cjs/shared/Media/Event/filter.d.ts

@@ -1,3 +0,0 @@
-import { SCMediaType } from '@selfcommunity/types/src/types';
-declare const _default: (media: SCMediaType) => boolean;
-export default _default;

package/lib/cjs/shared/Media/Event/filter.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Media_1 = require("../../../constants/Media");
-exports.default = (media) => media.type === Media_1.MEDIA_TYPE_EVENT;

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

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

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const DisplayComponent_1 = tslib_1.__importDefault(require("./DisplayComponent"));
-const filter_1 = tslib_1.__importDefault(require("./filter"));
-const Event = {
-    name: 'event',
-    displayComponent: DisplayComponent_1.default,
-    triggerButton: null,
-    layerComponent: null,
-    previewComponent: null,
-    filter: filter_1.default
-};
-exports.default = Event;

package/lib/esm/shared/Media/Event/DisplayComponent.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { SCMediaType } from '@selfcommunity/types/src/types';
-import { BoxProps } from '@mui/material';
-export interface DisplayComponentProps extends BoxProps {
-    /**
-     * Medias
-     */
-    medias: SCMediaType[];
-    /**
-     * Handles on media click
-     */
-    onMediaClick?: (any: any) => void;
-}
-declare const _default: ({ className, medias, onMediaClick, ...rest }: DisplayComponentProps) => ReactElement;
-export default _default;

package/lib/esm/shared/Media/Event/DisplayComponent.js

@@ -1,29 +0,0 @@
-import { __rest } from "tslib";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import classNames from 'classnames';
-import filter from './filter';
-import Event from '../../../components/Event';
-import { SCEventTemplateType } from '../../../types/event';
-import { PREFIX } from './constants';
-const classes = {
-    displayRoot: `${PREFIX}-display-root`,
-    eventPreview: `${PREFIX}-event-preview`,
-    eventPlaceholder: `${PREFIX}-event-placeholder`
-};
-const Root = styled(Box, {
-    name: PREFIX,
-    slot: 'DisplayRoot'
-})(({ theme }) => ({}));
-export default (_a) => {
-    var { className, medias = [], onMediaClick = null } = _a, rest = __rest(_a, ["className", "medias", "onMediaClick"]);
-    // MEMO
-    const _medias = useMemo(() => medias.filter(filter), [medias]);
-    if (_medias.length === 0) {
-        return null;
-    }
-    console.log(medias);
-    return (_jsx(Root, Object.assign({ className: classNames(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => (_jsx(Box, Object.assign({ className: classes.eventPreview, onClick: onMediaClick }, { children: _jsx(Event, { event: media.embed.metadata, template: SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: _jsx(_Fragment, {}) }) }), i))) })));
-};

package/lib/esm/shared/Media/Event/constants.d.ts

@@ -1 +0,0 @@
-export declare const PREFIX = "SCMediaEvent";

package/lib/esm/shared/Media/Event/constants.js

@@ -1 +0,0 @@
-export const PREFIX = 'SCMediaEvent';

package/lib/esm/shared/Media/Event/filter.d.ts

@@ -1,3 +0,0 @@
-import { SCMediaType } from '@selfcommunity/types/src/types';
-declare const _default: (media: SCMediaType) => boolean;
-export default _default;

package/lib/esm/shared/Media/Event/filter.js

@@ -1,2 +0,0 @@
-import { MEDIA_TYPE_EVENT } from '../../../constants/Media';
-export default (media) => media.type === MEDIA_TYPE_EVENT;

package/lib/esm/shared/Media/Event/index.d.ts

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

package/lib/esm/shared/Media/Event/index.js

@@ -1,11 +0,0 @@
-import DisplayComponent from './DisplayComponent';
-import filter from './filter';
-const Event = {
-    name: 'event',
-    displayComponent: DisplayComponent,
-    triggerButton: null,
-    layerComponent: null,
-    previewComponent: null,
-    filter
-};
-export default Event;