@linzjs/step-ag-grid 2.1.3 → 2.2.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 (35) hide show
  1. package/dist/index.js +123 -20
  2. package/dist/index.js.map +1 -1
  3. package/dist/src/index.d.ts +4 -0
  4. package/dist/src/lui/ActionButton.d.ts +15 -0
  5. package/dist/src/lui/reactUtils.d.ts +6 -0
  6. package/dist/src/lui/reactUtils.test.d.ts +1 -0
  7. package/dist/src/lui/stateDeferredHook.d.ts +4 -0
  8. package/dist/src/lui/timeoutHook.d.ts +8 -0
  9. package/dist/src/lui/timeoutHook.test.d.ts +1 -0
  10. package/dist/src/react-menu3/components/ControlledMenu.d.ts +2 -2
  11. package/dist/src/react-menu3/types.d.ts +4 -0
  12. package/dist/step-ag-grid.esm.js +116 -22
  13. package/dist/step-ag-grid.esm.js.map +1 -1
  14. package/package.json +4 -3
  15. package/src/components/GridPopoverHook.tsx +1 -0
  16. package/src/index.ts +5 -0
  17. package/src/lui/ActionButton.scss +32 -0
  18. package/src/lui/ActionButton.tsx +76 -0
  19. package/src/lui/reactUtils.test.tsx +47 -0
  20. package/src/lui/reactUtils.tsx +14 -0
  21. package/src/lui/stateDeferredHook.tsx +29 -0
  22. package/src/lui/timeoutHook.test.tsx +38 -0
  23. package/src/lui/timeoutHook.tsx +40 -0
  24. package/src/react-menu3/components/ControlledMenu.tsx +7 -4
  25. package/src/react-menu3/types.ts +5 -0
  26. package/src/stories/components/ActionButton.stories.tsx +33 -0
  27. package/src/stories/{components → grid}/FormTest.scss +0 -0
  28. package/src/stories/{components → grid}/FormTest.tsx +0 -0
  29. package/src/stories/{components → grid}/GridPopoutBearing.stories.tsx +7 -10
  30. package/src/stories/{components → grid}/GridPopoutEditDropDown.stories.tsx +20 -23
  31. package/src/stories/{components → grid}/GridPopoutEditGeneric.stories.tsx +6 -9
  32. package/src/stories/{components → grid}/GridPopoutEditGenericTextArea.stories.tsx +57 -18
  33. package/src/stories/{components → grid}/GridPopoutEditMultiSelect.stories.tsx +6 -9
  34. package/src/stories/{components → grid}/GridReadOnly.stories.tsx +6 -8
  35. /package/src/stories/{components → react-menu}/ReactMenu.stories.tsx +0 -0
package/src/stories/{components → grid}/GridPopoutEditMultiSelect.stories.tsx RENAMED
@@ -24,7 +24,7 @@ export default {
24
24
  },
25
25
  decorators: [
26
26
  (Story) => (
27
- <div style={{ width: 1200, height: 400, display: "flex" }}>
27
+ <div style={{ width: 1024, height: 400 }}>
28
28
  <GridUpdatingContextProvider>
29
29
  <GridContextProvider>
30
30
  <Story />
@@ -119,14 +119,10 @@ const GridEditMultiSelectTemplate: ComponentStory<typeof Grid> = (props: GridPro
119
119
  ];
120
120
  }, []);
121
121
 
122
- const rowData = useMemo(
123
- () =>
124
- [
125
- { id: 1000, position: "Tester", position2: "1", position3: "Tester" },
126
- { id: 1001, position: "Developer", position2: "2", position3: "Developer" },
127
- ] as ITestRow[],
128
- [],
129
- );
122
+ const [rowData, setRowData] = useState([
123
+ { id: 1000, position: "Tester", position2: "1", position3: "Tester" },
124
+ { id: 1001, position: "Developer", position2: "2", position3: "Developer" },
125
+ ] as ITestRow[]);
130
126
 
131
127
  return (
132
128
  <Grid
@@ -135,6 +131,7 @@ const GridEditMultiSelectTemplate: ComponentStory<typeof Grid> = (props: GridPro
135
131
  setExternalSelectedItems={setExternalSelectedItems}
136
132
  columnDefs={columnDefs}
137
133
  rowData={rowData}
134
+ domLayout={"autoHeight"}
138
135
  />
139
136
  );
140
137
  };
package/src/stories/{components → grid}/GridReadOnly.stories.tsx RENAMED
@@ -24,7 +24,7 @@ export default {
24
24
  },
25
25
  decorators: [
26
26
  (Story) => (
27
- <div style={{ width: 1200, height: 400, display: "flex" }}>
27
+ <div style={{ width: 1024, height: 400 }}>
28
28
  <GridUpdatingContextProvider>
29
29
  <GridContextProvider>
30
30
  <Story />
@@ -151,13 +151,10 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
151
151
  [],
152
152
  );
153
153
 
154
- const rowData: ITestRow[] = useMemo(
155
- () => [
156
- { id: 1000, position: "Tester", age: 30, desc: "Tests application", dd: "1" },
157
- { id: 1001, position: "Developer", age: 12, desc: "Develops application", dd: "2" },
158
- ],
159
- [],
160
- );
154
+ const [rowData, setRowData] = useState([
155
+ { id: 1000, position: "Tester", age: 30, desc: "Tests application", dd: "1" },
156
+ { id: 1001, position: "Developer", age: 12, desc: "Develops application", dd: "2" },
157
+ ]);
161
158
 
162
159
  return (
163
160
  <Grid
@@ -166,6 +163,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
166
163
  setExternalSelectedItems={setExternalSelectedItems}
167
164
  columnDefs={columnDefs}
168
165
  rowData={rowData}
166
+ domLayout={"autoHeight"}
169
167
  />
170
168
  );
171
169
  };