@synerise/ds-manageable-list 1.2.5 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.2.6...@synerise/ds-manageable-list@1.3.0) (2025-05-07)
+
+
+### Bug Fixes
+
+* **manageable-list:** alignment in content item large ([fd1537e](https://github.com/Synerise/synerise-design/commit/fd1537eea52b064afb79c36d14a53623aa911a38))
+
+
+### Features
+
+* **manageable-list:** add blank item type ([6214c04](https://github.com/Synerise/synerise-design/commit/6214c045afd0f963ebbbc1416e75f54cd8c692ff))
+
+
+
+
+
+## [1.2.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.2.5...@synerise/ds-manageable-list@1.2.6) (2025-04-24)
+
+
+### Bug Fixes
+
+* **manageable-list:** change visibleLimit as optional ([9c54861](https://github.com/Synerise/synerise-design/commit/9c54861f87d7fc9a28491e8a2d9ded7da6dadd41))
+
+
+
+
+
 ## [1.2.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.2.4...@synerise/ds-manageable-list@1.2.5) (2025-04-16)
 
 **Note:** Version bump only for package @synerise/ds-manageable-list

package/dist/AddBlankItem/AddBlankItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AddBlankItemProps } from './AddBlankItem.types';
+declare const AddBlankItem: ({ disabled, onItemAdd, addItemLabel }: AddBlankItemProps) => React.JSX.Element;
+export default AddBlankItem;

package/dist/AddBlankItem/AddBlankItem.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import Button from '@synerise/ds-button';
+import Icon, { Add3S } from '@synerise/ds-icon';
+import Divider from '@synerise/ds-divider';
+import * as S from './AddBlankItem.styles';
+var AddBlankItem = function AddBlankItem(_ref) {
+  var disabled = _ref.disabled,
+    onItemAdd = _ref.onItemAdd,
+    addItemLabel = _ref.addItemLabel;
+  return /*#__PURE__*/React.createElement(S.AddContentButtonWrapper, {
+    "data-testid": "add-item-button"
+  }, /*#__PURE__*/React.createElement(Divider, {
+    dashed: true,
+    marginTop: 8
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "ghost-primary",
+    mode: "icon-label",
+    onClick: onItemAdd,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(Add3S, null)
+  }), addItemLabel));
+};
+export default AddBlankItem;

package/dist/AddBlankItem/AddBlankItem.styles.d.ts

@@ -0,0 +1 @@
+export declare const AddContentButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/AddBlankItem/AddBlankItem.styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+// eslint-disable-next-line import/prefer-default-export
+export var AddContentButtonWrapper = styled.div.withConfig({
+  displayName: "AddBlankItemstyles__AddContentButtonWrapper",
+  componentId: "sc-1cqa1jm-0"
+})(["display:flex;flex-direction:column;gap:16px;align-items:flex-start;"]);

package/dist/AddBlankItem/AddBlankItem.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type AddBlankItemProps = {
+    onItemAdd: () => void;
+    addItemLabel: ReactNode;
+    disabled: boolean;
+};

package/dist/AddBlankItem/AddBlankItem.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BlankItemProps } from './BlankItem.types';
+declare const BlankItem: <T extends object>({ onRemove, onDuplicate, draggable, renderItem, item, texts, rowGap, ...rest }: BlankItemProps<T>) => React.JSX.Element;
+export default BlankItem;

package/dist/Item/BlankItem/BlankItem.js

@@ -0,0 +1,67 @@
+var _excluded = ["onRemove", "onDuplicate", "draggable", "renderItem", "item", "texts", "rowGap"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { useCallback } from 'react';
+import Tooltip from '@synerise/ds-tooltip';
+import Icon, { CloseS, DragHandleM, DuplicateS } from '@synerise/ds-icon';
+import { useTheme } from '@synerise/ds-core';
+import * as S from './BlankItem.styles';
+import { useTexts } from '../../hooks/useTexts';
+var BlankItem = function BlankItem(_ref) {
+  var onRemove = _ref.onRemove,
+    onDuplicate = _ref.onDuplicate,
+    draggable = _ref.draggable,
+    renderItem = _ref.renderItem,
+    item = _ref.item,
+    texts = _ref.texts,
+    _ref$rowGap = _ref.rowGap,
+    rowGap = _ref$rowGap === void 0 ? 16 : _ref$rowGap,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useTheme();
+  var allTexts = useTexts(texts);
+  var handleRemove = useCallback(function (event) {
+    event.stopPropagation();
+    var id = item.id;
+    onRemove && onRemove({
+      id: id
+    });
+  }, [item, onRemove]);
+  var handleDuplicate = useCallback(function (event) {
+    event.stopPropagation();
+    var id = item.id;
+    onDuplicate && onDuplicate({
+      id: id
+    });
+  }, [item, onDuplicate]);
+  return /*#__PURE__*/React.createElement(S.BlankItemWrapper, _extends({
+    key: item.id,
+    "data-testid": "manageable-list-blank-item",
+    rowGap: rowGap
+  }, rest), draggable && /*#__PURE__*/React.createElement(S.DragHandle, {
+    className: "item-drag-handle"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    size: 24,
+    component: /*#__PURE__*/React.createElement(DragHandleM, {
+      color: "currentColor"
+    })
+  })), /*#__PURE__*/React.createElement(S.BlankItemContent, null, renderItem(item)), (onRemove || onDuplicate) && /*#__PURE__*/React.createElement(S.BlankItemActions, null, onDuplicate && /*#__PURE__*/React.createElement(Tooltip, {
+    type: "default",
+    trigger: "hover",
+    title: allTexts.itemActionDuplicateTooltip
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(DuplicateS, null),
+    color: theme.palette['grey-600'],
+    size: 24,
+    onClick: handleDuplicate
+  })), onRemove && /*#__PURE__*/React.createElement(Tooltip, {
+    type: "default",
+    trigger: "hover",
+    title: allTexts.itemActionDeleteTooltip
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CloseS, null),
+    size: 24,
+    color: theme.palette['red-600'],
+    onClick: handleRemove
+  }))));
+};
+export default BlankItem;

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

