@selfcommunity/react-ui 0.1.2-alpha.0

package/lib/cjs/shared/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,112 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = ConfirmDialog;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _material = require("@mui/material");
+
+var _reactCore = require("@selfcommunity/react-core");
+
+var _reactIntl = require("react-intl");
+
+var _lab = require("@mui/lab");
+
+const _excluded = ["open", "title", "content", "btnConfirm", "btnCancel", "isUpdating", "onClose", "onConfirm", "disableBackdropClick"];
+
+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 = 'SCConfirmDialog';
+const Root = (0, _styles.styled)(_Card.default, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  maxWidth: 800,
+  marginBottom: theme.spacing(2)
+}));
+
+function ConfirmDialog(props) {
+  // PROPS
+  const {
+    open,
+    title,
+    content = null,
+    btnConfirm = null,
+    btnCancel = null,
+    isUpdating = false,
+    onClose = null,
+    onConfirm = null,
+    disableBackdropClick = false
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
+
+
+  const scUser = (0, _react.useContext)(_reactCore.SCUserContext);
+  /**
+   * Handles dialog closing
+   * @param reason
+   */
+
+  function handleClose(reason) {
+    if (disableBackdropClick && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {
+      return false;
+    }
+
+    if (!isUpdating) {
+      onClose && onClose();
+    }
+  }
+  /**
+   * Handles action confirm
+   */
+
+
+  function handleConfirm() {
+    onConfirm && onConfirm();
+  }
+  /**
+   * Renders root object
+   */
+
+
+  return /*#__PURE__*/_react.default.createElement(Root, null, /*#__PURE__*/_react.default.createElement(_material.Dialog, _extends({
+    open: open,
+    onClose: handleClose
+  }, rest), /*#__PURE__*/_react.default.createElement(_material.DialogTitle, null, title ? title : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "ui.confirmDialog.title",
+    defaultMessage: "ui.confirmDialog.title"
+  })), content && /*#__PURE__*/_react.default.createElement(_material.DialogContent, null, /*#__PURE__*/_react.default.createElement(_material.DialogContentText, {
+    component: "div"
+  }, content)), /*#__PURE__*/_react.default.createElement(_material.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handleClose
+  }, btnCancel ? btnCancel : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "ui.confirmDialog.btnCancel",
+    defaultMessage: "ui.confirmDialog.btnCancel"
+  })), /*#__PURE__*/_react.default.createElement(_lab.LoadingButton, {
+    onClick: handleConfirm,
+    variant: "contained",
+    autoFocus: true,
+    loading: isUpdating
+  }, btnConfirm ? btnConfirm : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "ui.confirmDialog.btnConfirm",
+    defaultMessage: "ui.confirmDialog.btnConfirm"
+  })))));
+}

package/lib/cjs/shared/ContributionActionsMenu/ContributionActionsMenu.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.Base = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _types = require("@selfcommunity/types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Design System/SHARED COMPONENT/ContributionActionsMenu',
+  component: _index.default,
+  argTypes: {
+    feedObjectId: {
+      control: {
+        type: 'number'
+      },
+      description: 'FeedObject Id',
+      table: {
+        defaultValue: {
+          summary: 379
+        }
+      }
+    },
+    feedObjectType: {
+      options: [_types.SCFeedObjectTypologyType.POST, _types.SCFeedObjectTypologyType.DISCUSSION, _types.SCFeedObjectTypologyType.STATUS],
+      control: {
+        type: 'select'
+      },
+      description: 'Object type. Used only with args id.'
+    }
+  },
+  args: {
+    feedObjectId: 379,
+    // 9,
+    feedObjectType: _types.SCFeedObjectTypologyType.POST
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Base = Template.bind({});
+exports.Base = Base;
+Base.args = {};