@pingux/astro 2.108.0-alpha.1 → 2.108.0

package/lib/cjs/components/DataTable/DataTable.js

@@ -332,7 +332,8 @@ var TableRow = function TableRow(_ref4) {
     state = _useDataTableContext2.state;
   var _useTableRow = (0, _table.useTableRow)({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     rowProps = _useTableRow.rowProps;
   var isSelectable = state.selectionManager.selectionMode !== 'none';
@@ -374,7 +375,8 @@ var TableHeaderRow = function TableHeaderRow(_ref5) {
   var ref = (0, _react.useRef)(null);
   var _useTableHeaderRow = (0, _table.useTableHeaderRow)({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     rowProps = _useTableHeaderRow.rowProps;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, rowProps, {
@@ -391,7 +393,8 @@ var TableCell = function TableCell(_ref6) {
   var columnProps = (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.props;
   var _useTableCell = (0, _table.useTableCell)({
       node: cell,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     gridCellProps = _useTableCell.gridCellProps;
   var _useStatusClasses4 = (0, _hooks.useStatusClasses)('', (0, _defineProperty2["default"])({}, "is-align-".concat(columnProps.align), columnProps.align)),

package/lib/cjs/components/DataTable/DataTable.stories.d.ts

@@ -217,8 +217,32 @@ export declare const Sortable: {
         };
     };
 };
-export declare const Selection: (args: any) => React.JSX.Element;
-export declare const ControlledSelection: (args: any) => React.JSX.Element;
+export declare const Selection: {
+    (args: any): React.JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const ControlledSelection: {
+    (args: any): React.JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
 export declare const AsyncLoading: {
     (args: any): React.JSX.Element;
     parameters: {

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

@@ -583,7 +583,19 @@ var Selection = function Selection(args) {
     });
   }));
 };
+
+// Added to bypass color contrast issue due to virtualizer
 exports.Selection = Selection;
+Selection.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 var ControlledSelection = function ControlledSelection(args) {
   var _useState3 = (0, _react.useState)([2]),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -674,7 +686,19 @@ var ControlledSelection = function ControlledSelection(args) {
     });
   }));
 };
+
+// Added to bypass color contrast issue due to virtualizer
 exports.ControlledSelection = ControlledSelection;
+ControlledSelection.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 var AsyncLoading = function AsyncLoading(args) {
   /**
    * isChromatic checks if the code is running in Chromatic environment

package/lib/cjs/components/ListView/ListViewExpandableItem.js

@@ -64,7 +64,7 @@ var ListViewExpandableItem = function ListViewExpandableItem(props) {
     toggleExpanded = expandableItemState.toggleExpanded,
     isFocusEscaped = expandableItemState.isFocusEscaped;
   return (0, _react2.jsx)(_index.Box, expandableRowProps, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, cellProps, {
-    onMouseDown: toggleExpanded,
+    onMouseUp: toggleExpanded,
     isRow: true,
     justifyContent: "start"
   }), (0, _react2.jsx)(_index.Box, {

package/lib/cjs/components/ListView/ListViewItem.js

@@ -72,7 +72,8 @@ var ListViewItem = function ListViewItem(props) {
     hoverProps = _useHover.hoverProps;
   var _useGridListItem = (0, _reactAria.useGridListItem)({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, rowRef),
     raRowProps = _useGridListItem.rowProps,
     gridCellProps = _useGridListItem.gridCellProps,

package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js

@@ -81,7 +81,8 @@ var useExpandableListViewItem = function useExpandableListViewItem(props) {
     hoverProps = _useHover.hoverProps;
   var _useGridListItem = (0, _reactAria.useGridListItem)({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, expandableItemRowRef),
     raRowProps = _useGridListItem.rowProps,
     gridCellProps = _useGridListItem.gridCellProps;

package/lib/components/DataTable/DataTable.js

@@ -321,7 +321,8 @@ var TableRow = function TableRow(_ref4) {
     state = _useDataTableContext2.state;
   var _useTableRow = useTableRow({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     rowProps = _useTableRow.rowProps;
   var isSelectable = state.selectionManager.selectionMode !== 'none';
@@ -363,7 +364,8 @@ var TableHeaderRow = function TableHeaderRow(_ref5) {
   var ref = useRef(null);
   var _useTableHeaderRow = useTableHeaderRow({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     rowProps = _useTableHeaderRow.rowProps;
   return ___EmotionJSX(Box, _extends({}, rowProps, {
@@ -380,7 +382,8 @@ var TableCell = function TableCell(_ref6) {
   var columnProps = (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.props;
   var _useTableCell = useTableCell({
       node: cell,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, ref),
     gridCellProps = _useTableCell.gridCellProps;
   var _useStatusClasses4 = useStatusClasses('', _defineProperty({}, "is-align-".concat(columnProps.align), columnProps.align)),

package/lib/components/DataTable/DataTable.stories.js

@@ -568,6 +568,18 @@ export var Selection = function Selection(args) {
     });
   }));
 };
+
+// Added to bypass color contrast issue due to virtualizer
+Selection.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 export var ControlledSelection = function ControlledSelection(args) {
   var _useState3 = useState([2]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -658,6 +670,18 @@ export var ControlledSelection = function ControlledSelection(args) {
     });
   }));
 };
+
+// Added to bypass color contrast issue due to virtualizer
+ControlledSelection.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 export var AsyncLoading = function AsyncLoading(args) {
   /**
    * isChromatic checks if the code is running in Chromatic environment

package/lib/components/ListView/ListViewExpandableItem.js

@@ -51,7 +51,7 @@ var ListViewExpandableItem = function ListViewExpandableItem(props) {
     toggleExpanded = expandableItemState.toggleExpanded,
     isFocusEscaped = expandableItemState.isFocusEscaped;
   return ___EmotionJSX(Box, expandableRowProps, ___EmotionJSX(Box, _extends({}, cellProps, {
-    onMouseDown: toggleExpanded,
+    onMouseUp: toggleExpanded,
     isRow: true,
     justifyContent: "start"
   }), ___EmotionJSX(Box, {

package/lib/components/ListView/ListViewItem.js

@@ -60,7 +60,8 @@ var ListViewItem = function ListViewItem(props) {
     hoverProps = _useHover.hoverProps;
   var _useGridListItem = useGridListItem({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, rowRef),
     raRowProps = _useGridListItem.rowProps,
     gridCellProps = _useGridListItem.gridCellProps,

package/lib/hooks/useExpandableListViewItem/useExpandableListViewItem.js

@@ -74,7 +74,8 @@ var useExpandableListViewItem = function useExpandableListViewItem(props) {
     hoverProps = _useHover.hoverProps;
   var _useGridListItem = useGridListItem({
       node: item,
-      isVirtualized: true
+      isVirtualized: true,
+      shouldSelectOnPressUp: true
     }, state, expandableItemRowRef),
     raRowProps = _useGridListItem.rowProps,
     gridCellProps = _useGridListItem.gridCellProps;

package/package.json

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