@synerise/ds-manageable-list 1.2.4 → 1.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/ManageableList.js +4 -4
  3. package/dist/ManageableList.types.d.ts +2 -2
  4. package/package.json +16 -16
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **manageable-list:** change visibleLimit as optional ([9c54861](https://github.com/Synerise/synerise-design/commit/9c54861f87d7fc9a28491e8a2d9ded7da6dadd41))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+ **Note:** Version bump only for package @synerise/ds-manageable-list
20
+
21
+
22
+
23
+
24
+
6
25
  ## [1.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-manageable-list@1.2.3...@synerise/ds-manageable-list@1.2.4) (2025-04-04)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-manageable-list
package/dist/ManageableList.js CHANGED
@@ -22,7 +22,6 @@ var SORTABLE_CONFIG = {
22
22
  sortable.el.classList.remove('sorting-started');
23
23
  }
24
24
  };
25
- var INITIALLY_VISIBLE_COUNT = 5;
26
25
  var ManageableListComponent = function ManageableListComponent(_ref) {
27
26
  var className = _ref.className,
28
27
  onItemAdd = _ref.onItemAdd,
@@ -59,7 +58,7 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
59
58
  allItemsVisible = _useState[0],
60
59
  setAllItemsVisible = _useState[1];
61
60
  var allTexts = useTexts(texts);
62
- var visibleLimit = visibleItemsLimit || maxToShowItems || INITIALLY_VISIBLE_COUNT;
61
+ var visibleLimit = visibleItemsLimit || maxToShowItems;
63
62
  var getExpandedIds = useCallback(function () {
64
63
  return expandedIds !== undefined ? expandedIds : items.filter(function (item) {
65
64
  return item.expanded;
@@ -74,7 +73,8 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
74
73
  setAllExpandedIds(getExpandedIds());
75
74
  }, [expandedIds, items, getExpandedIds]);
76
75
  var getItemsOverLimit = useMemo(function () {
77
- return items.length - visibleLimit;
76
+ if (visibleLimit) return items.length - visibleLimit;
77
+ return 0;
78
78
  }, [items, visibleLimit]);
79
79
  var visibleItems = useMemo(function () {
80
80
  return allItemsVisible ? items : items.slice(0, visibleLimit);
@@ -128,7 +128,7 @@ var ManageableListComponent = function ManageableListComponent(_ref) {
128
128
  additionalActions: additionalActions
129
129
  });
130
130
  }, [items.length, type, onItemSelect, onItemEdit, onItemRemove, onItemDuplicate, onExpand, changeOrderByButtons, onMoveTop, onMoveBottom, onChangeOrder, changeOrderDisabled, greyBackground, selectedItemId, allTexts, searchQuery, expanderDisabled, allExpandedIds, additionalActions]);
131
- var toggleMoreItemsButton = items.length > visibleLimit ? renderCustomToggleButton && renderCustomToggleButton({
131
+ var toggleMoreItemsButton = visibleLimit && items.length > visibleLimit ? renderCustomToggleButton && renderCustomToggleButton({
132
132
  onClick: toggleAllItems,
133
133
  allItemsVisible: allItemsVisible,
134
134
  total: items.length,
package/dist/ManageableList.types.d.ts CHANGED
@@ -65,9 +65,9 @@ export type ManageableListProps<T extends object> = {
65
65
  /**
66
66
  * @deprecated - use visibleItemsLimit prop instead
67
67
  */
68
- maxToShowItems: number;
68
+ maxToShowItems?: number;
69
69
  }, {
70
- visibleItemsLimit: number;
70
+ visibleItemsLimit?: number;
71
71
  }>;
72
72
  export type Texts = {
73
73
  addItemLabel: ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-manageable-list",
3
- "version": "1.2.4",
3
+ "version": "1.2.6",
4
4
  "description": "ManageableList UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,20 +34,20 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-avatar": "^1.0.4",
38
- "@synerise/ds-button": "^1.1.3",
39
- "@synerise/ds-dropdown": "^1.0.4",
40
- "@synerise/ds-icon": "^1.3.0",
41
- "@synerise/ds-inline-edit": "^1.0.5",
42
- "@synerise/ds-input": "^1.0.4",
43
- "@synerise/ds-list": "^1.0.4",
44
- "@synerise/ds-menu": "^1.0.4",
45
- "@synerise/ds-modal": "^1.0.4",
46
- "@synerise/ds-popconfirm": "^1.0.4",
47
- "@synerise/ds-result": "^1.0.4",
48
- "@synerise/ds-tag": "^1.1.3",
49
- "@synerise/ds-tooltip": "^1.1.3",
50
- "@synerise/ds-typography": "^1.0.4",
37
+ "@synerise/ds-avatar": "^1.0.6",
38
+ "@synerise/ds-button": "^1.1.5",
39
+ "@synerise/ds-dropdown": "^1.0.6",
40
+ "@synerise/ds-icon": "^1.4.1",
41
+ "@synerise/ds-inline-edit": "^1.0.7",
42
+ "@synerise/ds-input": "^1.1.1",
43
+ "@synerise/ds-list": "^1.0.6",
44
+ "@synerise/ds-menu": "^1.0.6",
45
+ "@synerise/ds-modal": "^1.0.6",
46
+ "@synerise/ds-popconfirm": "^1.0.6",
47
+ "@synerise/ds-result": "^1.0.6",
48
+ "@synerise/ds-tag": "^1.1.5",
49
+ "@synerise/ds-tooltip": "^1.1.5",
50
+ "@synerise/ds-typography": "^1.0.6",
51
51
  "@synerise/ds-utils": "^1.0.1",
52
52
  "moment": "^2.30.1",
53
53
  "react-animate-height": "^2.0.23",
@@ -61,5 +61,5 @@
61
61
  "react-intl": ">=3.12.0 <= 6.8",
62
62
  "styled-components": "^5.3.3"
63
63
  },
64
- "gitHead": "55537c6449492265a1d50c1e055ef7cc03c7935e"
64
+ "gitHead": "fc601270d3c84a5a52b62473a01f1b3c1c7014a7"
65
65
  }