@patternfly/react-data-view 5.0.1 → 5.1.1

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 (85) hide show
  1. package/dist/cjs/DataView/DataView.d.ts +4 -0
  2. package/dist/cjs/DataView/DataView.js +7 -1
  3. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.d.ts +16 -0
  4. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.js +62 -0
  5. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.test.d.ts +1 -0
  6. package/dist/cjs/DataViewEventsContext/DataViewEventsContext.test.js +72 -0
  7. package/dist/cjs/DataViewEventsContext/index.d.ts +2 -0
  8. package/dist/cjs/DataViewEventsContext/index.js +23 -0
  9. package/dist/cjs/DataViewTable/DataViewTable.d.ts +37 -0
  10. package/dist/cjs/DataViewTable/DataViewTable.js +59 -0
  11. package/dist/cjs/DataViewTable/DataViewTable.test.d.ts +1 -0
  12. package/dist/cjs/DataViewTable/DataViewTable.test.js +27 -0
  13. package/dist/cjs/DataViewTable/index.d.ts +2 -0
  14. package/dist/cjs/DataViewTable/index.js +23 -0
  15. package/dist/cjs/Hooks/pagination.d.ts +13 -1
  16. package/dist/cjs/Hooks/pagination.js +36 -4
  17. package/dist/cjs/Hooks/pagination.test.js +53 -1
  18. package/dist/cjs/Hooks/selection.d.ts +3 -3
  19. package/dist/cjs/Hooks/selection.js +4 -6
  20. package/dist/cjs/Hooks/selection.test.js +4 -4
  21. package/dist/cjs/InternalContext/InternalContext.d.ts +17 -0
  22. package/dist/cjs/InternalContext/InternalContext.js +35 -0
  23. package/dist/cjs/InternalContext/InternalContext.test.d.ts +1 -0
  24. package/dist/cjs/InternalContext/InternalContext.test.js +55 -0
  25. package/dist/cjs/InternalContext/index.d.ts +2 -0
  26. package/dist/cjs/InternalContext/index.js +23 -0
  27. package/dist/cjs/index.d.ts +6 -0
  28. package/dist/cjs/index.js +11 -2
  29. package/dist/dynamic/DataViewEventsContext/package.json +1 -0
  30. package/dist/dynamic/DataViewTable/package.json +1 -0
  31. package/dist/dynamic/InternalContext/package.json +1 -0
  32. package/dist/esm/DataView/DataView.d.ts +4 -0
  33. package/dist/esm/DataView/DataView.js +7 -1
  34. package/dist/esm/DataViewEventsContext/DataViewEventsContext.d.ts +16 -0
  35. package/dist/esm/DataViewEventsContext/DataViewEventsContext.js +34 -0
  36. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.d.ts +1 -0
  37. package/dist/esm/DataViewEventsContext/DataViewEventsContext.test.js +67 -0
  38. package/dist/esm/DataViewEventsContext/index.d.ts +2 -0
  39. package/dist/esm/DataViewEventsContext/index.js +2 -0
  40. package/dist/esm/DataViewTable/DataViewTable.d.ts +37 -0
  41. package/dist/esm/DataViewTable/DataViewTable.js +49 -0
  42. package/dist/esm/DataViewTable/DataViewTable.test.d.ts +1 -0
  43. package/dist/esm/DataViewTable/DataViewTable.test.js +22 -0
  44. package/dist/esm/DataViewTable/index.d.ts +2 -0
  45. package/dist/esm/DataViewTable/index.js +2 -0
  46. package/dist/esm/Hooks/pagination.d.ts +13 -1
  47. package/dist/esm/Hooks/pagination.js +36 -4
  48. package/dist/esm/Hooks/pagination.test.js +53 -1
  49. package/dist/esm/Hooks/selection.d.ts +3 -3
  50. package/dist/esm/Hooks/selection.js +4 -6
  51. package/dist/esm/Hooks/selection.test.js +4 -4
  52. package/dist/esm/InternalContext/InternalContext.d.ts +17 -0
  53. package/dist/esm/InternalContext/InternalContext.js +7 -0
  54. package/dist/esm/InternalContext/InternalContext.test.d.ts +1 -0
  55. package/dist/esm/InternalContext/InternalContext.test.js +50 -0
  56. package/dist/esm/InternalContext/index.d.ts +2 -0
  57. package/dist/esm/InternalContext/index.js +2 -0
  58. package/dist/esm/index.d.ts +6 -0
  59. package/dist/esm/index.js +6 -0
  60. package/package.json +1 -1
  61. package/patternfly-docs/content/extensions/data-view/examples/Components/Components.md +33 -3
  62. package/patternfly-docs/content/extensions/data-view/examples/Components/DataViewTableExample.tsx +47 -0
  63. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsContext.md +32 -0
  64. package/patternfly-docs/content/extensions/data-view/examples/EventsContext/EventsExample.tsx +108 -0
  65. package/patternfly-docs/content/extensions/data-view/examples/Functionality/Functionality.md +15 -5
  66. package/patternfly-docs/content/extensions/data-view/examples/Functionality/PaginationExample.tsx +20 -29
  67. package/patternfly-docs/content/extensions/data-view/examples/Functionality/SelectionExample.tsx +9 -40
  68. package/patternfly-docs/content/extensions/data-view/examples/Layout/Layout.md +1 -0
  69. package/patternfly-docs/content/extensions/data-view/examples/Layout/PredefinedLayoutExample.tsx +14 -45
  70. package/src/DataView/DataView.tsx +14 -2
  71. package/src/DataViewEventsContext/DataViewEventsContext.test.tsx +105 -0
  72. package/src/DataViewEventsContext/DataViewEventsContext.tsx +70 -0
  73. package/src/DataViewEventsContext/index.ts +2 -0
  74. package/src/DataViewTable/DataViewTable.test.tsx +37 -0
  75. package/src/DataViewTable/DataViewTable.tsx +96 -0
  76. package/src/DataViewTable/__snapshots__/DataViewTable.test.tsx.snap +320 -0
  77. package/src/DataViewTable/index.ts +2 -0
  78. package/src/Hooks/pagination.test.tsx +81 -1
  79. package/src/Hooks/pagination.ts +71 -15
  80. package/src/Hooks/selection.test.tsx +5 -5
  81. package/src/Hooks/selection.ts +6 -7
  82. package/src/InternalContext/InternalContext.test.tsx +88 -0
  83. package/src/InternalContext/InternalContext.tsx +35 -0
  84. package/src/InternalContext/index.ts +2 -0
  85. package/src/index.ts +9 -0
