@dhis2-ui/node 8.15.1 → 8.16.0-alpha.2

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 (2) hide show
  1. package/package.json +8 -5
  2. package/types/index.d.ts +28 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/node",
3
- "version": "8.15.1",
3
+ "version": "8.16.0-alpha.2",
4
4
  "description": "UI Node",
5
5
  "repository": {
6
6
  "type": "git",
@@ -13,6 +13,7 @@
13
13
  "main": "./build/cjs/index.js",
14
14
  "module": "./build/es/index.js",
15
15
  "exports": {
16
+ "types": "./types/index.d.ts",
16
17
  "import": "./build/es/index.js",
17
18
  "require": "./build/cjs/index.js"
18
19
  },
@@ -32,17 +33,19 @@
32
33
  },
33
34
  "dependencies": {
34
35
  "@dhis2/prop-types": "^3.1.2",
35
- "@dhis2-ui/loader": "8.15.1",
36
- "@dhis2/ui-constants": "8.15.1",
36
+ "@dhis2-ui/loader": "8.16.0-alpha.2",
37
+ "@dhis2/ui-constants": "8.16.0-alpha.2",
37
38
  "classnames": "^2.3.1",
38
39
  "prop-types": "^15.7.2"
39
40
  },
40
41
  "files": [
41
- "build"
42
+ "build",
43
+ "types"
42
44
  ],
43
45
  "devDependencies": {
44
46
  "react": "16.13",
45
47
  "react-dom": "16.13",
46
48
  "styled-jsx": "^4.0.1"
47
- }
49
+ },
50
+ "types": "types"
48
51
  }
@@ -0,0 +1,28 @@
1
+ import * as React from 'react'
2
+
3
+ type NodeEventHandler = (
4
+ payload: { open: boolean },
5
+ event: React.MouseEvent<HTMLDivElement>
6
+ ) => void
7
+
8
+ export interface NodeProps {
9
+ /**
10
+ * Content below this level of the hierarchy; children are revealed when this leaf is 'open'
11
+ */
12
+ children?: React.ReactNode
13
+ className?: string
14
+ /**
15
+ * Content/label for this leaf, for example a checkbox
16
+ */
17
+ component?: React.ReactElement<any>
18
+ dataTest?: string
19
+ /**
20
+ * A custom icon to use instead of a toggle arrow
21
+ */
22
+ icon?: React.ReactNode
23
+ open?: boolean
24
+ onClose?: NodeEventHandler
25
+ onOpen?: NodeEventHandler
26
+ }
27
+
28
+ export const Node: React.FC<NodeProps>