Merge pull request #65 from sarbull/main

Fix deps issues

dist/esm/components/Assets/Catalog/index.js

@@ -178,5 +178,5 @@ export function EgeriaAssetCatalog(props) {
         const queryParams = getQueryParamsPath(formData);
         navigate(`${path}${queryParams.length ? `?${queryParams.join('&')}` : ``}`);
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: { display: 'flex', alignItems: 'stretch', flexDirection: 'column', position: 'relative', height: '100%', } }, { children: [_jsx(LoadingOverlay, { visible: isLoading }), _jsxs("div", Object.assign({ style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginBottom: 10 } }, { children: [_jsx(TextInput, { mr: "xl", style: { minWidth: 180 }, placeholder: "Search", value: q, onKeyPress: handleEnterPress, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { q: event.currentTarget.value })) }), _jsx(MultiSelect, { mr: "xl", style: { minWidth: 230 }, data: typesData, value: types, placeholder: "Types", onChange: (value) => setUserFormData(Object.assign(Object.assign({}, userFormData), { types: [...value] })) }), _jsx(Checkbox, { mr: "xl", label: 'Exact match', checked: exactMatch, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { exactMatch: event.currentTarget.checked })) }), _jsx(Checkbox, { mr: "xl", label: 'Case sensitive', checked: caseSensitive, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { caseSensitive: event.currentTarget.checked })) }), _jsx(Button, Object.assign({ onClick: () => submit() }, { children: "Search" }))] })), _jsx("div", Object.assign({ className: "ag-theme-alpine", style: { width: '100%', height: '100%' } }, { children: _jsx(AgGridReact, { gridOptions: gridOptions, rowData: rowData }) })), _jsx("div", { children: _jsx(Button, Object.assign({ size: "xs", compact: true, fullWidth: true, onClick: () => loadMore(), style: { marginBottom: 1 } }, { children: "Load more..." })) })] })) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: { display: 'flex', alignItems: 'stretch', flexDirection: 'column', position: 'relative', height: '100%', } }, { children: [_jsx(LoadingOverlay, { visible: isLoading }), _jsxs("div", Object.assign({ style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginBottom: 10 } }, { children: [_jsx(TextInput, { mr: "xl", style: { minWidth: 180 }, placeholder: "Search", value: q, onKeyPress: handleEnterPress, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { q: event.currentTarget.value })) }), _jsx(MultiSelect, { mr: "xl", style: { minWidth: 230 }, data: typesData, value: types, placeholder: "Types", onChange: (value) => setUserFormData(Object.assign(Object.assign({}, userFormData), { types: [...value] })) }), _jsx(Checkbox, { mr: "xl", label: 'Exact match', checked: exactMatch, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { exactMatch: event.currentTarget.checked })) }), _jsx(Checkbox, { mr: "xl", label: 'Case sensitive', checked: caseSensitive, onChange: (event) => setUserFormData(Object.assign(Object.assign({}, userFormData), { caseSensitive: event.currentTarget.checked })) }), _jsx(Button, Object.assign({ onClick: () => submit() }, { children: "Search" }))] })), _jsx("div", Object.assign({ className: "ag-theme-alpine", style: { width: '100%', height: '100%' } }, { children: _jsx(AgGridReact, { gridOptions: gridOptions, rowData: rowData }) })), _jsx("div", { children: _jsx(Button, Object.assign({ size: "xs", compact: true, fullWidth: true, onClick: () => loadMore(), style: { marginBottom: 1, marginTop: 10 } }, { children: "Load more..." })) })] })) }));
 }

dist/esm/components/Assets/Catalog/qualified-name.scss

@@ -0,0 +1,34 @@
+
+.qualified-name {
+  display: flex;
+  flex-flow: column;
+
+  img {
+    height:20px;
+    vertical-align:middle;
+    margin-right:5px;
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    display: inline;
+    padding-right: 10px;
+    font-size: smaller ;
+  }
+
+  .masked {
+    display: inline-flex;
+    width: 20px;
+    height: 20px;
+    background-color: var(--egeria-primary-color);
+  }
+
+  .label {
+    display: inline-flex;
+    vertical-align: super;
+  }
+}

dist/esm/components/Demo/index.scss

@@ -0,0 +1,15 @@
+html, body {
+  margin:0;
+  padding:0;
+  width:100%;
+}
+
+
+.container {
+  margin:0 auto;
+  margin-top:50px;
+  width:1024px;
+  height:700px;
+  border:1px solid #ccc;
+  overflow: auto;
+}

dist/esm/components/Lineage/Graph/index.js

@@ -36,7 +36,7 @@ export function EgeriaLineageGraph(props) {
     const [opened, setOpened] = useState(false);
     const [selectedNodeData, setSelectedNodeData] = useState(undefined);
     // TODO: extract URL to URL Map
-    const uri = (lineageType) => `${apiUrl}/api/lineage/entities/${guid}/${lineageType}`;
+    const uri = (lineageType) => `${apiUrl}/api/lineage/entities/${guid}/${lineageType}?includeProcesses=true`;
     const fetchData = (uri) => __awaiter(this, void 0, void 0, function* () {
         const res = yield egeriaFetch(uri, 'GET', Object.assign({}, authHeader()), {});
         const data = yield res.json();

dist/esm/components/Lineage/Graph/index.scss

@@ -0,0 +1,8 @@
+.egeria-lineage {
+  height:100%;
+
+  div[role="tabpanel"] {
+    height: calc(100% - 40px);
+    padding-top:0px;
+  }
+}