@@ -0,0 +1,6 @@
+export declare const BlankItemActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DragHandle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BlankItemWrapper: import("styled-components").StyledComponent<"div", any, {
+    rowGap: number;
+}, never>;
+export declare const BlankItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Item/BlankItem/BlankItem.styles.js

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+export var BlankItemActions = styled.div.withConfig({
+  displayName: "BlankItemstyles__BlankItemActions",
+  componentId: "sc-19vgbbk-0"
+})(["opacity:0;flex:0 1 auto;transition:opacity 0.2s;svg:hover{fill:", ";}"], function (props) {
+  return props.theme.palette['blue-600'];
+});
+export var DragHandle = styled.div.withConfig({
+  displayName: "BlankItemstyles__DragHandle",
+  componentId: "sc-19vgbbk-1"
+})(["flex:0 1 auto;cursor:grab;svg{fill:", ";}&:hover{svg{fill:", ";}}"], function (props) {
+  return props.theme.palette['grey-400'];
+}, function (props) {
+  return props.theme.palette['grey-600'];
+});
+export var BlankItemWrapper = styled.div.withConfig({
+  displayName: "BlankItemstyles__BlankItemWrapper",
+  componentId: "sc-19vgbbk-2"
+})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:", "px;&:hover{", "{opacity:1;}}"], function (props) {
+  return props.rowGap;
+}, BlankItemActions);
+export var BlankItemContent = styled.div.withConfig({
+  displayName: "BlankItemstyles__BlankItemContent",
+  componentId: "sc-19vgbbk-3"
+})(["flex:1 1 auto;"]);

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import type { ItemProps } from '../Item.types';
+import type { Texts } from '../../ManageableList.types';
+export type BlankItemBaseProps<T extends object> = Pick<ItemProps<T>, 'id' | 'name'>;
+export type BaseBlankItemProps<T extends object> = {
+    texts?: Partial<Texts>;
+    draggable?: boolean;
+    renderItem: (item: BlankItemBaseProps<T>) => ReactNode;
+    item: BlankItemBaseProps<T>;
+    index?: number;
+    rowGap?: number;
+    onDuplicate?: (duplicateParams: {
+        id: string | number;
+    }) => void;
+    onRemove?: (removeParams: {
+        id: string | number;
+    }) => void;
+};
+export type BlankItemProps<T extends object> = WithHTMLAttributes<HTMLDivElement, BaseBlankItemProps<T>>;

