@pingux/astro 2.149.1-alpha.0 → 2.149.2-alpha.0

package/lib/cjs/components/GridList/GridList.stories.js

@@ -15,6 +15,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Default = void 0;
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -133,6 +134,15 @@ var Default = function Default(args) {
       sx: {
         flexGrow: 1
       }
+    },
+    onDragStart: function onDragStart(event) {
+      return console.log('start', (0, _keys["default"])(event));
+    },
+    onDragEnd: function onDragEnd(event) {
+      return console.log('end', event);
+    },
+    onReorder: function onReorder(event) {
+      return console.log('reorder', event);
     }
   }, args), function (item) {
     return (0, _react2.jsx)(_reactStately.Item, {

package/lib/cjs/components/GridList/GridList.test.js

@@ -72,14 +72,16 @@ describe('GridList Component', function () {
     expect(rows[0]).toHaveClass('is-focused');
   });
   test('handles drag and drop functionality', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var onReorder, rows, list, buttons, insertionIndicator;
+    var onReorder, onDragStart, rows, list, buttons, insertionIndicator;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           onReorder = jest.fn();
+          onDragStart = jest.fn();
           getDefaultComponent({
             isReorderable: true,
-            onReorder: onReorder
+            onReorder: onReorder,
+            onDragStart: onDragStart
           });
           rows = _testWrapper.screen.getAllByRole('row');
           list = _testWrapper.screen.getByRole('grid');
@@ -97,14 +99,14 @@ describe('GridList Component', function () {
           _testWrapper.fireEvent.keyUp(buttons[0], {
             key: 'Enter'
           });
-          _context.next = 12;
+          _context.next = 13;
           return _testWrapper.screen.findByTestId('insertion-indicator');
-        case 12:
+        case 13:
           insertionIndicator = _context.sent;
           _userEvent["default"].type(list, '{arrowdown}');
           _userEvent["default"].type(insertionIndicator, '{enter}');
           expect(onReorder).toHaveBeenCalled();
-        case 16:
+        case 17:
         case "end":
           return _context.stop();
       }

package/lib/cjs/hooks/useReorderableCollection/useReorderableCollection.js

@@ -37,6 +37,7 @@ var useReorderableCollection = function useReorderableCollection(props) {
     useDroppableCollectionOptions = props.useDroppableCollectionOptions,
     ref = props.ref,
     state = props.state;
+  var _onDragStart = draggableCollectionStateOptions.onDragStart;
   var _onReorder = useDroppableCollectionOptions.onReorder;
   var onDropFunction = function onDropFunction(e) {
     if (e.target.dropPosition === 'before') {
@@ -49,6 +50,9 @@ var useReorderableCollection = function useReorderableCollection(props) {
     onDragStart: function onDragStart(e) {
       var _context;
       setDraggingKey((0, _values["default"])(_context = (0, _keys["default"])(e)).call(_context).next().value);
+      if (_onDragStart) {
+        _onDragStart(e);
+      }
     },
     collection: state.collection,
     selectionManager: state.selectionManager,

package/lib/components/GridList/GridList.stories.js

@@ -9,6 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useRef, useState } from 'react';
@@ -121,6 +122,15 @@ export var Default = function Default(args) {
       sx: {
         flexGrow: 1
       }
+    },
+    onDragStart: function onDragStart(event) {
+      return console.log('start', _keysInstanceProperty(event));
+    },
+    onDragEnd: function onDragEnd(event) {
+      return console.log('end', event);
+    },
+    onReorder: function onReorder(event) {
+      return console.log('reorder', event);
     }
   }, args), function (item) {
     return ___EmotionJSX(Item, {

package/lib/components/GridList/GridList.test.js

@@ -68,14 +68,16 @@ describe('GridList Component', function () {
     expect(rows[0]).toHaveClass('is-focused');
   });
   test('handles drag and drop functionality', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var onReorder, rows, list, buttons, insertionIndicator;
+    var onReorder, onDragStart, rows, list, buttons, insertionIndicator;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           onReorder = jest.fn();
+          onDragStart = jest.fn();
           getDefaultComponent({
             isReorderable: true,
-            onReorder: onReorder
+            onReorder: onReorder,
+            onDragStart: onDragStart
           });
           rows = screen.getAllByRole('row');
           list = screen.getByRole('grid');
@@ -93,14 +95,14 @@ describe('GridList Component', function () {
           fireEvent.keyUp(buttons[0], {
             key: 'Enter'
           });
-          _context.next = 12;
+          _context.next = 13;
           return screen.findByTestId('insertion-indicator');
-        case 12:
+        case 13:
           insertionIndicator = _context.sent;
           userEvent.type(list, '{arrowdown}');
           userEvent.type(insertionIndicator, '{enter}');
           expect(onReorder).toHaveBeenCalled();
-        case 16:
+        case 17:
         case "end":
           return _context.stop();
       }

package/lib/hooks/useReorderableCollection/useReorderableCollection.js

@@ -30,6 +30,7 @@ var useReorderableCollection = function useReorderableCollection(props) {
     useDroppableCollectionOptions = props.useDroppableCollectionOptions,
     ref = props.ref,
     state = props.state;
+  var _onDragStart = draggableCollectionStateOptions.onDragStart;
   var _onReorder = useDroppableCollectionOptions.onReorder;
   var onDropFunction = function onDropFunction(e) {
     if (e.target.dropPosition === 'before') {
@@ -42,6 +43,9 @@ var useReorderableCollection = function useReorderableCollection(props) {
     onDragStart: function onDragStart(e) {
       var _context;
       setDraggingKey(_valuesInstanceProperty(_context = _keysInstanceProperty(e)).call(_context).next().value);
+      if (_onDragStart) {
+        _onDragStart(e);
+      }
     },
     collection: state.collection,
     selectionManager: state.selectionManager,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.149.1-alpha.0",
+  "version": "2.149.2-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",