@pingux/astro 2.108.0-alpha.0 → 2.108.0-alpha.2

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 (14) hide show
  1. package/lib/cjs/components/CopyText/CopyText.js +4 -4
  2. package/lib/cjs/components/DataTable/DataTable.js +6 -3
  3. package/lib/cjs/components/DataTable/DataTable.stories.d.ts +26 -2
  4. package/lib/cjs/components/DataTable/DataTable.stories.js +24 -0
  5. package/lib/cjs/components/ListView/ListViewExpandableItem.js +1 -1
  6. package/lib/cjs/components/ListView/ListViewItem.js +2 -1
  7. package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js +2 -1
  8. package/lib/components/CopyText/CopyText.js +4 -4
  9. package/lib/components/DataTable/DataTable.js +6 -3
  10. package/lib/components/DataTable/DataTable.stories.js +24 -0
  11. package/lib/components/ListView/ListViewExpandableItem.js +1 -1
  12. package/lib/components/ListView/ListViewItem.js +2 -1
  13. package/lib/hooks/useExpandableListViewItem/useExpandableListViewItem.js +2 -1
  14. package/package.json +1 -1
package/lib/cjs/components/CopyText/CopyText.js CHANGED
@@ -123,18 +123,18 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
123
123
  ref: ref,
124
124
  isRow: true,
125
125
  variant: "copyText.copy"
126
- }, wrapperProps, others), content, (0, _react2.jsx)(TooltipWrapper, {
126
+ }, wrapperProps, others), content, (0, _react2.jsx)(TooltipWrapper, (0, _extends2["default"])({
127
127
  isOpen: isTooltipOpen,
128
128
  tooltip: tooltip
129
- }, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
129
+ }, tooltipProps), (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
130
130
  onPress: copyToClipboard
131
131
  }, (0, _reactAria.mergeProps)(hoverProps, focusProps, iconButtonProps)))));
132
132
  }
133
- return (0, _react2.jsx)(TooltipWrapper, {
133
+ return (0, _react2.jsx)(TooltipWrapper, (0, _extends2["default"])({
134
134
  isOpen: isTooltipOpen,
135
135
  tooltip: tooltip,
136
136
  targetRef: pressableRef
137
- }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
137
+ }, tooltipProps), (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
138
138
  ref: pressableRef
139
139
  }, (0, _reactAria.mergeProps)(hoverProps, pressableProps), {
140
140
  sx: {
package/lib/cjs/components/DataTable/DataTable.js CHANGED
@@ -332,7 +332,8 @@ var TableRow = function TableRow(_ref4) {
332
332
  state = _useDataTableContext2.state;
333
333
  var _useTableRow = (0, _table.useTableRow)({
334
334
  node: item,
335
- isVirtualized: true
335
+ isVirtualized: true,
336
+ shouldSelectOnPressUp: true
336
337
  }, state, ref),
337
338
  rowProps = _useTableRow.rowProps;
338
339
  var isSelectable = state.selectionManager.selectionMode !== 'none';
@@ -374,7 +375,8 @@ var TableHeaderRow = function TableHeaderRow(_ref5) {
374
375
  var ref = (0, _react.useRef)(null);
375
376
  var _useTableHeaderRow = (0, _table.useTableHeaderRow)({
376
377
  node: item,
377
- isVirtualized: true
378
+ isVirtualized: true,
379
+ shouldSelectOnPressUp: true
378
380
  }, state, ref),
379
381
  rowProps = _useTableHeaderRow.rowProps;
380
382
  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, rowProps, {
@@ -391,7 +393,8 @@ var TableCell = function TableCell(_ref6) {
391
393
  var columnProps = (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.props;
392
394
  var _useTableCell = (0, _table.useTableCell)({
393
395
  node: cell,
394
- isVirtualized: true
396
+ isVirtualized: true,
397
+ shouldSelectOnPressUp: true
395
398
  }, state, ref),
396
399
  gridCellProps = _useTableCell.gridCellProps;
397
400
  var _useStatusClasses4 = (0, _hooks.useStatusClasses)('', (0, _defineProperty2["default"])({}, "is-align-".concat(columnProps.align), columnProps.align)),
package/lib/cjs/components/DataTable/DataTable.stories.d.ts CHANGED
@@ -217,8 +217,32 @@ export declare const Sortable: {
217
217
  };
218
218
  };
219
219
  };
220
- export declare const Selection: (args: any) => React.JSX.Element;
221
- export declare const ControlledSelection: (args: any) => React.JSX.Element;
220
+ export declare const Selection: {
221
+ (args: any): React.JSX.Element;
222
+ parameters: {
223
+ a11y: {
224
+ config: {
225
+ rules: {
226
+ id: string;
227
+ enabled: boolean;
228
+ }[];
229
+ };
230
+ };
231
+ };
232
+ };
233
+ export declare const ControlledSelection: {
234
+ (args: any): React.JSX.Element;
235
+ parameters: {
236
+ a11y: {
237
+ config: {
238
+ rules: {
239
+ id: string;
240
+ enabled: boolean;
241
+ }[];
242
+ };
243
+ };
244
+ };
245
+ };
222
246
  export declare const AsyncLoading: {
223
247
  (args: any): React.JSX.Element;
224
248
  parameters: {
package/lib/cjs/components/DataTable/DataTable.stories.js CHANGED
@@ -583,7 +583,19 @@ var Selection = function Selection(args) {
583
583
  });
584
584
  }));
585
585
  };
586
+
587
+ // Added to bypass color contrast issue due to virtualizer
586
588
  exports.Selection = Selection;
589
+ Selection.parameters = {
590
+ a11y: {
591
+ config: {
592
+ rules: [{
593
+ id: 'color-contrast',
594
+ enabled: false
595
+ }]
596
+ }
597
+ }
598
+ };
587
599
  var ControlledSelection = function ControlledSelection(args) {
588
600
  var _useState3 = (0, _react.useState)([2]),
589
601
  _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -674,7 +686,19 @@ var ControlledSelection = function ControlledSelection(args) {
674
686
  });
675
687
  }));
676
688
  };