@@ -0,0 +1,35 @@
1
+ import React, { createContext, PropsWithChildren, useContext } from 'react';
2
+
3
+ export interface DataViewSelection {
4
+ /** Called when the selection of items changes */
5
+ onSelect: (isSelecting: boolean, items?: any[] | any) => void; // eslint-disable-line @typescript-eslint/no-explicit-any
6
+ /** Checks if a specific item is currently selected */
7
+ isSelected: (item: any) => boolean; // eslint-disable-line @typescript-eslint/no-explicit-any
8
+ /** Determines if selection is disabled for a given item */
9
+ isSelectDisabled?: (item: any) => boolean; // eslint-disable-line @typescript-eslint/no-explicit-any
10
+ }
11
+
12
+ export interface InternalContextValue {
13
+ selection?: DataViewSelection;
14
+ }
15
+
16
+ export const InternalContext = createContext<InternalContextValue>({
17
+ selection: undefined
18
+ });
19
+
20
+ export type InternalProviderProps = PropsWithChildren<InternalContextValue>
21
+
22
+ export const InternalContextProvider: React.FC<InternalProviderProps> = ({
23
+ children,
24
+ selection
25
+ }) => (
26
+ <InternalContext.Provider
27
+ value={{ selection }}
28
+ >
29
+ {children}
30
+ </InternalContext.Provider>
31
+ );
32
+
33
+ export const useInternalContext = () => useContext(InternalContext);
34
+
35
+ export default InternalContext;
@@ -0,0 +1,2 @@
1
+ export { default } from './InternalContext';
2
+ export * from './InternalContext';
package/src/index.ts CHANGED
@@ -1,8 +1,17 @@
1
1
  // this file is autogenerated by generate-index.js, modifying it manually will have no effect
2
+
3
+ export { default as InternalContext } from './InternalContext';
4
+ export * from './InternalContext';
2
5
  export * from './Hooks';
3
6
 
4
7
  export { default as DataViewToolbar } from './DataViewToolbar';
5
8
  export * from './DataViewToolbar';
6
9
 
10
+ export { default as DataViewTable } from './DataViewTable';
11
+ export * from './DataViewTable';
12
+
13
+ export { default as DataViewEventsContext } from './DataViewEventsContext';
14
+ export * from './DataViewEventsContext';
15
+
7
16
  export { default as DataView } from './DataView';
8
17
  export * from './DataView';