@selfcommunity/react-ui 0.1.2-alpha.0

package/lib/esm/react-ui/src/shared/Tags/Tags.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import Tags from './index';
+declare const _default: ComponentMeta<typeof Tags>;
+export default _default;
+export declare const Base: any;
+//# sourceMappingURL=Tags.stories.d.ts.map

package/lib/esm/react-ui/src/shared/Tags/Tags.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/Tags/Tags.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,IAAyB,MAAM,SAAS,CAAC;;AAGhD,wBA2BgC;AA2ChC,eAAO,MAAM,IAAI,KAAoB,CAAC"}

package/lib/esm/react-ui/src/shared/Tags/index.d.ts

@@ -0,0 +1,43 @@
+import { SCTagType } from '@selfcommunity/types';
+export declare enum TagsComponentType {
+    LIST = "list",
+    POPPER = "popper"
+}
+export interface TagsProps {
+    /**
+     * Tags
+     * @default []
+     */
+    tags?: SCTagType[];
+    /**
+     * Tag title
+     * @default null
+     */
+    title?: string;
+    /**
+     * Handles component opening
+     * @default null
+     */
+    onOpen?: (res: any) => void;
+    /**
+     * Handles component closing
+     * @default null
+     */
+    onClose?: (res: any) => void;
+    /**
+     * Handles on tag clicking
+     * @default null
+     */
+    onClickTag?: (res: any) => void;
+    /**
+     * Tag component type
+     * @default 'popper'
+     */
+    type?: TagsComponentType;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function Tags(props: TagsProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/shared/Tags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/Tags/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAwD/C,oBAAY,iBAAiB;IAC3B,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AACD,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAiH1D"}

package/lib/esm/react-ui/src/shared/UsernameTextField/index.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '@mui/material';
+export default function PasswordTextField(props: TextFieldProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/shared/UsernameTextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/UsernameTextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,eAAe,CAAC;AAmBxD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAsB5E"}

package/lib/esm/react-ui/src/types/broadcastMessage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * BroadcastMessage template type
+ */
+export declare enum SCBroadcastMessageTemplateType {
+    SNIPPET = "snippet",
+    DETAIL = "detail",
+    TOAST = "toast"
+}
+//# sourceMappingURL=broadcastMessage.d.ts.map

package/lib/esm/react-ui/src/types/broadcastMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"broadcastMessage.d.ts","sourceRoot":"","sources":["../../../../../src/types/broadcastMessage.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,8BAA8B;IACxC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB"}

package/lib/esm/react-ui/src/types/comments.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Type of ordering
+ */
+export declare enum SCCommentsOrderBy {
+    ADDED_AT_DESC = "-added_at",
+    ADDED_AT_ASC = "added_at",
+    CONNECTION_DESC = "-connection",
+    CONNECTION_ASC = "connection"
+}
+//# sourceMappingURL=comments.d.ts.map

package/lib/esm/react-ui/src/types/comments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../../../src/types/comments.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,aAAa,cAAc;IAC3B,YAAY,aAAa;IACzB,eAAe,gBAAgB;IAC/B,cAAc,eAAe;CAC9B"}

package/lib/esm/react-ui/src/types/feed.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface SCFeedWidgetType {
+    /**
+     * Type of the widget
+     */
+    type: 'widget';
+    /**
+     * The component used to display the widget
+     */
+    component: React.ElementType;
+    /**
+     * Props to spread into the component
+     */
+    componentProps: any;
+    /**
+     * Column where insert the widget
+     */
+    column: 'left' | 'right';
+    /**
+     * Position where insert the widget into the column
+     */
+    position: number;
+    /**
+     * Publish/Subscribe to events
+     * If true, the component has the ability to post event to a channel/topic
+     * The component accept publicationChannel and subscriptionChannel
+     */
+    publishEvents?: boolean;
+}
+//# sourceMappingURL=feed.d.ts.map

package/lib/esm/react-ui/src/types/feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../../src/types/feed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;IAE7B;;OAEG;IACH,cAAc,EAAE,GAAG,CAAC;IAEpB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/lib/esm/react-ui/src/types/feedObject.d.ts

@@ -0,0 +1,19 @@
+/**
+ * FeedObject template type
+ */
+export declare enum SCFeedObjectTemplateType {
+    SNIPPET = "snippet",
+    PREVIEW = "preview",
+    DETAIL = "detail",
+    SHARE = "share"
+}
+/**
+ * FeedObject activities type
+ */
+export declare enum SCFeedObjectActivitiesType {
+    RELEVANCE_ACTIVITIES = "relevant_activities",
+    RECENT_COMMENTS = "recent_comments",
+    FIRST_COMMENTS = "first_comments",
+    CONNECTIONS_COMMENTS = "connections_comments"
+}
+//# sourceMappingURL=feedObject.d.ts.map

package/lib/esm/react-ui/src/types/feedObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedObject.d.ts","sourceRoot":"","sources":["../../../../../src/types/feedObject.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,0BAA0B;IACpC,oBAAoB,wBAAwB;IAC5C,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;CAC9C"}

package/lib/esm/react-ui/src/types/index.d.ts

@@ -0,0 +1,8 @@
+import { SCFeedWidgetType } from './feed';
+import { SCMediaObjectType, SCMediaChunkType } from './media';
+import { SCCommentsOrderBy } from './comments';
+import { SCFeedObjectActivitiesType, SCFeedObjectTemplateType } from './feedObject';
+import { SCNotificationObjectTemplateType } from './notification';
+import { SCBroadcastMessageTemplateType } from './broadcastMessage';
+export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAC,0BAA0B,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAClF,OAAO,EAAC,gCAAgC,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,8BAA8B,EAAC,MAAM,oBAAoB,CAAC;AAElE,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,wBAAwB,EACxB,gCAAgC,EAChC,8BAA8B,EAC/B,CAAC"}

package/lib/esm/react-ui/src/types/media.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+/**
+ * Interface MediaObject
+ */
+export interface SCMediaObjectType {
+    /**
+     * The media action name, used for triggering the change view
+     */
+    name: string;
+    /**
+     * The component used to display media
+     */
+    previewComponent: React.ElementType;
+    /**
+     * Hook for insert custom props to preview component
+     */
+    previewProps?: any;
+    /**
+     * The button used to trigger the action
+     */
+    editButton: React.ElementType | null;
+    /**
+     * The component used to interact with the list of media of this type
+     */
+    editComponent: React.ElementType | null;
+    /**
+     * The function used to filter media objects for rendering purpose
+     */
+    filter: (media: any) => boolean;
+}
+/**
+ * Interface MediaChunkType
+ */
+export interface SCMediaChunkType {
+    id: number;
+    name: string;
+    type: string;
+    image: string;
+    completed: number;
+    error: string;
+    upload_id: string;
+}
+/**
+ * Interface MediaChunkType
+ */
+export interface SCMessageChunkType {
+    id: number;
+    file_uuid: string;
+    filename: string;
+    url: string;
+    completed: number;
+    error: string;
+    type: string;
+    thumbnail: string;
+}
+//# sourceMappingURL=media.d.ts.map

package/lib/esm/react-ui/src/types/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../../../src/types/media.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAErC;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAExC;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/lib/esm/react-ui/src/types/notification.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Notification template type
+ */
+export declare enum SCNotificationObjectTemplateType {
+    SNIPPET = "snippet",
+    DETAIL = "detail",
+    TOAST = "toast"
+}
+//# sourceMappingURL=notification.d.ts.map

package/lib/esm/react-ui/src/types/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../../src/types/notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,gCAAgC;IAC1C,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB"}

package/lib/esm/react-ui/src/utils/contribution.d.ts

@@ -0,0 +1,34 @@
+import { SCFeedObjectTypologyType } from '@selfcommunity/types';
+/**
+ * From obj extract type of the contribution
+ * @param obj
+ */
+export declare function getContributionType(obj: any): "comment" | SCFeedObjectTypologyType;
+/**
+ * From obj extract the contribution
+ * @param obj
+ */
+export declare function getContribution(obj: any): any;
+/**
+ * Get a snippet for a contribution
+ * @param obj (Discussion, Post, Status, Comment)
+ */
+export declare function getContributionSnippet(obj: any): any;
+/**
+ * Get the contribution text
+ * Hydrate text with mention, etc.
+ * @param obj Object of types: Discussion, Post, Status, Comment
+ * @param handleUrl Func that handle urls
+ */
+export declare function getContributionHtml(obj: any, handleUrl: any): any;
+/**
+ * Get route name for a contribution
+ * @param obj
+ */
+export declare function getContributionRouteName(obj: any): any;
+/**
+ * Get data for scRoutingContext.url()
+ * @param obj (Discussion, Post, Status, Comment)
+ */
+export declare function getRouteData(obj: any): {};
+//# sourceMappingURL=contribution.d.ts.map

package/lib/esm/react-ui/src/utils/contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution.d.ts","sourceRoot":"","sources":["../../../../../src/utils/contribution.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAGrF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,KAAA,wCAUtC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,KAAA,OAUlC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OAUzC;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,KAAA,EAAE,SAAS,KAAA,OAIjD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,KAAA,OAM3C;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,KAAA,MA0B/B"}

package/lib/esm/react-ui/src/utils/url.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Append params
+ * @param baseUrl
+ * @param queryParams
+ */
+export declare function appendURLSearchParams(baseUrl: string, queryParams: Record<string, string | number>[]): string;
+//# sourceMappingURL=url.d.ts.map

package/lib/esm/react-ui/src/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../../src/utils/url.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,UAWpG"}

package/lib/esm/shared/AutoPlayer/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = AutoPlayer;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactWaypoint = require("react-waypoint");
+
+var _reactPlayer = _interopRequireDefault(require("react-player"));
+
+var _styles = require("@mui/material/styles");
+
+const _excluded = ["enableAutoplay", "loop", "muted", "controls", "stopOnUnmount", "pip", "onVideoWatch"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const PREFIX = 'SCAutoPlayer';
+const Root = (0, _styles.styled)(_reactWaypoint.Waypoint, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+
+function AutoPlayer(props) {
+  // PROPS
+  const {
+    enableAutoplay = true,
+    loop = false,
+    muted = true,
+    controls = true,
+    stopOnUnmount = true,
+    pip = true,
+    onVideoWatch
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded); // STATE
+
+
+  const [shouldPlay, setShouldPlay] = (0, _react.useState)(false);
+  const [played, setPlayed] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    if (played >= 10 && played <= 11) {
+      onVideoWatch();
+    }
+  }, [played]);
+  /**
+   * Handle viewport enter
+   */
+
+  function handleEnterViewport() {
+    if (enableAutoplay) {
+      setShouldPlay(true);
+    }
+  }
+  /**
+   * Handles viewport exit
+   */
+
+
+  function handleExitViewport() {
+    setShouldPlay(false);
+  }
+  /**
+   * Renders root object
+   */
+
+
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    scrollableAncestor: window,
+    onEnter: handleEnterViewport,
+    onLeave: handleExitViewport
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactPlayer.default, _extends({
+    config: {
+      youtube: {
+        playerVars: {
+          rel: 0
+        }
+      }
+    },
+    enableAutoplay: enableAutoplay,
+    loop: loop,
+    controls: controls,
+    stopOnUnmount: stopOnUnmount,
+    pip: pip,
+    playing: shouldPlay,
+    muted: muted,
+    onProgress: progress => {
+      setPlayed(progress.playedSeconds);
+    }
+  }, rest))));
+}

