@synerise/ds-manageable-list 0.29.2 → 0.29.3

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.
 
+## [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
+
+
+
+
+
 ## [0.29.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@0.29.1...@synerise/ds-manageable-list@0.29.2) (2024-11-21)
 
 

package/dist/AddItem/AddItem.js

@@ -1,11 +1,10 @@
 import React from 'react';
 import Button from '@synerise/ds-button';
 import * as S from './AddItem.styles';
-
 var AddItemComponent = function AddItemComponent(_ref) {
   var disabled = _ref.disabled,
-      onItemAdd = _ref.onItemAdd,
-      addItemLabel = _ref.addItemLabel;
+    onItemAdd = _ref.onItemAdd,
+    addItemLabel = _ref.addItemLabel;
   return /*#__PURE__*/React.createElement(S.AddContentButtonWrapper, {
     "data-testid": "add-item-button"
   }, /*#__PURE__*/React.createElement(Button.Creator, {
@@ -15,7 +14,6 @@ var AddItemComponent = function AddItemComponent(_ref) {
     disabled: disabled
   }));
 };
-
 var AddItem = Object.assign(AddItemComponent, {
   AddContentButtonWrapper: S.AddContentButtonWrapper
 });

package/dist/AddItem/AddItem.styles.js

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var AddContentButtonWrapper = styled.div.withConfig({
   displayName: "AddItemstyles__AddContentButtonWrapper",
   componentId: "sc-5vjj4u-0"

package/dist/AddItemWithName/AddItemWithName.js

@@ -4,21 +4,17 @@ import Icon, { Add3M } from '@synerise/ds-icon';
 import Button from '@synerise/ds-button';
 import * as S from './AddItemWithName.styles';
 var DEFAULT_NAME = '';
-
 var AddItemWithName = function AddItemWithName(_ref) {
   var onItemAdd = _ref.onItemAdd,
-      addItemLabel = _ref.addItemLabel,
-      disabled = _ref.disabled,
-      placeholder = _ref.placeholder;
-
+    addItemLabel = _ref.addItemLabel,
+    disabled = _ref.disabled,
+    placeholder = _ref.placeholder;
   var _React$useState = React.useState(false),
-      active = _React$useState[0],
-      setActive = _React$useState[1];
-
+    active = _React$useState[0],
+    setActive = _React$useState[1];
   var _React$useState2 = React.useState(DEFAULT_NAME),
-      name = _React$useState2[0],
-      setName = _React$useState2[1];
-
+    name = _React$useState2[0],
+    setName = _React$useState2[1];
   var handleClickOutside = React.useCallback(function () {
     setActive(false);
     setName(DEFAULT_NAME);
@@ -57,5 +53,4 @@ var AddItemWithName = function AddItemWithName(_ref) {
     placeholder: placeholder
   }));
 };
-
 export default AddItemWithName;

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

@@ -9,12 +9,14 @@ declare const ContentItem: React.ForwardRefExoticComponent<{
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: boolean | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -36,7 +38,6 @@ declare const ContentItem: React.ForwardRefExoticComponent<{
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -47,12 +48,12 @@ declare const ContentItem: React.ForwardRefExoticComponent<{
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;

package/dist/Item/ContentItem/ContentItem.js

@@ -1,9 +1,6 @@
 var _excluded = ["onRemove", "onUpdate", "onDuplicate", "draggable", "dashed", "item", "greyBackground", "changeOrderDisabled", "theme", "texts", "hideExpander", "expanded", "onExpand", "headerSuffix", "headerPrefix", "contentWithoutPadding", "onMoveTop", "onMoveBottom", "isFirst", "isLast"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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 React, { useCallback, useState, useEffect, useMemo } from 'react';
 import AnimateHeight from 'react-animate-height';
 import { withTheme } from 'styled-components';
@@ -15,58 +12,51 @@ import ItemActions from '../ItemActions/ItemActions';
 import ItemName from '../ItemName/ItemName';
 import ItemMeta from '../ItemMeta/ItemMeta';
 import * as S from './ContentItem.styles';
-
 var ContentItemComponent = function ContentItemComponent(_ref) {
   var onRemove = _ref.onRemove,
-      onUpdate = _ref.onUpdate,
-      onDuplicate = _ref.onDuplicate,
-      draggable = _ref.draggable,
-      dashed = _ref.dashed,
-      item = _ref.item,
-      _ref$greyBackground = _ref.greyBackground,
-      greyBackground = _ref$greyBackground === void 0 ? false : _ref$greyBackground,
-      changeOrderDisabled = _ref.changeOrderDisabled,
-      theme = _ref.theme,
-      texts = _ref.texts,
-      hideExpander = _ref.hideExpander,
-      expanded = _ref.expanded,
-      onExpand = _ref.onExpand,
-      headerSuffix = _ref.headerSuffix,
-      headerPrefix = _ref.headerPrefix,
-      contentWithoutPadding = _ref.contentWithoutPadding,
-      onMoveTop = _ref.onMoveTop,
-      onMoveBottom = _ref.onMoveBottom,
-      isFirst = _ref.isFirst,
-      isLast = _ref.isLast,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onUpdate = _ref.onUpdate,
+    onDuplicate = _ref.onDuplicate,
+    draggable = _ref.draggable,
+    dashed = _ref.dashed,
+    item = _ref.item,
+    _ref$greyBackground = _ref.greyBackground,
+    greyBackground = _ref$greyBackground === void 0 ? false : _ref$greyBackground,
+    changeOrderDisabled = _ref.changeOrderDisabled,
+    theme = _ref.theme,
+    texts = _ref.texts,
+    hideExpander = _ref.hideExpander,
+    expanded = _ref.expanded,
+    onExpand = _ref.onExpand,
+    headerSuffix = _ref.headerSuffix,
+    headerPrefix = _ref.headerPrefix,
+    contentWithoutPadding = _ref.contentWithoutPadding,
+    onMoveTop = _ref.onMoveTop,
+    onMoveBottom = _ref.onMoveBottom,
+    isFirst = _ref.isFirst,
+    isLast = _ref.isLast,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(expanded),
-      expandedState = _useState[0],
-      setExpanded = _useState[1];
-
+    expandedState = _useState[0],
+    setExpanded = _useState[1];
   var _useState2 = useState(false),
-      editMode = _useState2[0],
-      setEditMode = _useState2[1];
-
+    editMode = _useState2[0],
+    setEditMode = _useState2[1];
   useEffect(function () {
     if (expandedState !== expanded) {
       setExpanded(expanded);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [expanded]);
   var updateName = useCallback(function (updateParams) {
     setEditMode(false);
     onUpdate && onUpdate(updateParams);
   }, [onUpdate]);
-
   var enterEditMode = function enterEditMode() {
     setEditMode(true);
   };
-
   var stopPropagationHandler = function stopPropagationHandler(event) {
     event.stopPropagation();
   };
-
   var renderMoveButtons = useMemo(function () {
     return (onMoveTop || onMoveBottom) && /*#__PURE__*/React.createElement(S.MoveItemButtons, null, onMoveTop && !isFirst && /*#__PURE__*/React.createElement(Tooltip, {
       title: texts == null ? void 0 : texts.moveToTopTooltip
@@ -166,7 +156,6 @@ var ContentItemComponent = function ContentItemComponent(_ref) {
     withoutPadding: Boolean(contentWithoutPadding)
   }, item.content)));
 };
-
 var ContentItem = Object.assign(withTheme(ContentItemComponent), {
   AdditionalSuffix: S.AdditionalSuffix,
   ContentWrapper: S.ContentWrapper,

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

@@ -4,11 +4,9 @@ import Button from '@synerise/ds-button';
 import { ItemLabel } from '../SimpleItem/SimpleItem.styles';
 import { ItemActionsWrapper } from '../ItemActions/ItemActions.styles';
 import { ItemMeta } from '../ItemMeta/ItemMeta.styles';
-
 var dashedStyle = function dashedStyle(props) {
   return css(["&&{box-shadow:0 0 0 0 transparent;border:1px dashed ", ";}&&:hover{border:1px dashed ", ";}"], props.theme.palette['grey-300'], props.theme.palette['grey-400']);
 };
-
 export var AdditionalSuffix = styled.div.withConfig({
   displayName: "ContentItemstyles__AdditionalSuffix",
   componentId: "sc-13pyu4r-0"
@@ -78,11 +76,11 @@ export var ItemContainer = styled.div.withConfig({
   return theme.palette.white;
 }, function (_ref9) {
   var greyBackground = _ref9.greyBackground,
-      theme = _ref9.theme;
+    theme = _ref9.theme;
   return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : "0 0 0 1px " + theme.palette['grey-200'];
 }, function (_ref10) {
   var greyBackground = _ref10.greyBackground,
-      theme = _ref10.theme;
+    theme = _ref10.theme;
   return !greyBackground && "\n      &:hover {\n        box-shadow: 0 0 0 1px " + theme.palette['grey-300'] + ";\n      }\n  ";
 }, function (props) {
   return !!props.dashed && dashedStyle(props);

package/dist/Item/FilterItem/FilterItem.js

@@ -12,28 +12,24 @@ import ItemName from '../ItemName/ItemName';
 import ItemMeta from '../ItemMeta/ItemMeta';
 import * as S from '../ContentItem/ContentItem.styles';
 import { SelectFilterItem, ItemHeader, DropdownMenu } from './FilterItem.styles';
-
 var FilterItemComponent = function FilterItemComponent(_ref) {
   var item = _ref.item,
-      selected = _ref.selected,
-      greyBackground = _ref.greyBackground,
-      onDuplicate = _ref.onDuplicate,
-      onRemove = _ref.onRemove,
-      onUpdate = _ref.onUpdate,
-      onSelect = _ref.onSelect,
-      texts = _ref.texts,
-      theme = _ref.theme,
-      searchQuery = _ref.searchQuery,
-      style = _ref.style;
-
+    selected = _ref.selected,
+    greyBackground = _ref.greyBackground,
+    onDuplicate = _ref.onDuplicate,
+    onRemove = _ref.onRemove,
+    onUpdate = _ref.onUpdate,
+    onSelect = _ref.onSelect,
+    texts = _ref.texts,
+    theme = _ref.theme,
+    searchQuery = _ref.searchQuery,
+    style = _ref.style;
   var _useState = useState(false),
-      editMode = _useState[0],
-      setEditMode = _useState[1];
-
+    editMode = _useState[0],
+    setEditMode = _useState[1];
   var _useState2 = useState(false),
-      confirmDeleteVisible = _useState2[0],
-      setConfirmDeleteVisible = _useState2[1];
-
+    confirmDeleteVisible = _useState2[0],
+    setConfirmDeleteVisible = _useState2[1];
   var updateName = useCallback(function (updateParams) {
     setEditMode(false);
     onUpdate && onUpdate(updateParams);
@@ -147,7 +143,6 @@ var FilterItemComponent = function FilterItemComponent(_ref) {
     }, texts.deleteConfirmationYes))
   })));
 };
-
 var FilterItem = Object.assign(withTheme(FilterItemComponent), {
   AdditionalSuffix: S.AdditionalSuffix,
   ContentWrapper: S.ContentWrapper,

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

@@ -1,14 +1,13 @@
 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'; // eslint-disable-next-line import/prefer-default-export
+import { ItemMeta } from '../ItemMeta/ItemMeta.styles';
 
+// eslint-disable-next-line import/prefer-default-export
 export var SelectFilterItem = styled.div.withConfig({
   displayName: "FilterItemstyles__SelectFilterItem",
   componentId: "omg0gg-0"
@@ -44,8 +43,7 @@ export var DropdownMenu = styled(Menu).withConfig({
 })(["padding:8px;"]);
 export var DropdownMenuItem = styled(function (_ref2) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/Item/Item.js

@@ -3,29 +3,27 @@ import { ListType } from '../ManageableList.types';
 import ContentItem from './ContentItem/ContentItem';
 import SimpleItem from './SimpleItem/SimpleItem';
 import FilterItem from './FilterItem/FilterItem';
-
 var Item = function Item(_ref) {
   var item = _ref.item,
-      onRemove = _ref.onRemove,
-      onSelect = _ref.onSelect,
-      onUpdate = _ref.onUpdate,
-      listType = _ref.listType,
-      onDuplicate = _ref.onDuplicate,
-      greyBackground = _ref.greyBackground,
-      draggable = _ref.draggable,
-      changeOrderDisabled = _ref.changeOrderDisabled,
-      selected = _ref.selected,
-      texts = _ref.texts,
-      searchQuery = _ref.searchQuery,
-      hideExpander = _ref.hideExpander,
-      expanded = _ref.expanded,
-      onExpand = _ref.onExpand,
-      onMoveBottom = _ref.onMoveBottom,
-      onMoveTop = _ref.onMoveTop,
-      isFirst = _ref.isFirst,
-      isLast = _ref.isLast,
-      additionalActions = _ref.additionalActions;
-
+    onRemove = _ref.onRemove,
+    onSelect = _ref.onSelect,
+    onUpdate = _ref.onUpdate,
+    listType = _ref.listType,
+    onDuplicate = _ref.onDuplicate,
+    greyBackground = _ref.greyBackground,
+    draggable = _ref.draggable,
+    changeOrderDisabled = _ref.changeOrderDisabled,
+    selected = _ref.selected,
+    texts = _ref.texts,
+    searchQuery = _ref.searchQuery,
+    hideExpander = _ref.hideExpander,
+    expanded = _ref.expanded,
+    onExpand = _ref.onExpand,
+    onMoveBottom = _ref.onMoveBottom,
+    onMoveTop = _ref.onMoveTop,
+    isFirst = _ref.isFirst,
+    isLast = _ref.isLast,
+    additionalActions = _ref.additionalActions;
   switch (listType) {
     case ListType.CONTENT:
       return /*#__PURE__*/React.createElement(ContentItem, {
@@ -46,7 +44,6 @@ var Item = function Item(_ref) {
         isFirst: Boolean(isFirst),
         isLast: Boolean(isLast)
       });
-
     case ListType.FILTER:
       return /*#__PURE__*/React.createElement(FilterItem, {
         key: "item-" + item.id,
@@ -60,7 +57,6 @@ var Item = function Item(_ref) {
         texts: texts,
         searchQuery: searchQuery
       });
-
     default:
       return /*#__PURE__*/React.createElement(SimpleItem, {
         key: "item-" + item.id,
@@ -74,5 +70,4 @@ var Item = function Item(_ref) {
       });
   }
 };
-
 export default Item;

package/dist/Item/ItemActions/ItemActions.js

@@ -4,16 +4,15 @@ import Tooltip from '@synerise/ds-tooltip';
 import { theme } from '@synerise/ds-core';
 import * as S from './ItemActions.styles';
 var DEFAULT_COLOR = theme.palette['grey-500'];
-
 var ItemActions = function ItemActions(_ref) {
   var item = _ref.item,
-      duplicateAction = _ref.duplicateAction,
-      duplicateActionTooltip = _ref.duplicateActionTooltip,
-      editAction = _ref.editAction,
-      editActionTooltip = _ref.editActionTooltip,
-      removeAction = _ref.removeAction,
-      removeActionTooltip = _ref.removeActionTooltip,
-      additionalActions = _ref.additionalActions;
+    duplicateAction = _ref.duplicateAction,
+    duplicateActionTooltip = _ref.duplicateActionTooltip,
+    editAction = _ref.editAction,
+    editActionTooltip = _ref.editActionTooltip,
+    removeAction = _ref.removeAction,
+    removeActionTooltip = _ref.removeActionTooltip,
+    additionalActions = _ref.additionalActions;
   var handleDuplicate = React.useCallback(function (event) {
     event.stopPropagation();
     var id = item.id;
@@ -55,5 +54,4 @@ var ItemActions = function ItemActions(_ref) {
   }, [additionalActions, item, renderIcon]);
   return /*#__PURE__*/React.createElement(S.ItemActionsWrapper, null, additionalActions && renderAdditionalActions, renderIcon(Boolean(item.canUpdate), /*#__PURE__*/React.createElement(EditS, null), DEFAULT_COLOR, handleEdit, 'list-item-edit', editActionTooltip), renderIcon(Boolean(item.canDuplicate), /*#__PURE__*/React.createElement(DuplicateS, null), DEFAULT_COLOR, handleDuplicate, 'list-item-duplicate', duplicateActionTooltip), renderIcon(Boolean(item.canDelete), /*#__PURE__*/React.createElement(CloseS, null), theme.palette['red-600'], handleRemove, 'list-item-remove', removeActionTooltip));
 };
-
 export default ItemActions;

package/dist/Item/ItemActions/ItemActions.styles.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon'; // eslint-disable-next-line import/prefer-default-export
+import { IconContainer } from '@synerise/ds-icon';
 
+// eslint-disable-next-line import/prefer-default-export
 export var ItemActionsWrapper = styled.div.withConfig({
   displayName: "ItemActionsstyles__ItemActionsWrapper",
   componentId: "sc-1n2bgbl-0"

package/dist/Item/ItemMeta/ItemMeta.js

@@ -4,14 +4,12 @@ import moment from 'moment';
 import * as S from './ItemMeta.styles';
 export var ItemMeta = function ItemMeta(_ref) {
   var user = _ref.user,
-      created = _ref.created;
-
+    created = _ref.created;
   var _ref2 = user || {},
-      firstName = _ref2.firstname,
-      lastName = _ref2.lastname,
-      avatar = _ref2.avatar_url,
-      email = _ref2.email;
-
+    firstName = _ref2.firstname,
+    lastName = _ref2.lastname,
+    avatar = _ref2.avatar_url,
+    email = _ref2.email;
   var userData = {
     firstName: firstName,
     lastName: lastName,

package/dist/Item/ItemName/ItemName.js

@@ -4,19 +4,15 @@ import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';
 import { InfoFillS } from '@synerise/ds-icon';
 import { escapeRegEx } from '@synerise/ds-utils';
 import * as S from '../SimpleItem/SimpleItem.styles';
-
 var ItemName = function ItemName(_ref) {
   var _item$nameWrapperClas;
-
   var item = _ref.item,
-      onUpdate = _ref.onUpdate,
-      editMode = _ref.editMode,
-      searchQuery = _ref.searchQuery;
-
+    onUpdate = _ref.onUpdate,
+    editMode = _ref.editMode,
+    searchQuery = _ref.searchQuery;
   var _useState = useState(item.name),
-      editedName = _useState[0],
-      setEditedName = _useState[1];
-
+    editedName = _useState[0],
+    setEditedName = _useState[1];
   var updateName = useCallback(function () {
     onUpdate && onUpdate({
       id: item.id,
@@ -29,8 +25,8 @@ var ItemName = function ItemName(_ref) {
   useEffect(function () {
     if (item.name !== editedName) {
       setEditedName(item.name);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editMode]);
   var inputProps = useMemo(function () {
     return {
@@ -51,7 +47,6 @@ var ItemName = function ItemName(_ref) {
       }, item.name.substring(startOfQuery, endOfQuery)), item.name.substring(endOfQuery, item.name.length)];
       return resultArray;
     }
-
     return item.name;
   }, [item.id, item.name, searchQuery]);
   var classes = (_item$nameWrapperClas = item.nameWrapperClassNames) != null && _item$nameWrapperClas.length ? ['title'].concat(item.nameWrapperClassNames) : ['title'];
@@ -80,5 +75,4 @@ var ItemName = function ItemName(_ref) {
     color: "#b5bdc3"
   })))));
 };
-
 export default ItemName;

package/dist/Item/SimpleItem/SimpleItem.js

@@ -4,20 +4,17 @@ import Icon from '@synerise/ds-icon';
 import * as S from './SimpleItem.styles';
 import ItemActions from '../ItemActions/ItemActions';
 import ItemName from '../ItemName/ItemName';
-
 var SimpleItemComponent = function SimpleItemComponent(_ref) {
   var item = _ref.item,
-      onRemove = _ref.onRemove,
-      onSelect = _ref.onSelect,
-      onUpdate = _ref.onUpdate,
-      texts = _ref.texts,
-      additionalActions = _ref.additionalActions,
-      selected = _ref.selected;
-
+    onRemove = _ref.onRemove,
+    onSelect = _ref.onSelect,
+    onUpdate = _ref.onUpdate,
+    texts = _ref.texts,
+    additionalActions = _ref.additionalActions,
+    selected = _ref.selected;
   var _useState = useState(false),
-      editMode = _useState[0],
-      setEditMode = _useState[1];
-
+    editMode = _useState[0],
+    setEditMode = _useState[1];
   var updateName = useCallback(function (updateParams) {
     setEditMode(false);
     onUpdate && onUpdate(updateParams);
@@ -55,7 +52,6 @@ var SimpleItemComponent = function SimpleItemComponent(_ref) {
     onUpdate: updateName
   })));
 };
-
 var SimpleItem = Object.assign(SimpleItemComponent, {
   ItemContainer: S.ItemContainer,
   ItemLabelWrapper: S.ItemLabelWrapper,

package/dist/Item/SimpleItem/SimpleItem.styles.js

@@ -20,19 +20,19 @@ export var ItemContainer = styled.div.withConfig({
   componentId: "sc-1eyeaqw-2"
 })(["width:100%;display:flex;flex-direction:row;align-items:center;justify-content:stretch;background-color:", ";li{width:100%;.title{color:", ";}& > div{height:24px;&:nth-child(2){overflow:hidden;}}}.ds-manageable-list-item-icon{svg{color:", ";fill:", ";}}&:hover{", "{display:flex;}.ds-manageable-list-item-icon{svg{color:", ";fill:", ";}}}"], function (_ref2) {
   var theme = _ref2.theme,
-      isSelected = _ref2.isSelected;
+    isSelected = _ref2.isSelected;
   return isSelected ? theme.palette['blue-050'] : theme.palette.white;
 }, function (_ref3) {
   var theme = _ref3.theme,
-      isSelected = _ref3.isSelected;
+    isSelected = _ref3.isSelected;
   return isSelected ? theme.palette['blue-600'] : theme.palette['grey-600'];
 }, function (_ref4) {
   var theme = _ref4.theme,
-      isSelected = _ref4.isSelected;
+    isSelected = _ref4.isSelected;
   return isSelected ? theme.palette['blue-600'] : theme.palette['grey-600'];
 }, function (_ref5) {
   var theme = _ref5.theme,
-      isSelected = _ref5.isSelected;
+    isSelected = _ref5.isSelected;
   return isSelected ? theme.palette['blue-600'] : theme.palette['grey-600'];
 }, ItemActionsWrapper, function (_ref6) {
   var theme = _ref6.theme;

package/dist/ManageableList.js

@@ -1,15 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import List from '@synerise/ds-list';
 import { ReactSortable } from 'react-sortablejs';
@@ -28,44 +22,41 @@ var SORTABLE_CONFIG = {
   forceFallback: true
 };
 var INITIALLY_VISIBLE_COUNT = 5;
-
 var ManageableListComponent = function ManageableListComponent(_ref) {
   var className = _ref.className,
-      onItemAdd = _ref.onItemAdd,
-      onItemSelect = _ref.onItemSelect,
-      onItemDuplicate = _ref.onItemDuplicate,
-      onItemRemove = _ref.onItemRemove,
-      onItemEdit = _ref.onItemEdit,
-      onChangeOrder = _ref.onChangeOrder,
-      items = _ref.items,
-      maxToShowItems = _ref.maxToShowItems,
-      visibleItemsLimit = _ref.visibleItemsLimit,
-      loading = _ref.loading,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? ListType.DEFAULT : _ref$type,
-      _ref$addButtonDisable = _ref.addButtonDisabled,
-      addButtonDisabled = _ref$addButtonDisable === void 0 ? false : _ref$addButtonDisable,
-      _ref$changeOrderDisab = _ref.changeOrderDisabled,
-      changeOrderDisabled = _ref$changeOrderDisab === void 0 ? false : _ref$changeOrderDisab,
-      _ref$greyBackground = _ref.greyBackground,
-      greyBackground = _ref$greyBackground === void 0 ? false : _ref$greyBackground,
-      placeholder = _ref.placeholder,
-      selectedItemId = _ref.selectedItemId,
-      searchQuery = _ref.searchQuery,
-      expanderDisabled = _ref.expanderDisabled,
-      onExpand = _ref.onExpand,
-      expandedIds = _ref.expandedIds,
-      texts = _ref.texts,
-      _ref$changeOrderByBut = _ref.changeOrderByButtons,
-      changeOrderByButtons = _ref$changeOrderByBut === void 0 ? false : _ref$changeOrderByBut,
-      additionalActions = _ref.additionalActions,
-      style = _ref.style,
-      renderCustomToggleButton = _ref.renderCustomToggleButton;
-
+    onItemAdd = _ref.onItemAdd,
+    onItemSelect = _ref.onItemSelect,
+    onItemDuplicate = _ref.onItemDuplicate,
+    onItemRemove = _ref.onItemRemove,
+    onItemEdit = _ref.onItemEdit,
+    onChangeOrder = _ref.onChangeOrder,
+    items = _ref.items,
+    maxToShowItems = _ref.maxToShowItems,
+    visibleItemsLimit = _ref.visibleItemsLimit,
+    loading = _ref.loading,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? ListType.DEFAULT : _ref$type,
+    _ref$addButtonDisable = _ref.addButtonDisabled,
+    addButtonDisabled = _ref$addButtonDisable === void 0 ? false : _ref$addButtonDisable,
+    _ref$changeOrderDisab = _ref.changeOrderDisabled,
+    changeOrderDisabled = _ref$changeOrderDisab === void 0 ? false : _ref$changeOrderDisab,
+    _ref$greyBackground = _ref.greyBackground,
+    greyBackground = _ref$greyBackground === void 0 ? false : _ref$greyBackground,
+    placeholder = _ref.placeholder,
+    selectedItemId = _ref.selectedItemId,
+    searchQuery = _ref.searchQuery,
+    expanderDisabled = _ref.expanderDisabled,
+    onExpand = _ref.onExpand,
+    expandedIds = _ref.expandedIds,
+    texts = _ref.texts,
+    _ref$changeOrderByBut = _ref.changeOrderByButtons,
+    changeOrderByButtons = _ref$changeOrderByBut === void 0 ? false : _ref$changeOrderByBut,
+    additionalActions = _ref.additionalActions,
+    style = _ref.style,
+    renderCustomToggleButton = _ref.renderCustomToggleButton;
   var _useState = useState(false),
-      allItemsVisible = _useState[0],
-      setAllItemsVisible = _useState[1];
-
+    allItemsVisible = _useState[0],
+    setAllItemsVisible = _useState[1];
   var visibleLimit = visibleItemsLimit || maxToShowItems || INITIALLY_VISIBLE_COUNT;
   var getExpandedIds = useCallback(function () {
     return expandedIds !== undefined ? expandedIds : items.filter(function (item) {
@@ -74,11 +65,9 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
       return item.id;
     });
   }, [expandedIds, items]);
-
   var _useState2 = useState(getExpandedIds()),
-      allExpandedIds = _useState2[0],
-      setAllExpandedIds = _useState2[1];
-
+    allExpandedIds = _useState2[0],
+    setAllExpandedIds = _useState2[1];
   useEffect(function () {
     setAllExpandedIds(getExpandedIds());
   }, [expandedIds, items, getExpandedIds]);
@@ -253,7 +242,6 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
     disabled: addButtonDisabled
   }));
 };
-
 var ManageableList = Object.assign(ManageableListComponent, {
   ManageableListContainer: S.ManageableListContainer,
   ShowMoreButton: S.ShowMoreButton

package/dist/ManageableList.styles.js

@@ -8,7 +8,7 @@ export var ManageableListContainer = styled.div.withConfig({
   return listType === ListType.CONTENT ? '24px' : '0';
 }, function (_ref2) {
   var theme = _ref2.theme,
-      greyBackground = _ref2.greyBackground;
+    greyBackground = _ref2.greyBackground;
   return greyBackground ? theme.palette['grey-050'] : theme.palette.white;
 }, function (props) {
   return props.theme.palette.white;

package/dist/ManageableList.types.js

@@ -1,13 +1,10 @@
 export var ExpansionBehaviour;
-
 (function (ExpansionBehaviour) {
   ExpansionBehaviour["DEFAULT"] = "default";
   ExpansionBehaviour["ACCORDION"] = "accordion";
   ExpansionBehaviour["CUSTOM"] = "custom";
 })(ExpansionBehaviour || (ExpansionBehaviour = {}));
-
 export var ListType;
-
 (function (ListType) {
   ListType["DEFAULT"] = "default";
   ListType["CONTENT"] = "content";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-manageable-list",
-  "version": "0.29.2",
+  "version": "0.29.3",
   "description": "ManageableList UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,7 +43,7 @@
     "@synerise/ds-list": "^0.7.6",
     "@synerise/ds-menu": "^0.20.6",
     "@synerise/ds-modal": "^0.17.51",
-    "@synerise/ds-popconfirm": "^0.10.60",
+    "@synerise/ds-popconfirm": "^0.10.61",
     "@synerise/ds-result": "^0.7.14",
     "@synerise/ds-tags": "^0.10.18",
     "@synerise/ds-tooltip": "^0.14.49",
@@ -61,5 +61,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
 }