@synerise/ds-manageable-list 0.29.3 → 0.29.5

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.29.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.29.4...@synerise/ds-manageable-list@0.29.5) (2024-11-29)
+
+**Note:** Version bump only for package @synerise/ds-manageable-list
+
+
+
+
+
+## [0.29.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.29.3...@synerise/ds-manageable-list@0.29.4) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-manageable-list
+
+
+
+
+
 ## [0.29.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.29.2...@synerise/ds-manageable-list@0.29.3) (2024-11-22)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list

package/dist/Item/FilterItem/FilterItem.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { CheckS, CircleShapeM, OptionHorizontalM, WarningFillM, EditM, DuplicateM, TrashM } from '@synerise/ds-icon';
 import Popconfirm from '@synerise/ds-popconfirm';
@@ -6,8 +6,7 @@ import ModalProxy from '@synerise/ds-modal';
 import Result from '@synerise/ds-result';
 import Button from '@synerise/ds-button';
 import Dropdown from '@synerise/ds-dropdown';
-import { ItemType } from '@synerise/ds-menu/dist/Elements/Item/MenuItem.types';
-import Menu from '@synerise/ds-menu';
+import { ItemType } from '@synerise/ds-menu';
 import ItemName from '../ItemName/ItemName';
 import ItemMeta from '../ItemMeta/ItemMeta';
 import * as S from '../ContentItem/ContentItem.styles';
@@ -45,6 +44,40 @@ var FilterItemComponent = function FilterItemComponent(_ref) {
       id: item.id
     });
   }, [item.id, onDuplicate]);
+  var dropdownMenuDataSource = useMemo(function () {
+    var menuItems = [];
+    if (item.canUpdate) {
+      menuItems.push({
+        onClick: enterEditMode,
+        prefixel: /*#__PURE__*/React.createElement(Icon, {
+          component: /*#__PURE__*/React.createElement(EditM, null),
+          color: theme.palette['grey-600']
+        }),
+        text: texts.itemActionRename
+      });
+    }
+    if (item.canDuplicate) {
+      menuItems.push({
+        onClick: handleDuplicate,
+        prefixel: /*#__PURE__*/React.createElement(Icon, {
+          component: /*#__PURE__*/React.createElement(DuplicateM, null),
+          color: theme.palette['grey-600']
+        }),
+        text: texts.itemActionDuplicate
+      });
+    }
+    if (item.canDelete) {
+      menuItems.push({
+        type: ItemType.DANGER,
+        onClick: handleRemove,
+        prefixel: /*#__PURE__*/React.createElement(Icon, {
+          component: /*#__PURE__*/React.createElement(TrashM, null)
+        }),
+        text: texts.itemActionDelete
+      });
+    }
+    return menuItems;
+  }, [enterEditMode, handleDuplicate, handleRemove, item.canDelete, item.canDuplicate, item.canUpdate, texts.itemActionDelete, texts.itemActionDuplicate, texts.itemActionRename, theme.palette]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ItemContainer, {
     opened: false,
     greyBackground: greyBackground,
@@ -89,26 +122,9 @@ var FilterItemComponent = function FilterItemComponent(_ref) {
   }), /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
     placement: "bottomRight",
-    overlay: /*#__PURE__*/React.createElement(DropdownMenu, null, item.canUpdate && /*#__PURE__*/React.createElement(Menu.Item, {
-      onClick: enterEditMode,
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(EditM, null),
-        color: theme.palette['grey-600']
-      })
-    }, texts.itemActionRename), item.canDuplicate && /*#__PURE__*/React.createElement(Menu.Item, {
-      onClick: handleDuplicate,
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(DuplicateM, null),
-        color: theme.palette['grey-600']
-      })
-    }, texts.itemActionDuplicate), item.canDelete && /*#__PURE__*/React.createElement(Menu.Item, {
-      type: ItemType.DANGER,
-      danger: true,
-      onClick: handleRemove,
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(TrashM, null)
-      })
-    }, texts.itemActionDelete))
+    overlay: /*#__PURE__*/React.createElement(DropdownMenu, {
+      dataSource: dropdownMenuDataSource
+    })
   }, /*#__PURE__*/React.createElement(S.FilterDropdownTrigger, {
     className: "ds-dropdown-trigger",
     mode: "single-icon",

package/dist/Item/FilterItem/FilterItem.styles.d.ts

@@ -1,9 +1,7 @@
 import Menu from '@synerise/ds-menu';
-import React from 'react';
 export declare const SelectFilterItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {
     danger?: boolean | undefined;
 }, never>;
 export declare const ItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
-export declare const DropdownMenuItem: import("styled-components").StyledComponent<({ children, ...rest }: any) => React.JSX.Element, any, {}, never>;

package/dist/Item/FilterItem/FilterItem.styles.js

@@ -1,9 +1,6 @@
-var _excluded = ["children"];
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import styled from 'styled-components';
 import { IconContainer } from '@synerise/ds-icon';
 import Menu from '@synerise/ds-menu';
-import React from 'react';
 import { ItemLabel } from '../SimpleItem/SimpleItem.styles';
 import { ItemMeta } from '../ItemMeta/ItemMeta.styles';
 
@@ -40,16 +37,4 @@ export var ItemHeader = styled.div.withConfig({
 export var DropdownMenu = styled(Menu).withConfig({
   displayName: "FilterItemstyles__DropdownMenu",
   componentId: "omg0gg-3"
-})(["padding:8px;"]);
-export var DropdownMenuItem = styled(function (_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement(Menu.Item, rest, children)
-  );
-}).withConfig({
-  displayName: "FilterItemstyles__DropdownMenuItem",
-  componentId: "omg0gg-4"
-})(["&&&{height:32px;}"]);
+})(["padding:8px;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-manageable-list",
-  "version": "0.29.3",
+  "version": "0.29.5",
   "description": "ManageableList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,20 +34,20 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^0.17.21",
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-dropdown": "^0.18.24",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-inline-edit": "^0.9.1",
-    "@synerise/ds-input": "^0.24.14",
-    "@synerise/ds-list": "^0.7.6",
-    "@synerise/ds-menu": "^0.20.6",
-    "@synerise/ds-modal": "^0.17.51",
-    "@synerise/ds-popconfirm": "^0.10.61",
-    "@synerise/ds-result": "^0.7.14",
-    "@synerise/ds-tags": "^0.10.18",
-    "@synerise/ds-tooltip": "^0.14.49",
-    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-avatar": "^0.17.23",
+    "@synerise/ds-button": "^0.21.21",
+    "@synerise/ds-dropdown": "^0.18.26",
+    "@synerise/ds-icon": "^0.68.0",
+    "@synerise/ds-inline-edit": "^0.9.3",
+    "@synerise/ds-input": "^0.24.16",
+    "@synerise/ds-list": "^0.7.8",
+    "@synerise/ds-menu": "^0.20.8",
+    "@synerise/ds-modal": "^0.17.53",
+    "@synerise/ds-popconfirm": "^0.10.63",
+    "@synerise/ds-result": "^0.7.16",
+    "@synerise/ds-tags": "^0.10.20",
+    "@synerise/ds-tooltip": "^0.14.51",
+    "@synerise/ds-typography": "^0.16.8",
     "@synerise/ds-utils": "^0.31.2",
     "moment": "^2.30.1",
     "react-animate-height": "^2.0.23",
@@ -61,5 +61,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.0.1"
   },
-  "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
+  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
 }