@bigbinary/neeto-slack-frontend 0.3.10 → 0.4.1

package/dist/index.cjs.js

@@ -3351,7 +3351,7 @@ var SlackRefreshChannelListButton = function SlackRefreshChannelListButton(_ref)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Refresh,
     style: "secondary",
-    className: classNames__default["default"]("border border-solid border-gray-400 bg-white", className),
+    className: classNames__default["default"]("neeto-ui-border-gray-400 neeto-ui-bg-white border border-solid", className),
     tooltipProps: {
       content: t("slack.configure.refreshSlackChannelList"),
       position: "top"
@@ -3359,6 +3359,7 @@ var SlackRefreshChannelListButton = function SlackRefreshChannelListButton(_ref)
     onClick: channelRefreshHandler
   }));
 };
+var SlackRefreshChannelListButton$1 = /*#__PURE__*/React__default["default"].memo(SlackRefreshChannelListButton);
 
 var CHANNEL_NAME_VALIDAITON_SCHEMA = {
   selectedChannel: yup__namespace.object().shape({
@@ -3437,7 +3438,7 @@ var Settings = function Settings(_ref) {
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
-    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton, {
+    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(_objectSpread(_objectSpread({}, formikProps), {}, {
       isDisabled: ramda.not(isEditable)
@@ -3472,7 +3473,7 @@ var Configure = function Configure(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6", className)
+    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-w-full neeto-ui-mb-3"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -3507,7 +3508,7 @@ var Configure = function Configure(_ref) {
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
-    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton, {
+    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("common.continue"),
@@ -3523,7 +3524,7 @@ var Connect = function Connect(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full"
+    className: "neeto-ui-w-full mx-auto max-w-lg"
   }, /*#__PURE__*/React__default["default"].createElement(misc.Slack, {
     size: 32
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -3541,6 +3542,21 @@ var Connect = function Connect(_ref) {
   }));
 };
 
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : 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$1.apply(this, arguments);
+}
+
 var _path, _defs;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
@@ -3587,16 +3603,18 @@ var Field = function Field(_ref) {
 
 var Finish = function Finish(_ref) {
   var children = _ref.children,
-    onClose = _ref.onClose,
-    onBack = _ref.onBack,
     teamName = _ref.teamName,
     selectedChannel = _ref.selectedChannel,
     _ref$otherFields = _ref.otherFields,
-    otherFields = _ref$otherFields === void 0 ? [] : _ref$otherFields;
+    otherFields = _ref$otherFields === void 0 ? [] : _ref$otherFields,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    _ref$secondaryButtonP = _ref.secondaryButtonProps,
+    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-w-full"
+    className: "neeto-ui-w-full mx-auto max-w-lg"
   }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
     style: "h3",
@@ -3605,28 +3623,26 @@ var Finish = function Finish(_ref) {
     name: t("slack.finish.account"),
     value: toSlackUrl(teamName)
   }), /*#__PURE__*/React__default["default"].createElement(Field, {
-    className: "neeto-ui-pt-3 border-t border-gray-300",
+    className: "neeto-ui-pt-3 neeto-ui-border-gray-300 border-t",
     name: t("slack.finish.channel"),
     value: selectedChannel
   }), pure.isNotEmpty(otherFields) && otherFields.map(function (field) {
     return /*#__PURE__*/React__default["default"].createElement(Field, {
-      className: "neeto-ui-pt-3 border-t border-gray-300",
+      className: "neeto-ui-pt-3 neeto-ui-border-gray-300 border-t",
       key: field.name,
       name: field.name,
       value: field.value
     });
   }), children, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1",
-    label: t("slack.steps.finish"),
-    onClick: onClose
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("slack.steps.finish")
+  }, buttonProps)), pure.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",
     label: t("common.edit"),
-    style: "secondary",
-    onClick: onBack
-  })));
+    style: "secondary"
+  }, secondaryButtonProps))));
 };
 
 var e = [],