react-circular-reveal
Version:
Quickly and easily add Material Design's "Circular Reveal" animation in your web app.
1,264 lines • 28.1 kB
JSON
{
"id": 0,
"name": "react-circular-reveal",
"kind": 0,
"flags": {},
"children": [
{
"id": 1,
"name": "CurtainEvent",
"kind": 128,
"kindString": "Class",
"flags": {
"isExported": true
},
"children": [
{
"id": 2,
"name": "constructor",
"kind": 512,
"kindString": "Constructor",
"flags": {
"isExported": true
},
"signatures": [
{
"id": 6,
"name": "new CurtainEvent",
"kind": 16384,
"kindString": "Constructor signature",
"flags": {},
"parameters": [
{
"id": 7,
"name": "type",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "reference",
"name": "EventType",
"id": 21
}
},
{
"id": 8,
"name": "curtainElemRef",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "reference",
"name": "HTMLDivElement"
}
},
{
"id": 9,
"name": "revealContentElemRef",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "reference",
"name": "HTMLDivElement"
}
}
],
"type": {
"type": "reference",
"name": "CurtainEvent",
"id": 1
}
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 8,
"character": 27
}
]
},
{
"id": 4,
"name": "curtainElemRef",
"kind": 1024,
"kindString": "Property",
"flags": {
"isConstructorProperty": true,
"isExported": true,
"isPublic": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 10,
"character": 37
}
],
"type": {
"type": "reference",
"name": "HTMLDivElement"
}
},
{
"id": 5,
"name": "revealContentElemRef",
"kind": 1024,
"kindString": "Property",
"flags": {
"isConstructorProperty": true,
"isExported": true,
"isPublic": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 11,
"character": 43
}
],
"type": {
"type": "reference",
"name": "HTMLDivElement"
}
},
{
"id": 3,
"name": "type",
"kind": 1024,
"kindString": "Property",
"flags": {
"isConstructorProperty": true,
"isExported": true,
"isPublic": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 9,
"character": 27
}
],
"type": {
"type": "reference",
"name": "EventType",
"id": 21
}
}
],
"groups": [
{
"title": "Constructors",
"kind": 512,
"children": [
2
]
},
{
"title": "Properties",
"kind": 1024,
"children": [
4,
5,
3
]
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 8,
"character": 25
}
]
},
{
"id": 10,
"name": "Props",
"kind": 256,
"kindString": "Interface",
"flags": {},
"children": [
{
"id": 13,
"name": "children",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 20,
"character": 12
}
],
"type": {
"type": "reference",
"name": "React.ReactNode"
}
},
{
"id": 12,
"name": "contentMinWidth",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 19,
"character": 19
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "number"
}
]
}
},
{
"id": 17,
"name": "onChange",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 24,
"character": 12
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "reflection",
"declaration": {
"id": 18,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 19,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 20,
"name": "e",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "reference",
"name": "CurtainEvent",
"id": 1
}
}
],
"type": {
"type": "intrinsic",
"name": "void"
}
}
]
}
}
]
}
},
{
"id": 11,
"name": "reveal",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 18,
"character": 10
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "false"
},
{
"type": "intrinsic",
"name": "true"
}
]
}
},
{
"id": 14,
"name": "revealContent",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 21,
"character": 17
}
],
"type": {
"type": "reference",
"name": "React.ReactNode"
}
},
{
"id": 15,
"name": "revealCurtainContent",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 22,
"character": 24
}
],
"type": {
"type": "reference",
"name": "React.ReactNode"
}
},
{
"id": 16,
"name": "speed",
"kind": 1024,
"kindString": "Property",
"flags": {
"isOptional": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 23,
"character": 9
}
],
"type": {
"type": "union",
"types": [
{
"type": "reference",
"name": "RevealSpeed",
"id": 22
},
{
"type": "reference",
"name": "CalculateCurtainSize",
"id": 23
}
]
}
}
],
"groups": [
{
"title": "Properties",
"kind": 1024,
"children": [
13,
12,
17,
11,
14,
15,
16
]
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 17,
"character": 15
}
]
},
{
"id": 23,
"name": "CalculateCurtainSize",
"kind": 4194304,
"kindString": "Type alias",
"flags": {
"isExported": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 15,
"character": 32
}
],
"type": {
"type": "reflection",
"declaration": {
"id": 24,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 25,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 26,
"name": "currentCurtainSize",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "intrinsic",
"name": "number"
}
},
{
"id": 27,
"name": "opening",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "intrinsic",
"name": "boolean"
}
}
],
"type": {
"type": "intrinsic",
"name": "number"
}
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 15,
"character": 34
}
]
}
}
},
{
"id": 21,
"name": "EventType",
"kind": 4194304,
"kindString": "Type alias",
"flags": {
"isExported": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 4,
"character": 21
}
],
"type": {
"type": "union",
"types": [
{
"type": "stringLiteral",
"value": "CURTAIN_OPENING"
},
{
"type": "stringLiteral",
"value": "CURTAIN_OPENED"
},
{
"type": "stringLiteral",
"value": "CURTAIN_CLOSING"
},
{
"type": "stringLiteral",
"value": "CURTAIN_CLOSED"
}
]
}
},
{
"id": 22,
"name": "RevealSpeed",
"kind": 4194304,
"kindString": "Type alias",
"flags": {
"isExported": true
},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 6,
"character": 23
}
],
"type": {
"type": "union",
"types": [
{
"type": "stringLiteral",
"value": "very slow"
},
{
"type": "stringLiteral",
"value": "slow"
},
{
"type": "stringLiteral",
"value": "normal"
},
{
"type": "stringLiteral",
"value": "fast"
}
]
}
},
{
"id": 28,
"name": "CircularRevealPanel",
"kind": 64,
"kindString": "Function",
"flags": {
"isExported": true,
"isConst": true
},
"signatures": [
{
"id": 29,
"name": "CircularRevealPanel",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 30,
"name": "__namedParameters",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"originalName": "__0",
"type": {
"type": "reflection",
"declaration": {
"id": 31,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"children": [
{
"id": 33,
"name": "children",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 30,
"character": 16
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "null"
},
{
"type": "intrinsic",
"name": "string"
},
{
"type": "intrinsic",
"name": "number"
},
{
"type": "intrinsic",
"name": "false"
},
{
"type": "intrinsic",
"name": "true"
},
{
"type": "reference",
"name": "__type"
},
{
"type": "reference",
"name": "ReactElement",
"typeArguments": [
{
"type": "intrinsic",
"name": "any"
},
{
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "string"
},
{
"type": "reflection",
"declaration": {
"id": 34,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 35,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 36,
"name": "props",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "typeParameter",
"name": "P"
}
}
],
"type": {
"type": "union",
"types": [
{
"type": "reference",
"name": "ReactElement"
},
{
"type": "intrinsic",
"name": "null"
}
]
}
}
]
}
},
{
"type": "reflection",
"declaration": {
"id": 37,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {}
}
}
]
}
]
},
{
"type": "reference",
"name": "ReactNodeArray"
},
{
"type": "reference",
"name": "ReactPortal"
}
]
}
},
{
"id": 38,
"name": "contentMinWidth",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 31,
"character": 23
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "number"
}
]
}
},
{
"id": 54,
"name": "onChange",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 35,
"character": 16
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "reflection",
"declaration": {
"id": 55,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 56,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 57,
"name": "e",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "reference",
"name": "CurtainEvent",
"id": 1
}
}
],
"type": {
"type": "intrinsic",
"name": "void"
}
}
]
}
}
]
}
},
{
"id": 32,
"name": "reveal",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 29,
"character": 14
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "false"
},
{
"type": "intrinsic",
"name": "true"
}
]
}
},
{
"id": 39,
"name": "revealContent",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 32,
"character": 21
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "null"
},
{
"type": "intrinsic",
"name": "string"
},
{
"type": "intrinsic",
"name": "number"
},
{
"type": "intrinsic",
"name": "false"
},
{
"type": "intrinsic",
"name": "true"
},
{
"type": "reference",
"name": "__type"
},
{
"type": "reference",
"name": "ReactElement",
"typeArguments": [
{
"type": "intrinsic",
"name": "any"
},
{
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "string"
},
{
"type": "reflection",
"declaration": {
"id": 40,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 41,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 42,
"name": "props",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "typeParameter",
"name": "P"
}
}
],
"type": {
"type": "union",
"types": [
{
"type": "reference",
"name": "ReactElement"
},
{
"type": "intrinsic",
"name": "null"
}
]
}
}
]
}
},
{
"type": "reflection",
"declaration": {
"id": 43,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {}
}
}
]
}
]
},
{
"type": "reference",
"name": "ReactNodeArray"
},
{
"type": "reference",
"name": "ReactPortal"
}
]
}
},
{
"id": 44,
"name": "revealCurtainContent",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 33,
"character": 28
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "intrinsic",
"name": "null"
},
{
"type": "intrinsic",
"name": "string"
},
{
"type": "intrinsic",
"name": "number"
},
{
"type": "intrinsic",
"name": "false"
},
{
"type": "intrinsic",
"name": "true"
},
{
"type": "reference",
"name": "__type"
},
{
"type": "reference",
"name": "ReactElement",
"typeArguments": [
{
"type": "intrinsic",
"name": "any"
},
{
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "string"
},
{
"type": "reflection",
"declaration": {
"id": 45,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 46,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 47,
"name": "props",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "typeParameter",
"name": "P"
}
}
],
"type": {
"type": "union",
"types": [
{
"type": "reference",
"name": "ReactElement"
},
{
"type": "intrinsic",
"name": "null"
}
]
}
}
]
}
},
{
"type": "reflection",
"declaration": {
"id": 48,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {}
}
}
]
}
]
},
{
"type": "reference",
"name": "ReactNodeArray"
},
{
"type": "reference",
"name": "ReactPortal"
}
]
}
},
{
"id": 49,
"name": "speed",
"kind": 32,
"kindString": "Variable",
"flags": {},
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 34,
"character": 13
}
],
"type": {
"type": "union",
"types": [
{
"type": "intrinsic",
"name": "undefined"
},
{
"type": "stringLiteral",
"value": "very slow"
},
{
"type": "stringLiteral",
"value": "slow"
},
{
"type": "stringLiteral",
"value": "normal"
},
{
"type": "stringLiteral",
"value": "fast"
},
{
"type": "reflection",
"declaration": {
"id": 50,
"name": "__type",
"kind": 65536,
"kindString": "Type literal",
"flags": {},
"signatures": [
{
"id": 51,
"name": "__call",
"kind": 4096,
"kindString": "Call signature",
"flags": {},
"parameters": [
{
"id": 52,
"name": "currentCurtainSize",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "intrinsic",
"name": "number"
}
},
{
"id": 53,
"name": "opening",
"kind": 32768,
"kindString": "Parameter",
"flags": {},
"type": {
"type": "intrinsic",
"name": "boolean"
}
}
],
"type": {
"type": "intrinsic",
"name": "number"
}
}
]
}
}
]
}
}
],
"groups": [
{
"title": "Variables",
"kind": 32,
"children": [
33,
38,
54,
32,
39,
44,
49
]
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 27,
"character": 53
}
]
}
}
}
],
"type": {
"type": "reference",
"name": "Element"
}
}
],
"sources": [
{
"fileName": "CircularRevealPanel.tsx",
"line": 27,
"character": 32
}
]
}
],
"groups": [
{
"title": "Classes",
"kind": 128,
"children": [
1
]
},
{
"title": "Interfaces",
"kind": 256,
"children": [
10
]
},
{
"title": "Type aliases",
"kind": 4194304,
"children": [
23,
21,
22
]
},
{
"title": "Functions",
"kind": 64,
"children": [
28
]
}
]
}