package/lib/esm/shared/BaseDialog/BaseDialog.js

@@ -0,0 +1,89 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = BaseDialog;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _reactIntl = require("react-intl");
+
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+
+var _title = _interopRequireDefault(require("./title"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+const _excluded = ["className", "title", "open", "onClose"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const PREFIX = 'SCBaseDialog';
+const classes = {
+  root: `${PREFIX}-root`
+};
+const Root = (0, _styles.styled)(_Dialog.default, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  [theme.breakpoints.down(500)]: {
+    minWidth: 300
+  },
+  minWidth: 500
+}));
+
+function BaseDialog(props) {
+  // PROPS
+  const {
+    className,
+    title = '',
+    open = false,
+    onClose = null
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const {
+    children
+  } = rest; // OPTIONS
+
+  const fullScreen = (0, _useMediaQuery.default)(theme => theme['breakpoints'].down('sm'));
+  /**
+   * Renders root object
+   */
+
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    className: (0, _classnames.default)(classes.root, className),
+    fullScreen: fullScreen,
+    fullWidth: true,
+    open: open,
+    onClose: onClose,
+    maxWidth: rest.maxWidth ? rest.maxWidth : 'sm',
+    scroll: "body"
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    onClose: onClose
+  }, title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
+    dividers: true
+  }, children), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onClose,
+    color: "primary",
+    autoFocus: true,
+    variant: 'outlined'
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "ui.baseDialog.button.close",
+    defaultMessage: "ui.baseDialog.button.close"
+  }))));
+}

package/lib/esm/shared/BaseDialog/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _BaseDialog = _interopRequireWildcard(require("./BaseDialog"));
+
+exports.BaseDialogProps = _BaseDialog.BaseDialogProps;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _BaseDialog.default;
+exports.default = _default;

package/lib/esm/shared/BaseDialog/title.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PREFIX = 'SCBaseDialogTitle';
+const Root = (0, _styles.styled)(_DialogTitle.default, {
+  name: PREFIX,
+  slot: 'Root',
+  shouldForwardProp: prop => prop !== 'onClose',
+  overridesResolver: (props, styles) => [styles.root]
+})(({
+  theme
+}) => ({
+  display: 'flex',
+  alignItems: 'center',
+  padding: '9px 10px 9px 15px'
+}));
+
+function _default({
+  children = null,
+  onClose = null
+}) {
+  return /*#__PURE__*/_react.default.createElement(Root, null, children, onClose ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-label": "close",
+    onClick: onClose,
+    sx: {
+      position: 'absolute',
+      right: 8,
+      top: 5,
+      color: theme => theme.palette.grey[500]
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "close")) : null);
+}