package/dist/Item/BlankItem/BlankItem.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -21,6 +21,7 @@ declare const ContentItem: (({ onRemove, onUpdate, onDuplicate, draggable, dashe
     }, never>;
     ItemHeader: import("styled-components").StyledComponent<"div", any, {
         hasPrefix: boolean;
+        hasDescription: boolean;
         size?: "default" | "large" | undefined;
     }, never>;
     ItemHeaderPrefix: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -9,6 +9,7 @@ export declare const ItemHeaderPrefix: import("styled-components").StyledCompone
 export declare const ItemHeaderSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemHeader: import("styled-components").StyledComponent<"div", any, {
     hasPrefix: boolean;
+    hasDescription: boolean;
     size?: "default" | "large" | undefined;
 }, never>;
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/Item/ContentItem/ContentItem.styles.js

@@ -48,7 +48,7 @@ export var ItemHeader = styled.div.withConfig({
   displayName: "ContentItemstyles__ItemHeader",
   componentId: "sc-13pyu4r-6"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:stretch;width:100%;padding:12px;cursor:pointer;max-height:48px;position:relative;", " ", "{gap:", "px;}gap:", "px;", " ", "{padding:0;}&:hover{.suffix--hide-on-hover{display:none;}", "{color:", ";}", "{display:flex;}", "{svg{color:", ";fill:", ";}}", "{display:flex;}}"], function (props) {
-  return props.size === 'large' && css(["", "{position:absolute;left:0;}"], DraggerWrapper);
+  return props.size === 'large' && css(["", " ", "{position:absolute;left:0;}"], props.hasDescription && 'align-items: flex-start;', DraggerWrapper);
 }, ItemHeaderPrefix, function (props) {
   return props.size === 'large' ? 16 : 12;
 }, function (props) {
@@ -94,7 +94,7 @@ export var ItemContainer = styled.div.withConfig({
 }, standardShadow, function (props) {
   return !!props.dashed && dashedStyle(props);
 }, function (props) {
-  return props.size === 'large' && css(["", "{max-height:88px;padding:24px;}"], ItemHeader);
+  return props.size === 'large' && css(["", "{max-height:none;padding:24px;}"], ItemHeader);
 });
 export var ToggleContentWrapper = styled.div.withConfig({
   displayName: "ContentItemstyles__ToggleContentWrapper",

package/dist/Item/ContentItem/ContentItemHeader.js

@@ -77,6 +77,7 @@ export var ContentItemHeader = function ContentItemHeader(_ref) {
   return /*#__PURE__*/React.createElement(S.ItemHeader, {
     size: size,
     hasPrefix: hasPrefix,
+    hasDescription: !!item.description,
     onClick: function onClick() {
       if (!item.disableExpanding && !editMode) {
         setIsExpanded(!isExpanded);

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

@@ -74,6 +74,7 @@ declare const FilterItem: React.ForwardRefExoticComponent<{
     }, never>;
     ItemHeader: import("styled-components").StyledComponent<"div", any, {
         hasPrefix: boolean;
+        hasDescription: boolean;
         size?: "default" | "large" | undefined;
     }, never>;
     ItemHeaderPrefix: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Item/Item.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { 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, }: Props) => React.JSX.Element;
+declare const Item: ({ item, onRemove, onSelect, onUpdate, listType, onDuplicate, greyBackground, draggable, changeOrderDisabled, selected, texts, searchQuery, hideExpander, expanded, onExpand, onMoveBottom, onMoveTop, isFirst, isLast, additionalActions, renderItem, }: Props) => React.JSX.Element;
 export default Item;

package/dist/Item/Item.js

@@ -3,6 +3,7 @@ import { ListType } from '../ManageableList.types';
 import ContentItem from './ContentItem/ContentItem';
 import SimpleItem from './SimpleItem/SimpleItem';
 import FilterItem from './FilterItem/FilterItem';
+import BlankItem from './BlankItem/BlankItem';
 var Item = function Item(_ref) {
   var item = _ref.item,
     onRemove = _ref.onRemove,
@@ -23,7 +24,8 @@ var Item = function Item(_ref) {
     onMoveTop = _ref.onMoveTop,
     isFirst = _ref.isFirst,
     isLast = _ref.isLast,
-    additionalActions = _ref.additionalActions;
+    additionalActions = _ref.additionalActions,
+    renderItem = _ref.renderItem;
   switch (listType) {
     case ListType.CONTENT:
     case ListType.CONTENT_LARGE:
@@ -46,6 +48,16 @@ var Item = function Item(_ref) {
         isFirst: Boolean(isFirst),
         isLast: Boolean(isLast)
       });
+    case ListType.BLANK:
+      return /*#__PURE__*/React.createElement(BlankItem, {
+        key: "item-" + item.id,
+        item: item,
+        onDuplicate: onDuplicate,
+        onRemove: onRemove,
+        draggable: draggable,
+        texts: texts,
+        renderItem: renderItem
+      });
     case ListType.FILTER:
       return /*#__PURE__*/React.createElement(FilterItem, {
         key: "item-" + item.id,

package/dist/Item/Item.styles.js

@@ -19,7 +19,7 @@ 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) {
-  return props.largeSize ? css(["height:40px;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;"]);
+  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({
   displayName: "Itemstyles__ItemContainer",

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

@@ -4,6 +4,7 @@ export type Props = {
     item: ItemProps;
     isFirst?: boolean;
     isLast?: boolean;
+    renderItem: (item: ItemProps) => ReactNode;
     onMoveTop?: (item: ItemProps) => void;
     onMoveBottom?: (item: ItemProps) => void;
     onRemove?: (removeParams: {

package/dist/ManageableList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ManageableListProps } from './ManageableList.types';
-declare const ManageableList: (<T extends object>({ className, onItemAdd, onItemSelect, onItemDuplicate, onItemRemove, onItemEdit, onChangeOrder, items, maxToShowItems, visibleItemsLimit, loading, type, addButtonDisabled, changeOrderDisabled, greyBackground, placeholder, selectedItemId, searchQuery, expanderDisabled, onExpand, expandedIds, texts, changeOrderByButtons, additionalActions, style, renderCustomToggleButton, }: ManageableListProps<T>) => React.JSX.Element) & {
+declare const ManageableList: (<T extends object>({ className, onItemAdd, onItemSelect, onItemDuplicate, onItemRemove, onItemEdit, onChangeOrder, items, maxToShowItems, visibleItemsLimit, loading, type, addButtonDisabled, changeOrderDisabled, greyBackground, placeholder, selectedItemId, searchQuery, expanderDisabled, onExpand, expandedIds, texts, changeOrderByButtons, additionalActions, style, renderItem, renderCustomToggleButton, }: ManageableListProps<T>) => React.JSX.Element) & {
     ManageableListContainer: import("styled-components").StyledComponent<"div", any, {
         listType: string;
         greyBackground: boolean;

package/dist/ManageableList.js

@@ -8,6 +8,7 @@ import AddItemWithName from './AddItemWithName/AddItemWithName';
 import AddItem from './AddItem/AddItem';
 import { ListType } from './ManageableList.types';
 import { useTexts } from './hooks/useTexts';
+import AddBlankItem from './AddBlankItem/AddBlankItem';
 var SORTABLE_CONFIG = {
   ghostClass: 'sortable-list-ghost-element',
   className: 'sortable-list',
@@ -22,7 +23,6 @@ var SORTABLE_CONFIG = {
     sortable.el.classList.remove('sorting-started');
   }
 };
-var INITIALLY_VISIBLE_COUNT = 5;
 var ManageableListComponent = function ManageableListComponent(_ref) {
   var className = _ref.className,
     onItemAdd = _ref.onItemAdd,
@@ -54,12 +54,16 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
     changeOrderByButtons = _ref$changeOrderByBut === void 0 ? false : _ref$changeOrderByBut,
     additionalActions = _ref.additionalActions,
     style = _ref.style,
+    _ref$renderItem = _ref.renderItem,
+    renderItem = _ref$renderItem === void 0 ? function () {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    } : _ref$renderItem,
     renderCustomToggleButton = _ref.renderCustomToggleButton;
   var _useState = useState(false),
     allItemsVisible = _useState[0],
     setAllItemsVisible = _useState[1];
   var allTexts = useTexts(texts);
-  var visibleLimit = visibleItemsLimit || maxToShowItems || INITIALLY_VISIBLE_COUNT;
+  var visibleLimit = visibleItemsLimit || maxToShowItems;
   var getExpandedIds = useCallback(function () {
     return expandedIds !== undefined ? expandedIds : items.filter(function (item) {
       return item.expanded;
@@ -74,7 +78,8 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
     setAllExpandedIds(getExpandedIds());
   }, [expandedIds, items, getExpandedIds]);
   var getItemsOverLimit = useMemo(function () {
-    return items.length - visibleLimit;
+    if (visibleLimit) return items.length - visibleLimit;
+    return 0;
   }, [items, visibleLimit]);
   var visibleItems = useMemo(function () {
     return allItemsVisible ? items : items.slice(0, visibleLimit);
@@ -125,10 +130,11 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
       searchQuery: searchQuery,
       hideExpander: expanderDisabled,
       expanded: allExpandedIds && allExpandedIds.includes(item.id),
-      additionalActions: additionalActions
+      additionalActions: additionalActions,
+      renderItem: renderItem
     });
-  }, [items.length, type, onItemSelect, onItemEdit, onItemRemove, onItemDuplicate, onExpand, changeOrderByButtons, onMoveTop, onMoveBottom, onChangeOrder, changeOrderDisabled, greyBackground, selectedItemId, allTexts, searchQuery, expanderDisabled, allExpandedIds, additionalActions]);
-  var toggleMoreItemsButton = items.length > visibleLimit ? renderCustomToggleButton && renderCustomToggleButton({
+  }, [items.length, type, onItemSelect, onItemEdit, onItemRemove, onItemDuplicate, onExpand, changeOrderByButtons, onMoveTop, onMoveBottom, onChangeOrder, changeOrderDisabled, greyBackground, selectedItemId, allTexts, searchQuery, expanderDisabled, allExpandedIds, additionalActions, renderItem]);
+  var toggleMoreItemsButton = visibleLimit && items.length > visibleLimit ? renderCustomToggleButton && renderCustomToggleButton({
     onClick: toggleAllItems,
     allItemsVisible: allItemsVisible,
     total: items.length,
@@ -158,6 +164,10 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
     addItemLabel: allTexts.addItemLabel,
     onItemAdd: createItem,
     disabled: addButtonDisabled
+  }), type === ListType.BLANK && Boolean(onItemAdd) && /*#__PURE__*/React.createElement(AddBlankItem, {
+    addItemLabel: allTexts.addItemLabel,
+    onItemAdd: createItem,
+    disabled: addButtonDisabled
   }));
 };
 var ManageableList = Object.assign(ManageableListComponent, {

package/dist/ManageableList.types.d.ts

@@ -8,6 +8,7 @@ export declare enum ExpansionBehaviour {
 }
 export declare enum ListType {
     DEFAULT = "default",
+    BLANK = "blank",
     CONTENT = "content",
     CONTENT_LARGE = "content-large",
     FILTER = "filter"
@@ -61,13 +62,14 @@ export type ManageableListProps<T extends object> = {
         limit: number;
         allItemsVisible: boolean;
     }) => ReactNode;
+    renderItem?: (item: ItemProps) => ReactNode;
 } & ExactlyOne<{
     /**
      * @deprecated - use visibleItemsLimit prop instead
      */
-    maxToShowItems: number;
+    maxToShowItems?: number;
 }, {
-    visibleItemsLimit: number;
+    visibleItemsLimit?: number;
 }>;
 export type Texts = {
     addItemLabel: ReactNode;

package/dist/ManageableList.types.js

@@ -6,6 +6,7 @@ export var ExpansionBehaviour = /*#__PURE__*/function (ExpansionBehaviour) {
 }({});
 export var ListType = /*#__PURE__*/function (ListType) {
   ListType["DEFAULT"] = "default";
+  ListType["BLANK"] = "blank";
   ListType["CONTENT"] = "content";
   ListType["CONTENT_LARGE"] = "content-large";
   ListType["FILTER"] = "filter";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-manageable-list",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "description": "ManageableList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,21 +34,21 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^1.0.5",
-    "@synerise/ds-button": "^1.1.4",
-    "@synerise/ds-dropdown": "^1.0.5",
-    "@synerise/ds-icon": "^1.4.0",
-    "@synerise/ds-inline-edit": "^1.0.6",
-    "@synerise/ds-input": "^1.1.0",
-    "@synerise/ds-list": "^1.0.5",
-    "@synerise/ds-menu": "^1.0.5",
-    "@synerise/ds-modal": "^1.0.5",
-    "@synerise/ds-popconfirm": "^1.0.5",
-    "@synerise/ds-result": "^1.0.5",
-    "@synerise/ds-tag": "^1.1.4",
-    "@synerise/ds-tooltip": "^1.1.4",
-    "@synerise/ds-typography": "^1.0.5",
-    "@synerise/ds-utils": "^1.0.1",
+    "@synerise/ds-avatar": "^1.0.7",
+    "@synerise/ds-button": "^1.2.0",
+    "@synerise/ds-dropdown": "^1.0.7",
+    "@synerise/ds-icon": "^1.4.2",
+    "@synerise/ds-inline-edit": "^1.0.8",
+    "@synerise/ds-input": "^1.1.2",
+    "@synerise/ds-list": "^1.0.7",
+    "@synerise/ds-menu": "^1.0.7",
+    "@synerise/ds-modal": "^1.0.7",
+    "@synerise/ds-popconfirm": "^1.0.7",
+    "@synerise/ds-result": "^1.0.7",
+    "@synerise/ds-tag": "^1.1.6",
+    "@synerise/ds-tooltip": "^1.1.6",
+    "@synerise/ds-typography": "^1.0.7",
+    "@synerise/ds-utils": "^1.1.0",
     "moment": "^2.30.1",
     "react-animate-height": "^2.0.23",
     "react-sortablejs": "^6.0.0",
@@ -61,5 +61,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "6735f9babfeef53122f54ca86cba5f581e8870d9"
+  "gitHead": "90af7549cf0f556340bdd0deec4bb59bacf3e95e"
 }