@synerise/ds-manageable-list 1.3.20 → 1.3.22

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [1.3.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.19...@synerise/ds-manageable-list@1.3.20) (2025-08-28)
+## [1.3.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.21...@synerise/ds-manageable-list@1.3.22) (2025-09-16)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
@@ -11,105 +11,71 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [1.3.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.18...@synerise/ds-manageable-list@1.3.19) (2025-08-20)
-
-**Note:** Version bump only for package @synerise/ds-manageable-list
-
+## [1.3.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.20...@synerise/ds-manageable-list@1.3.21) (2025-09-05)
 
 
+### Bug Fixes
 
+* **manageable-list:** fixes to text ([49edfd2](https://github.com/Synerise/synerise-design/commit/49edfd28dd5c2398c250eda6f338f72143f98f3b))
 
-## [1.3.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.17...@synerise/ds-manageable-list@1.3.18) (2025-08-14)
 
-**Note:** Version bump only for package @synerise/ds-manageable-list
 
 
 
+## [1.3.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.19...@synerise/ds-manageable-list@1.3.20) (2025-08-28)
 
+**Note:** Version bump only for package @synerise/ds-manageable-list
 
-## [1.3.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.16...@synerise/ds-manageable-list@1.3.17) (2025-07-24)
+## [1.3.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.18...@synerise/ds-manageable-list@1.3.19) (2025-08-20)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
+## [1.3.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.17...@synerise/ds-manageable-list@1.3.18) (2025-08-14)
 
+**Note:** Version bump only for package @synerise/ds-manageable-list
 
+## [1.3.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.16...@synerise/ds-manageable-list@1.3.17) (2025-07-24)
 
+**Note:** Version bump only for package @synerise/ds-manageable-list
 
 ## [1.3.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.15...@synerise/ds-manageable-list@1.3.16) (2025-07-24)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.14...@synerise/ds-manageable-list@1.3.15) (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.13...@synerise/ds-manageable-list@1.3.14) (2025-07-15)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.12...@synerise/ds-manageable-list@1.3.13) (2025-07-11)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.11...@synerise/ds-manageable-list@1.3.12) (2025-07-08)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.10...@synerise/ds-manageable-list@1.3.11) (2025-07-04)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.9...@synerise/ds-manageable-list@1.3.10) (2025-07-01)
 
-
 ### Bug Fixes
 
-* **manageable-list:** swapped sortable library ([8325888](https://github.com/Synerise/synerise-design/commit/8325888e97b14a03720466092e1c8678ed6c09aa))
-
-
-
-
+- **manageable-list:** swapped sortable library ([8325888](https://github.com/Synerise/synerise-design/commit/8325888e97b14a03720466092e1c8678ed6c09aa))
 
 ## [1.3.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.8...@synerise/ds-manageable-list@1.3.9) (2025-06-26)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.7...@synerise/ds-manageable-list@1.3.8) (2025-06-24)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list
 
-
-
-
-
 ## [1.3.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.3.6...@synerise/ds-manageable-list@1.3.7) (2025-06-12)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list

package/dist/Item/BlankItem/BlankItem.types.d.ts

@@ -1,7 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import type { Texts } from '../../ManageableList.types';
-import type { ItemProps } from '../Item.types';
+import type { ItemProps, Texts } from '../../ManageableList.types';
 export type BlankItemBaseProps<T extends object> = Pick<ItemProps<T>, 'id' | 'name'>;
 export type BaseBlankItemProps<T extends object> = {
     texts?: Partial<Texts>;

package/dist/Item/ContentItem/ContentItem.types.d.ts

@@ -1,7 +1,6 @@
 import { type HTMLAttributes, type ReactNode, type ReactText } from 'react';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import { type Texts } from '../../ManageableList.types';
-import { type ItemProps } from '../Item.types';
+import { type ItemProps, type Texts } from '../../ManageableList.types';
 type BaseContentItemProps = Omit<ContentItemHeaderProps, 'texts' | 'isExpanded' | 'setIsExpanded'> & {
     dashed?: boolean;
     expanded?: boolean;

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

@@ -1,6 +1,6 @@
 import type React from 'react';
-import { type ItemProps } from '../Item.types';
-export interface FilterItemProps {
+import { type ItemProps } from '../../ManageableList.types';
+export type FilterItemProps = {
     item: ItemProps;
     greyBackground?: boolean;
     onRemove?: (removeParams: {
@@ -25,4 +25,4 @@ export interface FilterItemProps {
     };
     searchQuery?: string;
     style?: React.CSSProperties;
-}
+};

package/dist/Item/Item.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { type Props } from './Item.types';
-declare const Item: ({ item, onRemove, onSelect, onUpdate, listType, onDuplicate, greyBackground, draggable, changeOrderDisabled, selected, texts, searchQuery, hideExpander, expanded, onExpand, onMoveBottom, onMoveTop, isFirst, isLast, additionalActions, isDragPlaceholder, isDragOverlay, dragHandleProps, renderItem, }: Props) => React.JSX.Element;
+import { type ManageableListItemProps } from '../ManageableList.types';
+declare const Item: ({ item, onRemove, onSelect, onUpdate, listType, onDuplicate, greyBackground, draggable, changeOrderDisabled, selected, texts, searchQuery, hideExpander, expanded, onExpand, onMoveBottom, onMoveTop, isFirst, isLast, additionalActions, isDragPlaceholder, isDragOverlay, dragHandleProps, renderItem, }: ManageableListItemProps) => React.JSX.Element;
 export default Item;

package/dist/Item/Item.styles.js

@@ -18,7 +18,7 @@ export var ItemTagList = styled.div.withConfig({
 export var ItemLabelWrapper = styled.div.withConfig({
   displayName: "Itemstyles__ItemLabelWrapper",
   componentId: "sc-1an9szf-2"
-})(["flex:1;display:flex;flex-grow:1;.ant-tooltip-inner{max-width:164px;padding:16px 16px 19px;}", ""], function (props) {
+})(["flex:1;display:flex;flex-grow:1;min-width:0;.ant-tooltip-inner{max-width:164px;padding:16px 16px 19px;}", ""], function (props) {
   return props.largeSize ? css(["flex-direction:column;gap:10px;overflow-y:visible;", "{margin-left:24px;}"], ItemTagList) : css(["flex-direction:row;align-items:center;overflow:hidden;height:24px;justify-content:flex-start;"]);
 });
 export var ItemContainer = styled.div.withConfig({
@@ -60,7 +60,7 @@ export var ItemLabelWithIcon = styled.span.withConfig({
 export var ItemDescription = styled.div.withConfig({
   displayName: "Itemstyles__ItemDescription",
   componentId: "sc-1an9szf-6"
-})([""]);
+})(["overflow-wrap:break-word;min-width:0;"]);
 export var ItemUniqueKey = styled.div.withConfig({
   displayName: "Itemstyles__ItemUniqueKey",
   componentId: "sc-1an9szf-7"

package/dist/Item/Item.types.d.ts

@@ -1,86 +1,3 @@
-import type { HTMLAttributes, ReactElement, ReactNode, ReactText } from 'react';
-import type { AdditionalAction, Texts } from '../ManageableList.types';
-export type Props = {
-    item: ItemProps;
-    isFirst?: boolean;
-    isLast?: boolean;
-    renderItem: (item: ItemProps) => ReactNode;
-    onMoveTop?: (item: ItemProps) => void;
-    onMoveBottom?: (item: ItemProps) => void;
-    onRemove?: (removeParams: {
-        id: ReactText;
-    }) => void;
-    onSelect: (selectParams: {
-        id: ReactText;
-    }) => void;
-    onUpdate?: (updateParams: {
-        id: ReactText;
-        name: string;
-    }) => void;
-    onDuplicate?: (duplicateParams: {
-        id: ReactText;
-    }) => void;
-    draggable?: boolean;
-    changeOrderDisabled?: boolean;
-    greyBackground?: boolean;
-    listType: string;
-    selected: boolean;
-    searchQuery?: string;
-    texts: Texts;
-    onExpand?: (id: ReactText, isExpanded: boolean) => void;
-    hideExpander?: boolean;
-    expanded?: boolean;
-    additionalActions?: AdditionalAction[];
-    isDragPlaceholder?: boolean;
-    isDragOverlay?: boolean;
-    dragHandleProps?: HTMLAttributes<HTMLDivElement>;
-};
-export type ItemProps<T extends object = object> = T & {
-    id: ReactText;
-    canUpdate?: boolean;
-    canDelete?: boolean;
-    canDuplicate?: boolean;
-    name: string;
-    nameWrapperClassNames?: string[];
-    description?: string;
-    /**
-     * @description render a tag as item prefix
-     */
-    tag?: ReactElement;
-    /**
-     * @description render an icon as item prefix
-     */
-    icon?: ReactNode;
-    /**
-     * @description rendered only in content-large item type
-     */
-    tags?: ReactNode;
-    /**
-     * @description rendered only in content-large item type
-     */
-    headerPrefix?: ReactNode;
-    content?: ReactNode;
-    uniqueKey?: ReactNode;
-    changeOrderDisabled?: boolean;
-    user?: {
-        avatar_url?: string;
-        firstname?: string;
-        lastname?: string;
-        email?: string;
-    };
-    created?: string;
-    dropdown?: ReactElement;
-    /**
-     * @description disables expanding item on click - will always show entire content without expanding
-     */
-    disableExpanding?: boolean;
-    /**
-     * @description disables header click to expand/collapse item
-     */
-    disableHeaderClick?: boolean;
-    expanded?: boolean;
-    disabled?: boolean;
-    headerSuffix?: ReactNode;
-    hideHeaderSuffixOnHover?: boolean;
-    additionalSuffix?: ReactNode;
-};
+import type { ManageableListItemProps } from '../ManageableList.types';
+/** @deprecated - import ManageableListItemProps from package index instead */
+export type Props = ManageableListItemProps;

package/dist/Item/ItemActions/ItemActions.types.d.ts

@@ -1,6 +1,5 @@
 import type React from 'react';
-import { type AdditionalAction } from '../../ManageableList.types';
-import { type ItemProps } from '../Item.types';
+import { type AdditionalAction, type ItemProps } from '../../ManageableList.types';
 export type ItemActionsProps = {
     item: ItemProps;
     removeAction?: (removeParams: {

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import { type ItemProps } from '../Item.types';
+import { type ItemProps } from '../../ManageableList.types';
 export type ItemLabelProps = {
     item: ItemProps;
     onUpdate?: (updateParams: {

package/dist/Item/ItemNameLarge/ItemNameLarge.types.d.ts

@@ -1,4 +1,4 @@
-import type { ItemProps } from '../Item.types';
+import type { ItemProps } from '../../ManageableList.types';
 export type ItemNameLargeProps = {
     item: ItemProps;
 };

package/dist/Item/SimpleItem/SimpleItem.types.d.ts

@@ -1,6 +1,5 @@
 import type { ReactText } from 'react';
-import { type AdditionalAction, type Texts } from '../../ManageableList.types';
-import { type ItemProps } from '../Item.types';
+import { type AdditionalAction, type ItemProps, type Texts } from '../../ManageableList.types';
 export type Props = {
     item: ItemProps;
     onRemove?: (removeParams: {

package/dist/ManageableList.types.d.ts

@@ -1,6 +1,5 @@
-import type { CSSProperties, ReactNode, ReactText } from 'react';
+import type { CSSProperties, HTMLAttributes, ReactElement, ReactNode, ReactText } from 'react';
 import type { ExactlyOne } from '@synerise/ds-utils';
-import type { ItemProps } from './Item/Item.types';
 export declare enum ExpansionBehaviour {
     DEFAULT = "default",
     ACCORDION = "accordion",
@@ -93,3 +92,87 @@ export type Texts = {
     moveToTopTooltip: ReactNode;
     moveToBottomTooltip: ReactNode;
 };
+export type ManageableListItemProps = {
+    item: ItemProps;
+    isFirst?: boolean;
+    isLast?: boolean;
+    renderItem: (item: ItemProps) => ReactNode;
+    onMoveTop?: (item: ItemProps) => void;
+    onMoveBottom?: (item: ItemProps) => void;
+    onRemove?: (removeParams: {
+        id: ReactText;
+    }) => void;
+    onSelect: (selectParams: {
+        id: ReactText;
+    }) => void;
+    onUpdate?: (updateParams: {
+        id: ReactText;
+        name: string;
+    }) => void;
+    onDuplicate?: (duplicateParams: {
+        id: ReactText;
+    }) => void;
+    draggable?: boolean;
+    changeOrderDisabled?: boolean;
+    greyBackground?: boolean;
+    listType: string;
+    selected: boolean;
+    searchQuery?: string;
+    texts: Texts;
+    onExpand?: (id: ReactText, isExpanded: boolean) => void;
+    hideExpander?: boolean;
+    expanded?: boolean;
+    additionalActions?: AdditionalAction[];
+    isDragPlaceholder?: boolean;
+    isDragOverlay?: boolean;
+    dragHandleProps?: HTMLAttributes<HTMLDivElement>;
+};
+export type ItemProps<T extends object = object> = T & {
+    id: ReactText;
+    canUpdate?: boolean;
+    canDelete?: boolean;
+    canDuplicate?: boolean;
+    name: string;
+    nameWrapperClassNames?: string[];
+    description?: string;
+    /**
+     * @description render a tag as item prefix
+     */
+    tag?: ReactElement;
+    /**
+     * @description render an icon as item prefix
+     */
+    icon?: ReactNode;
+    /**
+     * @description rendered only in content-large item type
+     */
+    tags?: ReactNode;
+    /**
+     * @description rendered only in content-large item type
+     */
+    headerPrefix?: ReactNode;
+    content?: ReactNode;
+    uniqueKey?: ReactNode;
+    changeOrderDisabled?: boolean;
+    user?: {
+        avatar_url?: string;
+        firstname?: string;
+        lastname?: string;
+        email?: string;
+    };
+    created?: string;
+    dropdown?: ReactElement;
+    /**
+     * @description disables expanding item on click - will always show entire content without expanding
+     */
+    disableExpanding?: boolean;
+    /**
+     * @description disables header click to expand/collapse item
+     */
+    disableHeaderClick?: boolean;
+    expanded?: boolean;
+    disabled?: boolean;
+    headerSuffix?: ReactNode;
+    hideHeaderSuffixOnHover?: boolean;
+    additionalSuffix?: ReactNode;
+};

package/dist/index.d.ts

@@ -3,6 +3,5 @@ export { default as ContentItem } from './Item/ContentItem/ContentItem';
 export { default as FilterItem } from './Item/FilterItem/FilterItem';
 export { default as SimpleItem } from './Item/SimpleItem/SimpleItem';
 export { default as AddItem } from './AddItem/AddItem';
-export type { ItemProps } from './Item/Item.types';
-export type { ManageableListProps } from './ManageableList.types';
+export type { ManageableListProps, ItemProps, ManageableListItemProps, } from './ManageableList.types';
 export type { AddItemProps } from './AddItem/AddItem.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-manageable-list",
-  "version": "1.3.20",
+  "version": "1.3.22",
   "description": "ManageableList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -26,6 +26,7 @@
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
@@ -34,23 +35,23 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^1.0.20",
-    "@synerise/ds-button": "^1.4.9",
-    "@synerise/ds-divider": "^1.0.19",
-    "@synerise/ds-dropdown": "^1.0.21",
-    "@synerise/ds-icon": "^1.7.1",
-    "@synerise/ds-inline-edit": "^1.0.25",
-    "@synerise/ds-input": "^1.3.8",
-    "@synerise/ds-list": "^1.0.20",
-    "@synerise/ds-menu": "^1.0.21",
-    "@synerise/ds-modal": "^1.2.9",
-    "@synerise/ds-popconfirm": "^1.0.21",
-    "@synerise/ds-result": "^1.0.22",
-    "@synerise/ds-sortable": "^1.3.4",
-    "@synerise/ds-tag": "^1.1.17",
-    "@synerise/ds-tooltip": "^1.1.17",
-    "@synerise/ds-typography": "^1.0.19",
-    "@synerise/ds-utils": "^1.4.1",
+    "@synerise/ds-avatar": "^1.0.21",
+    "@synerise/ds-button": "^1.4.10",
+    "@synerise/ds-divider": "^1.0.20",
+    "@synerise/ds-dropdown": "^1.0.22",
+    "@synerise/ds-icon": "^1.7.2",
+    "@synerise/ds-inline-edit": "^1.0.26",
+    "@synerise/ds-input": "^1.3.9",
+    "@synerise/ds-list": "^1.0.21",
+    "@synerise/ds-menu": "^1.0.22",
+    "@synerise/ds-modal": "^1.2.10",
+    "@synerise/ds-popconfirm": "^1.0.22",
+    "@synerise/ds-result": "^1.0.23",
+    "@synerise/ds-sortable": "^1.3.5",
+    "@synerise/ds-tag": "^1.1.18",
+    "@synerise/ds-tooltip": "^1.1.18",
+    "@synerise/ds-typography": "^1.0.20",
+    "@synerise/ds-utils": "^1.4.2",
     "moment": "^2.30.1",
     "react-animate-height": "^2.0.23"
   },
@@ -61,5 +62,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
+  "gitHead": "5beb6ab5f2d77b9e98e04caab7dff20b8436078b"
 }