oa-componentbook 0.18.193 → 0.18.195

package/build/index.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "Accordion", {
     return _Accordion.default;
   }
 });
+Object.defineProperty(exports, "AddSparePartCollapseWidget", {
+  enumerable: true,
+  get: function get() {
+    return _AddSparePartCollapseWidget.default;
+  }
+});
 Object.defineProperty(exports, "AddSparePartWidget", {
   enumerable: true,
   get: function get() {
@@ -377,12 +383,6 @@ Object.defineProperty(exports, "SpacingScales", {
     return _SpacingScales2.default;
   }
 });
-Object.defineProperty(exports, "SparePartCollapseWidget", {
-  enumerable: true,
-  get: function get() {
-    return _SparePartCollapseWidget.default;
-  }
-});
 Object.defineProperty(exports, "SparePartsWidget", {
   enumerable: true,
   get: function get() {
@@ -517,7 +517,7 @@ var _LocationAccessWidget = _interopRequireDefault(require("./widgets/oa-widget-
 var _RepairServiceWidget = _interopRequireDefault(require("./widgets/oa-widget-repair-service/RepairServiceWidget"));
 var _AddressWidget = _interopRequireDefault(require("./widgets/oa-widget-address/AddressWidget"));
 var _AddSparePartWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartWidget"));
-var _SparePartCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/SparePartCollapseWidget"));
+var _AddSparePartCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget"));
 var _ApprovalWidget = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidget"));
 var _CloseClaimWidget = _interopRequireDefault(require("./widgets/oa-widget-close-claim/CloseClaimWidget"));
 var _KeyValueWidget = _interopRequireDefault(require("./widgets/oa-widget-key-value/KeyValueWidget"));

package/build/widgets/oa-widget-add-spare-part/{SparePartCollapseWidget.js → AddSparePartCollapseWidget.js}

@@ -34,7 +34,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 const {
   Panel
 } = _antd.Collapse;
-function SparePartCollapseWidget(_ref) {
+function AddSparePartCollapseWidget(_ref) {
   let {
     items,
     onSubmit,
@@ -177,10 +177,10 @@ function SparePartCollapseWidget(_ref) {
     onChange: e => onFieldChange(item.id, 'hsn', e.target.value)
   })))))));
 }
-SparePartCollapseWidget.propTypes = {
+AddSparePartCollapseWidget.propTypes = {
   items: _propTypes.default.array.isRequired,
   onSubmit: _propTypes.default.func.isRequired,
   onClose: _propTypes.default.func.isRequired,
   open: _propTypes.default.bool.isRequired
 };
-var _default = exports.default = SparePartCollapseWidget;
+var _default = exports.default = AddSparePartCollapseWidget;

package/build/widgets/oa-widget-spare-part/SparePartsCollapseWidget.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  Panel
+} = _antd.Collapse;
+const {
+  Text
+} = _antd.Typography;
+function SparePartsCollapseWidget(_ref) {
+  let {
+    data,
+    onEdit,
+    onDelete
+  } = _ref;
+  const generateItemRows = (items, panelKey) => items.map((item, index) => /*#__PURE__*/_react.default.createElement("div", {
+    key: item.id,
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(Text, null, item.label), /*#__PURE__*/_react.default.createElement(Text, null, item.value)));
+  return /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
+    accordion: true
+  }, data.map((panel, index) => /*#__PURE__*/_react.default.createElement(Panel, {
+    header: panel.title,
+    key: panel.id,
+    extra: /*#__PURE__*/_react.default.createElement("div", {
+      onClick: e => e.stopPropagation(),
+      onKeyDown: e => {
+        if (e.key === 'Enter' || e.key === ' ') onEdit(index);
+      },
+      role: "button",
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null),
+      onClick: () => onEdit(index),
+      type: "text"
+    }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null),
+      onClick: () => onDelete(index),
+      type: "text"
+    }))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      paddingLeft: 24,
+      paddingRight: 24
+    }
+  }, generateItemRows(panel.items, index)))));
+}
+SparePartsCollapseWidget.propTypes = {
+  data: _propTypes.default.array.isRequired,
+  onEdit: _propTypes.default.func.isRequired,
+  onDelete: _propTypes.default.func.isRequired
+};
+var _default = exports.default = SparePartsCollapseWidget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.18.193",
+  "version": "0.18.195",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",