react-graph-grid 0.0.0 → 0.0.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.
- package/README.md +2 -15
- package/package.json +2 -2
- package/src/Dropdown.jsx +1 -1
- package/src/FieldEdit.jsx +357 -0
- package/src/Graph.jsx +34 -5
- package/src/Grid.jsx +13 -5
- package/src/GridDB.jsx +1 -1
- package/src/GridFE.jsx +532 -0
- package/src/GridFL.jsx +11 -1
- package/src/GridGR.jsx +13 -0
- package/src/Overlay.jsx +4 -2
- package/src/Tests/DebugApp.jsx +49 -2
- package/src/Tests/TestData.jsx +86 -683
- package/src/Themes/Images.jsx +1 -1
- package/src/Themes/Translate.jsx +1 -1
- package/src/main.jsx +3 -4
package/src/Tests/DebugApp.jsx
CHANGED
|
@@ -7,6 +7,8 @@ import { Grid } from '../Grid';
|
|
|
7
7
|
import { GridGR } from '../GridGR';
|
|
8
8
|
import { GridDB } from '../GridDB';
|
|
9
9
|
import { GridFL } from '../GridFL';
|
|
10
|
+
import { GridFE } from '../GridFE';
|
|
11
|
+
import { FieldEdit } from '../FieldEdit';
|
|
10
12
|
//import { GridINU } from '../GridINU';
|
|
11
13
|
//import { GraphComponent } from '../GraphComponent';
|
|
12
14
|
|
|
@@ -225,6 +227,49 @@ function DebugApp() {
|
|
|
225
227
|
</div>
|
|
226
228
|
</>
|
|
227
229
|
);
|
|
230
|
+
case 8:
|
|
231
|
+
return (
|
|
232
|
+
<>
|
|
233
|
+
<Modal uid="m01" isModal={true} closeWhenEscape={true}
|
|
234
|
+
renderContent={() => {
|
|
235
|
+
return (
|
|
236
|
+
<div className="div-with-grid">
|
|
237
|
+
<span>Persona</span>
|
|
238
|
+
<FieldEdit
|
|
239
|
+
column={{
|
|
240
|
+
id: 1,
|
|
241
|
+
name: 'Persona',
|
|
242
|
+
getRows: GetFamily,
|
|
243
|
+
refKeyField: 'Id',
|
|
244
|
+
refNameField: 'Name',
|
|
245
|
+
type: 'lookup',
|
|
246
|
+
}}
|
|
247
|
+
>
|
|
248
|
+
</FieldEdit>
|
|
249
|
+
<br></br>
|
|
250
|
+
<span>Age</span>
|
|
251
|
+
<FieldEdit
|
|
252
|
+
column={{
|
|
253
|
+
id: 2,
|
|
254
|
+
name: 'Age',
|
|
255
|
+
}}
|
|
256
|
+
>
|
|
257
|
+
</FieldEdit>
|
|
258
|
+
</div>
|
|
259
|
+
);
|
|
260
|
+
}}
|
|
261
|
+
pos={{ x: 100, y: 100, w: 400, h: 200 }} title='Field Edit'>
|
|
262
|
+
</Modal>
|
|
263
|
+
</>
|
|
264
|
+
)
|
|
265
|
+
case 9:
|
|
266
|
+
return (
|
|
267
|
+
<>
|
|
268
|
+
<div className="div-with-grid">
|
|
269
|
+
<GridFE getRows={GetFamily} getColumns={GetFamilyColumns} allowEditGrid={true}></GridFE>
|
|
270
|
+
</div>
|
|
271
|
+
</>
|
|
272
|
+
);
|
|
228
273
|
case 11:
|
|
229
274
|
return (
|
|
230
275
|
<>
|
|
@@ -243,14 +288,16 @@ function DebugApp() {
|
|
|
243
288
|
setState({ menuItem: e.target.selectedIndex });
|
|
244
289
|
}}>
|
|
245
290
|
<option>0. None</option>
|
|
246
|
-
<option>1.
|
|
291
|
+
<option>1. React Grid</option>
|
|
247
292
|
<option>2. Overlay</option>
|
|
248
293
|
<option>3. Modal</option>
|
|
249
294
|
<option>4. Dropdown</option>
|
|
250
295
|
<option>5. Two Grids</option>
|
|
251
296
|
<option>6. GridDB</option>
|
|
252
297
|
<option>7. GridFL</option>
|
|
253
|
-
<option>
|
|
298
|
+
<option>8. Field Edit</option>
|
|
299
|
+
<option>9. GridFE</option>
|
|
300
|
+
<option>10. TEST</option>
|
|
254
301
|
</select>
|
|
255
302
|
<div className="div-on-menu">
|
|
256
303
|
{getTestApp()}
|