689
+
690
+ // Added to bypass color contrast issue due to virtualizer
677
691
  exports.ControlledSelection = ControlledSelection;
692
+ ControlledSelection.parameters = {
693
+ a11y: {
694
+ config: {
695
+ rules: [{
696
+ id: 'color-contrast',
697
+ enabled: false
698
+ }]
699
+ }
700
+ }
701
+ };
678
702
  var AsyncLoading = function AsyncLoading(args) {
679
703
  /**
680
704
  * isChromatic checks if the code is running in Chromatic environment
package/lib/cjs/components/ListView/ListViewExpandableItem.js CHANGED
@@ -64,7 +64,7 @@ var ListViewExpandableItem = function ListViewExpandableItem(props) {
64
64
  toggleExpanded = expandableItemState.toggleExpanded,
65
65
  isFocusEscaped = expandableItemState.isFocusEscaped;
66
66
  return (0, _react2.jsx)(_index.Box, expandableRowProps, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, cellProps, {
67
- onMouseDown: toggleExpanded,
67
+ onMouseUp: toggleExpanded,
68
68
  isRow: true,
69
69
  justifyContent: "start"
70
70
  }), (0, _react2.jsx)(_index.Box, {
package/lib/cjs/components/ListView/ListViewItem.js CHANGED
@@ -72,7 +72,8 @@ var ListViewItem = function ListViewItem(props) {
72
72
  hoverProps = _useHover.hoverProps;
73
73
  var _useGridListItem = (0, _reactAria.useGridListItem)({
74
74
  node: item,
75
- isVirtualized: true
75
+ isVirtualized: true,
76
+ shouldSelectOnPressUp: true
76
77
  }, state, rowRef),
77
78
  raRowProps = _useGridListItem.rowProps,
78
79
  gridCellProps = _useGridListItem.gridCellProps,
package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js CHANGED
@@ -81,7 +81,8 @@ var useExpandableListViewItem = function useExpandableListViewItem(props) {
81
81
  hoverProps = _useHover.hoverProps;
82
82
  var _useGridListItem = (0, _reactAria.useGridListItem)({
83
83
  node: item,
84
- isVirtualized: true
84
+ isVirtualized: true,
85
+ shouldSelectOnPressUp: true
85
86
  }, state, expandableItemRowRef),
86
87
  raRowProps = _useGridListItem.rowProps,
87
88
  gridCellProps = _useGridListItem.gridCellProps;
package/lib/components/CopyText/CopyText.js CHANGED
@@ -110,18 +110,18 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
110
110
  ref: ref,
111
111
  isRow: true,
112
112
  variant: "copyText.copy"
113
- }, wrapperProps, others), content, ___EmotionJSX(TooltipWrapper, {
113
+ }, wrapperProps, others), content, ___EmotionJSX(TooltipWrapper, _extends({
114
114
  isOpen: isTooltipOpen,
115
115
  tooltip: tooltip
116
- }, ___EmotionJSX(CopyButton, _extends({
116
+ }, tooltipProps), ___EmotionJSX(CopyButton, _extends({
117
117
  onPress: copyToClipboard
118
118
  }, mergeProps(hoverProps, focusProps, iconButtonProps)))));
119
119
  }
120
- return ___EmotionJSX(TooltipWrapper, {
120
+ return ___EmotionJSX(TooltipWrapper, _extends({
121
121
  isOpen: isTooltipOpen,
122
122
  tooltip: tooltip,
123
123
  targetRef: pressableRef
124
- }, ___EmotionJSX(Box, _extends({
124
+ }, tooltipProps), ___EmotionJSX(Box, _extends({
125
125
  ref: pressableRef
126
126
  }, mergeProps(hoverProps, pressableProps), {
127
127
  sx: {
package/lib/components/DataTable/DataTable.js CHANGED
@@ -321,7 +321,8 @@ var TableRow = function TableRow(_ref4) {
321
321
  state = _useDataTableContext2.state;
322
322
  var _useTableRow = useTableRow({
323
323
  node: item,
324
- isVirtualized: true
324
+ isVirtualized: true,
325
+ shouldSelectOnPressUp: true
325
326
  }, state, ref),
326
327
  rowProps = _useTableRow.rowProps;
327
328
  var isSelectable = state.selectionManager.selectionMode !== 'none';
@@ -363,7 +364,8 @@ var TableHeaderRow = function TableHeaderRow(_ref5) {
363
364
  var ref = useRef(null);
364
365
  var _useTableHeaderRow = useTableHeaderRow({
365
366
  node: item,
366
- isVirtualized: true
367
+ isVirtualized: true,
368
+ shouldSelectOnPressUp: true
367
369
  }, state, ref),
368
370
  rowProps = _useTableHeaderRow.rowProps;
369
371
  return ___EmotionJSX(Box, _extends({}, rowProps, {
@@ -380,7 +382,8 @@ var TableCell = function TableCell(_ref6) {
380
382
  var columnProps = (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.props;
381
383
  var _useTableCell = useTableCell({
382
384
  node: cell,
383
- isVirtualized: true
385
+ isVirtualized: true,
386
+ shouldSelectOnPressUp: true
384
387
  }, state, ref),
385
388
  gridCellProps = _useTableCell.gridCellProps;
386
389
  var _useStatusClasses4 = useStatusClasses('', _defineProperty({}, "is-align-".concat(columnProps.align), columnProps.align)),
package/lib/components/DataTable/DataTable.stories.js CHANGED
@@ -568,6 +568,18 @@ export var Selection = function Selection(args) {
568
568
  });
569
569
  }));
570
570
  };
571
+
572
+ // Added to bypass color contrast issue due to virtualizer
573
+ Selection.parameters = {
574
+ a11y: {
575
+ config: {
576
+ rules: [{
577
+ id: 'color-contrast',
578
+ enabled: false
579
+ }]
580
+ }
581
+ }
582
+ };
571
583
  export var ControlledSelection = function ControlledSelection(args) {
572
584
  var _useState3 = useState([2]),
573
585
  _useState4 = _slicedToArray(_useState3, 2),
@@ -658,6 +670,18 @@ export var ControlledSelection = function ControlledSelection(args) {
658
670
  });
659
671
  }));
660
672
  };
673
+
674
+ // Added to bypass color contrast issue due to virtualizer
675
+ ControlledSelection.parameters = {
676
+ a11y: {
677
+ config: {
678
+ rules: [{
679
+ id: 'color-contrast',
680
+ enabled: false
681
+ }]
682
+ }
683
+ }
684
+ };
661
685
  export var AsyncLoading = function AsyncLoading(args) {
662
686
  /**
663
687
  * isChromatic checks if the code is running in Chromatic environment
package/lib/components/ListView/ListViewExpandableItem.js CHANGED
@@ -51,7 +51,7 @@ var ListViewExpandableItem = function ListViewExpandableItem(props) {
51
51
  toggleExpanded = expandableItemState.toggleExpanded,
52
52
  isFocusEscaped = expandableItemState.isFocusEscaped;
53
53
  return ___EmotionJSX(Box, expandableRowProps, ___EmotionJSX(Box, _extends({}, cellProps, {
54
- onMouseDown: toggleExpanded,
54
+ onMouseUp: toggleExpanded,
55
55
  isRow: true,
56
56
  justifyContent: "start"
57
57
  }), ___EmotionJSX(Box, {
package/lib/components/ListView/ListViewItem.js CHANGED
@@ -60,7 +60,8 @@ var ListViewItem = function ListViewItem(props) {
60
60
  hoverProps = _useHover.hoverProps;
61
61
  var _useGridListItem = useGridListItem({
62
62
  node: item,
63
- isVirtualized: true
63
+ isVirtualized: true,
64
+ shouldSelectOnPressUp: true
64
65
  }, state, rowRef),
65
66
  raRowProps = _useGridListItem.rowProps,
66
67
  gridCellProps = _useGridListItem.gridCellProps,
package/lib/hooks/useExpandableListViewItem/useExpandableListViewItem.js CHANGED
@@ -74,7 +74,8 @@ var useExpandableListViewItem = function useExpandableListViewItem(props) {
74
74
  hoverProps = _useHover.hoverProps;
75
75
  var _useGridListItem = useGridListItem({
76
76
  node: item,
77
- isVirtualized: true
77
+ isVirtualized: true,
78
+ shouldSelectOnPressUp: true
78
79
  }, state, expandableItemRowRef),
79
80
  raRowProps = _useGridListItem.rowProps,
80
81
  gridCellProps = _useGridListItem.gridCellProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.108.0-alpha.0",
3
+ "version": "2.108.0-alpha.2",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",