@synerise/ds-manageable-list 0.26.30 → 0.26.32

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.26.32](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.26.31...@synerise/ds-manageable-list@0.26.32) (2024-03-18)
+
+
+### Bug Fixes
+
+* **manageable-list:** fixed name editing ([d69c21a](https://github.com/Synerise/synerise-design/commit/d69c21aa0c0e210d477efb2b0b3f6f407a58dee8))
+
+
+
+
+
+## [0.26.31](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.26.30...@synerise/ds-manageable-list@0.26.31) (2024-03-13)
+
+**Note:** Version bump only for package @synerise/ds-manageable-list
+
+
+
+
+
 ## [0.26.30](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.26.29...@synerise/ds-manageable-list@0.26.30) (2024-03-05)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list

package/dist/Item/ItemName/ItemName.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ItemLabelProps } from './ItemName.types';
-declare const ItemName: React.FC<ItemLabelProps>;
+declare const ItemName: ({ item, onUpdate, editMode, searchQuery }: ItemLabelProps) => JSX.Element;
 export default ItemName;

package/dist/Item/ItemName/ItemName.js

@@ -3,7 +3,7 @@ import Tooltip from '@synerise/ds-tooltip';
 import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';
 import { InfoFillS } from '@synerise/ds-icon';
 import { escapeRegEx } from '@synerise/ds-utils';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import * as S from '../SimpleItem/SimpleItem.styles';
 
 var ItemName = function ItemName(_ref) {
@@ -14,28 +14,26 @@ var ItemName = function ItemName(_ref) {
       editMode = _ref.editMode,
       searchQuery = _ref.searchQuery;
 
-  var _React$useState = React.useState(item.name),
-      editedName = _React$useState[0],
-      setName = _React$useState[1];
-
   var _useState = useState(item.name),
-      originalName = _useState[0],
-      setOriginalName = _useState[1];
+      editedName = _useState[0],
+      setEditedName = _useState[1];
 
-  var updateName = React.useCallback(function () {
-    setName(originalName);
+  var updateName = useCallback(function () {
     onUpdate && onUpdate({
       id: item.id,
-      name: originalName
+      name: editedName
     });
-  }, [originalName, onUpdate, item.id]);
-  var editName = React.useCallback(function (event) {
-    setName(event.target.value);
+  }, [editedName, onUpdate, item.id]);
+  var editName = useCallback(function (event) {
+    setEditedName(event.target.value);
   }, []);
   useEffect(function () {
-    setOriginalName(item.name);
-  }, [editedName, item.name]);
-  var inputProps = React.useMemo(function () {
+    if (item.name !== editedName) {
+      setEditedName(item.name);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [editMode]);
+  var inputProps = useMemo(function () {
     return {
       name: 'list-item-name-input',
       value: editedName,
@@ -43,7 +41,7 @@ var ItemName = function ItemName(_ref) {
       onChange: editName
     };
   }, [editedName, updateName, editName]);
-  var name = React.useMemo(function () {
+  var name = useMemo(function () {
     if (searchQuery) {
       var escapedQuery = escapeRegEx(searchQuery);
       var startOfQuery = item.name.toLowerCase().search(escapedQuery.toLowerCase());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-manageable-list",
-  "version": "0.26.30",
+  "version": "0.26.32",
   "description": "ManageableList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,18 +33,18 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^0.15.24",
+    "@synerise/ds-avatar": "^0.15.25",
     "@synerise/ds-button": "^0.19.3",
-    "@synerise/ds-dropdown": "^0.17.99",
+    "@synerise/ds-dropdown": "^0.17.100",
     "@synerise/ds-icon": "^0.60.3",
-    "@synerise/ds-inline-edit": "^0.6.99",
-    "@synerise/ds-input": "^0.20.0",
-    "@synerise/ds-list": "^0.6.61",
+    "@synerise/ds-inline-edit": "^0.6.100",
+    "@synerise/ds-input": "^0.20.1",
+    "@synerise/ds-list": "^0.6.62",
     "@synerise/ds-menu": "^0.18.15",
     "@synerise/ds-modal": "^0.17.21",
     "@synerise/ds-popconfirm": "^0.10.28",
     "@synerise/ds-result": "^0.6.47",
-    "@synerise/ds-tags": "^0.8.33",
+    "@synerise/ds-tags": "^0.8.34",
     "@synerise/ds-tooltip": "^0.14.20",
     "@synerise/ds-typography": "^0.14.3",
     "@synerise/ds-utils": "^0.25.0",
@@ -64,5 +64,5 @@
   "devDependencies": {
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "6b8da853a2bb4e993d89e9b0b3041216f0c9c976"
+  "gitHead": "914ce4be2e0e1fe145edeca838ab04eaa1aec1bf"
 }