@synerise/ds-form 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-form@0.4.0...@synerise/ds-form@0.5.0) (2022-08-31)
+
+
+### Features
+
+* **form:** add onClickDelete to editable-list ([95c67a6](https://github.com/Synerise/synerise-design/commit/95c67a693c31d4b60532bd6fc62cdb0f885d8560))
+
+
+
+
+
 # [0.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-form@0.3.1...@synerise/ds-form@0.4.0) (2022-08-29)
 
 

package/dist/editable-list/__spec__/editable-list.spec.js

@@ -6,4 +6,5 @@ describe('editable-list', function () {
   return render
   } */
   );
+  it.todo('onClickDelete is called when removing items (and has removed item and its index)');
 });

package/dist/editable-list/editable-list.js

@@ -16,6 +16,7 @@ export var EditableList = function EditableList(_ref) {
       textAddButton = _ref.textAddButton,
       onSearch = _ref.onSearch,
       onClickAddRow = _ref.onClickAddRow,
+      onClickDelete = _ref.onClickDelete,
       renderAddButton = _ref.renderAddButton,
       renderLeftColumn = _ref.renderLeftColumn,
       renderRightColumn = _ref.renderRightColumn,
@@ -79,11 +80,19 @@ export var EditableList = function EditableList(_ref) {
           width: '300px'
         },
         label: id === 0 ? rightColumnName : null
-      })), renderAdditionalColumn == null ? void 0 : renderAdditionalColumn(), typeof renderActions === 'function' && (renderActions == null ? void 0 : renderActions(param, id, params)) || renderActions === true && /*#__PURE__*/React.createElement(S.CrudWrapper, {
+      })), renderAdditionalColumn == null ? void 0 : renderAdditionalColumn(), typeof renderActions === 'function' && (renderActions == null ? void 0 : renderActions(param, id, params, {
+        onClickDelete: onClickDelete
+      })) || renderActions === true && /*#__PURE__*/React.createElement(S.CrudWrapper, {
         marginWithLabel: id === 0 ? leftColumnName : null
       }, /*#__PURE__*/React.createElement(Cruds, {
         onRemove: function onRemove() {
-          return setParams([].concat(params.slice(0, id), params.slice(id + 1, params.length)));
+          var newParams = params ? [].concat(params.slice(0, id), params.slice(id + 1, params.length)) : [];
+
+          if (onClickDelete) {
+            onClickDelete(param, id, newParams);
+          } else {
+            setParams(newParams);
+          }
         }
       })) || undefined)
     );

package/dist/editable-list/editable-list.types.d.ts

@@ -11,10 +11,11 @@ export declare type EditListProps = {
     onChange?: (params: EditableParam[]) => void;
     onSearch?: (query: string) => void;
     onClickAddRow?: () => void;
+    onClickDelete?: (param?: EditableParam, index?: number, params?: EditableParam[]) => void;
     textAddButton?: string;
     renderAddButton?: (params?: EditableParam[]) => JSX.Element;
     renderLeftColumn?: (param?: EditableParam, index?: number) => JSX.Element;
     renderRightColumn?: (param?: EditableParam, index?: number, ref?: React.ClassAttributes<{}>['ref']) => JSX.Element;
     renderAdditionalColumn?: (row?: EditableParam[]) => JSX.Element;
-    renderActions?: boolean | ((param?: EditableParam, idx?: number, params?: EditableParam[]) => JSX.Element);
+    renderActions?: boolean | ((param?: EditableParam, idx?: number, params?: EditableParam[], actionsCallbacks?: object) => JSX.Element);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-form",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Form UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -46,5 +46,5 @@
   "devDependencies": {
     "@synerise/ds-utils": "^0.22.8"
   },
-  "gitHead": "c92d02f04157e6b1189eb59bba9dea4c1594c123"
+  "gitHead": "46da8adb55d48c5b05bad4ce548b4f13e37c09c1"
 }