@synerise/ds-manageable-list 1.3.21 → 1.3.22

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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
+
+
+
+
+
 ## [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)
 
 

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.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.21",
+  "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": "7f119fa17e645f1d800aea95c313fe22f348439c"
+  "gitHead": "5beb6ab5f2d77b9e98e04caab7dff20b8436078b"
 }