oa-componentbook 0.18.230 → 0.18.232

package/build/widgets/oa-widget-dropdown-search-input/DropdownSearchInput.js

@@ -11,7 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _KeyboardArrowDownOutlined = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDownOutlined"));
-var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
 var _styles = require("./styles");
 var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
 const _excluded = ["options", "onOptionChange", "onInputChange"];
@@ -33,10 +32,11 @@ function DropdownSearchInput(_ref) {
   const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     if (options.length > 0) {
-      setSelectedValue(options[0]);
+      const defaultOption = options[0];
+      setSelectedValue(defaultOption);
       setInputValue('');
       if (onOptionChange) {
-        onOptionChange(options[0]);
+        onOptionChange(defaultOption);
       }
     }
   }, [options, onOptionChange]);
@@ -49,9 +49,9 @@ function DropdownSearchInput(_ref) {
     }
   };
   const handleInputChange = e => {
-    setInputValue(e);
+    setInputValue(e.target.value);
     if (onInputChange) {
-      onInputChange(e);
+      onInputChange(e.target.value);
     }
   };
   const handleMenuClick = _ref2 => {
@@ -76,16 +76,10 @@ function DropdownSearchInput(_ref) {
     className: "mobile-input"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "mobileVisible"
-  }, /*#__PURE__*/_react.default.createElement("span", null, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.icon), ' ', /*#__PURE__*/_react.default.createElement("small", null, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label)), isDropdownOpen ? /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-    icon: _KeyboardArrowDownOutlined.default,
-    size: 24
-  }) : /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-    icon: _KeyboardArrowDownOutlined.default,
-    size: 24
-  }))), /*#__PURE__*/_react.default.createElement(_CustomInput.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement("span", null, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.icon), ' ', /*#__PURE__*/_react.default.createElement("small", null, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label)), /*#__PURE__*/_react.default.createElement(_KeyboardArrowDownOutlined.default, null))), /*#__PURE__*/_react.default.createElement(_CustomInput.default, _extends({
     value: inputValue,
     onChange: handleInputChange,
-    placeholder: selectedValue.placeholder,
+    placeholder: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.placeholder,
     className: "desktop-input"
   }, props)));
 }

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

@@ -23,11 +23,10 @@ const {
 const StyledContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  .text-only-size{\n    justify-content: left;\n  }\n"])));
 function SparePartsCollapseWidget(_ref) {
   let {
-    data,
-    onDelete
+    data
   } = _ref;
   const generateItemRows = (items, panelKey) => items.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    key: item.id,
+    key: item.label,
     style: {
       display: 'flex',
       justifyContent: 'space-between',
@@ -43,11 +42,11 @@ function SparePartsCollapseWidget(_ref) {
       whiteSpace: 'nowrap'
     }
   }, item.value)));
-  const handleKeyDown = (e, index) => {
+  const handleKeyDown = (e, onDelete, item) => {
     if (e.key === 'Enter' || e.key === ' ') {
       // Handling Enter or Space key
       e.preventDefault();
-      onDelete(index);
+      onDelete(item);
     }
   };
   return /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
@@ -62,27 +61,32 @@ function SparePartsCollapseWidget(_ref) {
       className: "type-b2-400",
       color: "secondary-content"
     }, panel.subTitle))),
-    key: panel.id,
+    key: panel.scopeEstimationId,
     className: "ascCollapse",
-    extra: onDelete && /*#__PURE__*/_react.default.createElement("div", {
+    extra: panel.onDelete && /*#__PURE__*/_react.default.createElement("div", {
       onClick: e => e.stopPropagation(),
-      onKeyDown: e => handleKeyDown(e, index),
+      onKeyDown: e => handleKeyDown(e, panel.onDelete, panel),
       role: "button",
       tabIndex: 0
     }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
       icon: _DeleteForever.default,
       color: "negative",
       size: 24,
-      onClick: () => onDelete(panel),
+      onClick: () => panel.onDelete(panel),
       type: "text"
     })))
   }, /*#__PURE__*/_react.default.createElement(StyledContainer, null, generateItemRows(panel.items, index)))));
 }
 SparePartsCollapseWidget.propTypes = {
-  data: _propTypes.default.array.isRequired,
-  onDelete: _propTypes.default.func
-};
-SparePartsCollapseWidget.defaultProps = {
-  onDelete: null
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string.isRequired,
+    subTitle: _propTypes.default.string,
+    scopeEstimationId: _propTypes.default.string.isRequired,
+    items: _propTypes.default.arrayOf(_propTypes.default.shape({
+      label: _propTypes.default.string.isRequired,
+      value: _propTypes.default.string.isRequired
+    })).isRequired,
+    onDelete: _propTypes.default.func
+  })).isRequired
 };
 var _default = exports.default = SparePartsCollapseWidget;

package/package.json

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