balkan-orgchart-react 9.1.65 → 9.1.67

package/package.json

@@ -15,13 +15,9 @@
     "react-dom": ">=17"
   },
   "files": [
-    "index.es.d.ts",
     "index.es.js",
     "index.umd.js",
-    "OrgChart.d.ts",
-    "OrgChart.d.ts.map",
-    "index.d.ts",
-    "index.d.ts.map",
+    "index.es.d.ts",
     "package.json",
     "readme.md"
   ],
@@ -58,5 +54,5 @@
     "url": "git+https://github.com/BALKANGraph/OrgChartReact.git"
   },
   "dependencies": {},
-  "version": "9.1.65"
+  "version": "9.1.67"
 }

package/readme.md

@@ -31,19 +31,36 @@ or with yarn:
 yarn add balkan-orgchart-react
 ```
 
-## Import it in your code
-
-```javascript
-import OrgChart from "balkan-orgchart-react";
-```
 
 
-## Usage
+## Declarative Usage
 
 ```react
 
+
+import {OrgChart, Employee} from "balkan-orgchart-react";
+
+function App() {
+  return (
+    <>
+     <OrgChart nodeBinding={{ field_0: 'name', field_1: 'title', img_0: 'photo'}} template="olivia">
+      <Employee name='Denny Curtis' title='CEO' photo="https://cdn.balkan.app/shared/a/2.jpg" >
+        <Employee name='Lexie Cole' title='QA Lead' photo="https://cdn.balkan.app/shared/a/3.jpg"></Employee>
+        <Employee name='Janae Barrett' title='Technical Director' photo="https://cdn.balkan.app/shared/a/4.jpg"></Employee>
+        <Employee name='Aaliyah Webb' title='Assistant' photo="https://cdn.balkan.app/shared/a/5.jpg" assistant={true}></Employee>
+      </Employee>
+     </OrgChart>
+    </>
+  )
+}
+
+export default App
+
 ```
 
+
+
+
 <br>
 
 <br>

package/OrgChart.d.ts

@@ -1,28 +0,0 @@
-import { default as React } from 'react';
-import { default as OrgChartJS } from 'balkan-orgchart-js';
-export interface OrgChartRef {
-    readonly instance: OrgChartJS | null;
-}
-type OrgChartOptions = Omit<OrgChartJS.options, 'nodes' | 'UI' | 'aiUI' | 'editUI' | 'orgScribeUI' | 'powerPointPreviewUI' | 'pdfPreviewUI' | 'svgPreviewUI' | 'pngPreviewUI' | 'filterUI' | 'searchUI' | 'xScrollUI' | 'yScrollUI' | 'nodeMenuUI' | 'controlsUI' | 'nodeCircleMenuUI' | 'nodeContextMenuUI' | 'toolbarUI' | 'notifierUI' | 'menuUI' | 'undoRedoUI'>;
-interface OrgChartEmployeeProps {
-    children?: React.ReactNode;
-    title?: string;
-    name?: string;
-    photo?: string;
-    assistant?: boolean;
-    partner?: boolean;
-    tags?: Array<string>;
-    [key: string]: unknown;
-}
-interface OrgChartProps extends Partial<OrgChartOptions> {
-    id?: string;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    data?: Array<OrgChartJS.nodeData>;
-    onUpdateNode?: (this: OrgChartJS, args: OrgChartJS.updateNodeEventArgs) => void;
-}
-export declare const Employee: ({ children, title, name, photo, assistant, partner, ...rest }: OrgChartEmployeeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OrgChart: React.ForwardRefExoticComponent<OrgChartProps & React.RefAttributes<OrgChartRef>>;
-export {};
-//# sourceMappingURL=OrgChart.d.ts.map

package/OrgChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrgChart.d.ts","sourceRoot":"","sources":["../src/OrgChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AACnF,OAAQ,UAAU,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;CACtC;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,GAAI,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,qBAAqB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,WAAW,GAAE,YAAY,GAAG,QAAQ,GAAG,YAAY,CAAE,CAAC;AAEtW,UAAU,qBAAqB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAkDD,UAAU,aACR,SAAQ,OAAO,CAAC,eAAe,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC,mBAAmB,KAAK,IAAI,CAAC;CAOnF;AAGD,eAAO,MAAM,QAAQ,GAAa,+DAA+D,qBAAqB,4CAMrH,CAAA;AAED,eAAO,MAAM,QAAQ,mFA6CnB,CAAC"}

package/index.d.ts

@@ -1,2 +0,0 @@
-export { OrgChart, Employee, type OrgChartRef } from './OrgChart';
-//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAG,MAAM,YAAY,CAAC"}