@synerise/ds-sortable 1.2.0 → 1.3.1

package/CHANGELOG.md

@@ -3,48 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.3...@synerise/ds-sortable@1.2.0) (2025-06-05)
+## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.3.0...@synerise/ds-sortable@1.3.1) (2025-07-01)
 
+**Note:** Version bump only for package @synerise/ds-sortable
 
-### Features
 
-* **column-manager:** removed unnecessary features ([152d3c0](https://github.com/Synerise/synerise-design/commit/152d3c0d87449977f8c4264bb7abd278210470e9))
-* **filter:** change dnd lib and update ux ([f5a979e](https://github.com/Synerise/synerise-design/commit/f5a979e6c9e5d9c8251c3f57da8ce57c416dadab))
 
 
 
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.2.0...@synerise/ds-sortable@1.3.0) (2025-06-24)
 
 
-## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.2...@synerise/ds-sortable@1.1.3) (2025-05-26)
+### Features
 
-**Note:** Version bump only for package @synerise/ds-sortable
+* **condition:** sortable lib ([8cbc3f5](https://github.com/Synerise/synerise-design/commit/8cbc3f5956ce9138f1a6b0a5eb0e7cd85bb7f4e7))
 
 
 
 
 
-## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.1...@synerise/ds-sortable@1.1.2) (2025-05-07)
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.3...@synerise/ds-sortable@1.2.0) (2025-06-05)
 
-**Note:** Version bump only for package @synerise/ds-sortable
+### Features
 
+- **column-manager:** removed unnecessary features ([152d3c0](https://github.com/Synerise/synerise-design/commit/152d3c0d87449977f8c4264bb7abd278210470e9))
+- **filter:** change dnd lib and update ux ([f5a979e](https://github.com/Synerise/synerise-design/commit/f5a979e6c9e5d9c8251c3f57da8ce57c416dadab))
 
+## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.2...@synerise/ds-sortable@1.1.3) (2025-05-26)
 
+**Note:** Version bump only for package @synerise/ds-sortable
 
+## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.1...@synerise/ds-sortable@1.1.2) (2025-05-07)
 
-## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.0...@synerise/ds-sortable@1.1.1) (2025-04-24)
+**Note:** Version bump only for package @synerise/ds-sortable
 
+## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sortable@1.1.0...@synerise/ds-sortable@1.1.1) (2025-04-24)
 
 ### Bug Fixes
 
-* **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
-
-
-
-
+- **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
 
 # 1.1.0 (2025-03-31)
 
-
 ### Features
 
-* **sortable:** new component ([181e09f](https://github.com/Synerise/synerise-design/commit/181e09fab834c9964995d1abb81349a564e2c956))
+- **sortable:** new component ([181e09f](https://github.com/Synerise/synerise-design/commit/181e09fab834c9964995d1abb81349a564e2c956))

package/README.md

@@ -6,6 +6,7 @@ title: Sortable
 Sortable UI Component
 
 ## Installation
+
 ```
 npm i @synerise/ds-sortable
 or
@@ -13,6 +14,7 @@ yarn add @synerise/ds-sortable
 ```
 
 ## Usage
+
 ```
 import Sortable from '@synerise/ds-sortable'
 
@@ -27,4 +29,4 @@ import Sortable from '@synerise/ds-sortable'
 ## API
 
 | Property | Description | Type | Default |
-| --- | --- | --- | --- |
+| -------- | ----------- | ---- | ------- |

package/dist/Sortable.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SortableProps, BaseItem } from './Sortable.types';
+import { type BaseItem, type SortableProps } from './Sortable.types';
 export declare const Sortable: <ItemType extends BaseItem>({ items, onOrderChange, ItemComponent, axis, placeholderCss, }: SortableProps<ItemType>) => React.JSX.Element;
 export default Sortable;

package/dist/Sortable.js

@@ -1,10 +1,10 @@
 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); }
-import React, { useMemo, useState, useEffect } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import { DragOverlay } from '@dnd-kit/core';
 import { restrictToParentElement } from '@dnd-kit/modifiers';
-import { SortableItem } from './SortableItem';
 import { SortableContainer } from './SortableContainer';
+import { SortableItem } from './SortableItem';
 export var Sortable = function Sortable(_ref) {
   var items = _ref.items,
     onOrderChange = _ref.onOrderChange,
@@ -28,6 +28,10 @@ export var Sortable = function Sortable(_ref) {
       return item.id === event.active.id;
     }));
   };
+  var handleOrderChange = function handleOrderChange(newOrder) {
+    onOrderChange == null || onOrderChange(newOrder);
+    setOrder(newOrder);
+  };
   useEffect(function () {
     setOrder(items);
   }, [items]);
@@ -36,7 +40,7 @@ export var Sortable = function Sortable(_ref) {
     items: items,
     onDragEnd: handleDragEnd,
     onDragStart: handleDragStart,
-    onOrderChange: onOrderChange
+    onOrderChange: handleOrderChange
   }, order.map(function (item, index) {
     return /*#__PURE__*/React.createElement(SortableItem, {
       id: item.id,

package/dist/Sortable.styles.d.ts

@@ -1,5 +1,5 @@
-import { ThemeProps } from '@synerise/ds-core';
-import { Interpolation } from 'styled-components';
+import { type Interpolation } from 'styled-components';
+import { type ThemeProps } from '@synerise/ds-core';
 export declare const SortableItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SortableItemWrapper: import("styled-components").StyledComponent<"div", any, {
     isGrabbed: boolean;

package/dist/Sortable.types.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode, ReactElement, ComponentType } from 'react';
-import type { DndContextProps, DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';
+import type { ComponentType, ReactElement, ReactNode } from 'react';
 import type { Interpolation } from 'styled-components';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import type { DndContextProps, DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';
 import type { ThemeProps } from '@synerise/ds-core';
+import type { WithHTMLAttributes } from '@synerise/ds-utils';
 export type DragHandlePropType = DraggableAttributes & DraggableSyntheticListeners;
 export type RawBaseItem = {
     id: string | number;

package/dist/SortableContainer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RawBaseItem, SortableContainerProps } from './Sortable.types';
+import { type RawBaseItem, type SortableContainerProps } from './Sortable.types';
 export declare const SortableContainer: <ItemType extends RawBaseItem>({ items, onOrderChange, onDragStart, onDragEnd, axis, children, ...props }: SortableContainerProps<ItemType>) => React.JSX.Element;
 export default SortableContainer;

package/dist/SortableContainer.js

@@ -1,10 +1,10 @@
 var _excluded = ["items", "onOrderChange", "onDragStart", "onDragEnd", "axis", "children"];
 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, { useMemo, useState, useEffect } from 'react';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, MouseSensor, useSensor, useSensors } from '@dnd-kit/core';
-import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, horizontalListSortingStrategy, rectSortingStrategy } from '@dnd-kit/sortable';
-import { restrictToVerticalAxis, restrictToHorizontalAxis } from '@dnd-kit/modifiers';
+import React, { useEffect, useMemo, useState } from 'react';
+import { DndContext, KeyboardSensor, MouseSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
+import { restrictToHorizontalAxis, restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, arrayMove, horizontalListSortingStrategy, rectSortingStrategy, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
 export var SortableContainer = function SortableContainer(_ref) {
   var items = _ref.items,
     onOrderChange = _ref.onOrderChange,
@@ -23,17 +23,15 @@ export var SortableContainer = function SortableContainer(_ref) {
     var active = event.active,
       over = event.over;
     if (active.id !== (over == null ? void 0 : over.id)) {
-      setOrder(function (oldOrder) {
-        var oldIndex = oldOrder.findIndex(function (item) {
-          return item.id === active.id;
-        });
-        var newIndex = oldOrder.findIndex(function (item) {
-          return item.id === (over == null ? void 0 : over.id);
-        });
-        var updatedOrder = arrayMove(oldOrder, oldIndex, newIndex);
-        onOrderChange && onOrderChange(updatedOrder);
-        return updatedOrder;
+      var oldIndex = order.findIndex(function (item) {
+        return item.id === active.id;
       });
+      var newIndex = order.findIndex(function (item) {
+        return item.id === (over == null ? void 0 : over.id);
+      });
+      var updatedOrder = arrayMove(order, oldIndex, newIndex);
+      setOrder(updatedOrder);
+      onOrderChange == null || onOrderChange(updatedOrder);
     }
     onDragEnd && onDragEnd(event);
   };

package/dist/SortableItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { SortableItemProps, BaseItem } from './Sortable.types';
+import { type BaseItem, type SortableItemProps } from './Sortable.types';
 export declare const SortableItem: <ItemType extends BaseItem>({ id, data, index, isDragged, component: Component, style, placeholderCss, ...htmlAttributes }: SortableItemProps<ItemType>) => React.JSX.Element;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export { useDndMonitor } from '@dnd-kit/core';
-export { arrayMove } from '@dnd-kit/sortable';
+export { useDndMonitor, DragOverlay } from '@dnd-kit/core';
+export { arrayMove, useSortable } from '@dnd-kit/sortable';
+export { CSS } from '@dnd-kit/utilities';
 export { default } from './Sortable';
 export { SortableContainer } from './SortableContainer';
-export type { DragHandlePropType, SortableItemProps, SortableProps, BaseItem, WithIndex } from './Sortable.types';
+export type { DragHandlePropType, SortableItemProps, SortableProps, BaseItem, WithIndex, } from './Sortable.types';

package/dist/index.js

@@ -1,4 +1,5 @@
-export { useDndMonitor } from '@dnd-kit/core';
-export { arrayMove } from '@dnd-kit/sortable';
+export { useDndMonitor, DragOverlay } from '@dnd-kit/core';
+export { arrayMove, useSortable } from '@dnd-kit/sortable';
+export { CSS } from '@dnd-kit/utilities';
 export { default } from './Sortable';
 export { SortableContainer } from './SortableContainer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-sortable",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Sortable UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -38,7 +38,7 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@synerise/ds-utils": "^1.2.0",
+    "@synerise/ds-utils": "^1.3.1",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "93bc81d59d20bc8f3bc80c5d56ae7f7c0838380d"
+  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
 }