@bigbinary/neeto-rules-frontend 0.7.0 → 0.7.1

package/dist/index.js

@@ -441,9 +441,8 @@ var EventsDetail = function EventsDetail(_ref) {
 
 function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var RulePreview = withT(function (_ref) {
-  var t = _ref.t,
-    isLoading = _ref.isLoading,
+var RulePreview = function RulePreview(_ref) {
+  var isLoading = _ref.isLoading,
     ruleDetails = _ref.ruleDetails,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -457,67 +456,33 @@ var RulePreview = withT(function (_ref) {
         children: /*#__PURE__*/jsxs("div", {
           className: "flex items-center justify-between gap-x-3",
           children: [/*#__PURE__*/jsx$1(Typography, {
-            style: "h2",
+            className: "line-clamp-2",
+            style: "h4",
             weight: "semibold",
-            children: t("neetoRules.labels.ruleSummary")
+            children: ruleDetails.name.value
           }), isNotEmpty(moreDropdownProps) && /*#__PURE__*/jsx$1(MoreDropdown, _objectSpread$o({}, moreDropdownProps))]
         })
       }), /*#__PURE__*/jsx$1(Pane.Body, {
         children: /*#__PURE__*/jsxs("div", {
-          className: "w-full",
+          className: "mt-2 w-full",
           children: [/*#__PURE__*/jsxs("div", {
-            className: "neeto-ui-rounded mb-4 border p-4",
-            children: [/*#__PURE__*/jsxs("div", {
-              className: "mb-3 flex flex-wrap justify-between gap-x-4",
+            className: "mb-6",
+            children: [ruleDetails.description && /*#__PURE__*/jsx$1(Typography, {
+              className: "my-auto mb-4",
+              style: "body2",
+              children: ruleDetails.description.value
+            }), ruleDetails.entity && /*#__PURE__*/jsxs("div", {
+              className: "flex space-x-8",
               children: [/*#__PURE__*/jsx$1(Typography, {
-                className: "neeto-ui-text-gray-700 my-auto",
+                className: "neeto-ui-text-gray-800 col-span-1",
                 style: "h5",
                 weight: "semibold",
-                children: t("neetoRules.common.name")
-              }), /*#__PURE__*/jsx$1("div", {
-                className: "flex w-72 flex-wrap",
-                children: /*#__PURE__*/jsx$1(Typography, {
-                  className: "neeto-ui-text-gray-800 my-auto",
-                  style: "h5",
-                  weight: "normal",
-                  children: ruleDetails.name.value
-                })
-              })]
-            }), ruleDetails.description && /*#__PURE__*/jsxs(Fragment, {
-              children: [/*#__PURE__*/jsx$1("hr", {}), /*#__PURE__*/jsxs("div", {
-                className: "my-3 flex flex-wrap justify-between gap-x-2",
-                children: [/*#__PURE__*/jsx$1(Typography, {
-                  className: "neeto-ui-text-gray-700 my-auto",
-                  style: "h5",
-                  weight: "semibold",
-                  children: t("neetoRules.common.description")
-                }), /*#__PURE__*/jsx$1("div", {
-                  className: "flex w-72 flex-wrap",
-                  children: /*#__PURE__*/jsx$1(Typography, {
-                    className: "neeto-ui-text-gray-800 my-auto",
-                    style: "h5",
-                    weight: "normal",
-                    children: ruleDetails.description.value
-                  })
-                })]
-              })]
-            }), ruleDetails.entity && /*#__PURE__*/jsxs(Fragment, {
-              children: [/*#__PURE__*/jsx$1("hr", {}), /*#__PURE__*/jsxs("div", {
-                className: "my-3 flex flex-wrap justify-between gap-x-2",
-                children: [/*#__PURE__*/jsx$1(Typography, {
-                  className: "neeto-ui-text-gray-700 my-auto",
-                  style: "h5",
-                  weight: "semibold",
-                  children: ruleDetails.entity.label
-                }), /*#__PURE__*/jsx$1("div", {
-                  className: "flex w-72 flex-wrap",
-                  children: /*#__PURE__*/jsx$1(Typography, {
-                    className: "neeto-ui-text-gray-800 my-auto",
-                    style: "h5",
-                    weight: "normal",
-                    children: ruleDetails.entity.value
-                  })
-                })]
+                children: ruleDetails.entity.label
+              }), /*#__PURE__*/jsx$1(Typography, {
+                className: "neeto-ui-text-gray-800 col-span-2",
+                style: "h5",
+                weight: "normal",
+                children: ruleDetails.entity.value
               })]
             })]
           }), /*#__PURE__*/jsx$1(EventsDetail, {
@@ -531,7 +496,7 @@ var RulePreview = withT(function (_ref) {
       })]
     })
   });
-});
+};
 
 function _typeof$2(o) {
   "@babel/helpers - typeof";