FilesExpand file tree

main

/

ResourceGuesser.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

116 lines (108 loc) · 2.63 KB

main

/

ResourceGuesser.tsx

Copy path

Top

File metadata and controls

• Code
• Blame

116 lines (108 loc) · 2.63 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

import React, { useEffect } from 'react';

import {

Resource,

useResourceDefinition,

useResourceDefinitionContext,

} from 'react-admin';

import type { ResourceDefinition, ResourceProps } from 'react-admin';

import ListGuesser from '../list/ListGuesser.js';

import CreateGuesser from '../create/CreateGuesser.js';

import EditGuesser from '../edit/EditGuesser.js';

import ShowGuesser from '../show/ShowGuesser.js';

import Introspecter from '../introspection/Introspecter.js';

import type {

IntrospectedResourceGuesserProps,

ResourceGuesserProps,

} from '../types.js';

export const IntrospectedResourceGuesser = ({

resource,

schema,

schemaAnalyzer,

list = ListGuesser,

edit = EditGuesser,

create = CreateGuesser,

show = ShowGuesser,

...props

}: IntrospectedResourceGuesserProps) => {

const { register } = useResourceDefinitionContext();

const registeredDefinition = useResourceDefinition({ resource });

let hasList = false;

let hasEdit = false;

let hasCreate = false;

let hasShow = false;

schema.operations?.forEach((operation) => {

if (operation.type === 'list') {

hasList = true;

}

if (operation.type === 'edit') {

hasEdit = true;

}

if (operation.type === 'create') {

hasCreate = true;

}

if (operation.type === 'show') {

hasShow = true;

}

});

useEffect(() => {

if (

registeredDefinition.hasList !== hasList ||

registeredDefinition.hasEdit !== hasEdit ||

registeredDefinition.hasCreate !== hasCreate ||

registeredDefinition.hasShow !== hasShow

) {

register({

name: resource,

icon: props.icon,

options: props.options,

recordRepresentation: props.recordRepresentation,

hasList,

hasEdit,

hasCreate,

hasShow,

});

}

}, [

register,

resource,

props.icon,

props.options,

props.recordRepresentation,

hasList,

hasEdit,

hasCreate,

hasShow,

registeredDefinition,

]);

return (

<Resource

{...props}

name={resource}

create={create}

edit={edit}

list={list}

show={show}

/>

);

};

const ResourceGuesser = ({ name, ...props }: ResourceGuesserProps) => (

<Introspecter

component={IntrospectedResourceGuesser}

resource={name}

{...props}

/>

);

ResourceGuesser.raName = 'Resource';

ResourceGuesser.registerResource = (

props: ResourceProps,

): ResourceDefinition => ({

name: props.name,

icon: props.icon,

options: props.options,

recordRepresentation: props.recordRepresentation,

hasList: true,

hasEdit: true,

hasCreate: true,

hasShow: true,

});

export default ResourceGuesser;