npm - @backstage/plugin-config-schema - Versions diffs - 0.1.54 → 0.1.55-next.0 - Mend

@backstage/plugin-config-schema 0.1.54 → 0.1.55-next.0

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 (38) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,15 @@
 # @backstage/plugin-config-schema
+## 0.1.55-next.0
+### Patch Changes
+- Updated dependencies
+  - @backstage/core-components@0.14.5-next.0
+  - @backstage/core-plugin-api@1.9.2
+  - @backstage/errors@1.2.4
+  - @backstage/types@1.1.1
 ## 0.1.54
 ### Patch Changes

package/dist/api/StaticSchemaLoader.esm.js ADDED Viewed

@@ -0,0 +1,38 @@
+import ObservableImpl from 'zen-observable';
+import { ResponseError } from '@backstage/errors';
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+const DEFAULT_URL = "config-schema.json";
+class StaticSchemaLoader {
+  constructor(options = {}) {
+    __publicField(this, "url");
+    var _a;
+    this.url = (_a = options == null ? void 0 : options.url) != null ? _a : DEFAULT_URL;
+  }
+  schema$() {
+    return new ObservableImpl((subscriber) => {
+      this.fetchSchema().then(
+        (schema) => subscriber.next({ schema }),
+        (error) => subscriber.error(error)
+      );
+    });
+  }
+  async fetchSchema() {
+    const res = await fetch(this.url);
+    if (!res.ok) {
+      if (res.status === 404) {
+        return void 0;
+      }
+      throw await ResponseError.fromResponse(res);
+    }
+    return await res.json();
+  }
+}
+export { StaticSchemaLoader };
+//# sourceMappingURL=StaticSchemaLoader.esm.js.map

package/dist/api/StaticSchemaLoader.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StaticSchemaLoader.esm.js","sources":["../../src/api/StaticSchemaLoader.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport ObservableImpl from 'zen-observable';\nimport { ResponseError } from '@backstage/errors';\nimport { Schema } from 'jsonschema';\nimport { ConfigSchemaApi, ConfigSchemaResult } from './types';\nimport { Observable } from '@backstage/types';\n\nconst DEFAULT_URL = 'config-schema.json';\n\n/**\n * A ConfigSchemaApi implementation that loads the configuration from a URL.\n *\n * @public\n */\nexport class StaticSchemaLoader implements ConfigSchemaApi {\n private readonly url: string;\n\n constructor(options: { url?: string } = {}) {\n this.url = options?.url ?? DEFAULT_URL;\n }\n\n schema$(): Observable<ConfigSchemaResult> {\n return new ObservableImpl(subscriber => {\n this.fetchSchema().then(\n schema => subscriber.next({ schema }),\n error => subscriber.error(error),\n );\n });\n }\n\n private async fetchSchema(): Promise<undefined | Schema> {\n const res = await fetch(this.url);\n\n if (!res.ok) {\n if (res.status === 404) {\n return undefined;\n }\n\n throw await ResponseError.fromResponse(res);\n }\n\n return await res.json();\n }\n}\n"],"names":[],"mappings":";;;;;;;;;AAsBA,MAAM,WAAc,GAAA,oBAAA,CAAA;AAOb,MAAM,kBAA8C,CAAA;AAAA,EAGzD,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAF5C,IAAiB,aAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA;AA9BnB,IAAA,IAAA,EAAA,CAAA;AAiCI,IAAK,IAAA,CAAA,GAAA,GAAA,CAAM,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,GAAA,KAAT,IAAgB,GAAA,EAAA,GAAA,WAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,OAA0C,GAAA;AACxC,IAAO,OAAA,IAAI,eAAe,CAAc,UAAA,KAAA;AACtC,MAAA,IAAA,CAAK,aAAc,CAAA,IAAA;AAAA,QACjB,CAAU,MAAA,KAAA,UAAA,CAAW,IAAK,CAAA,EAAE,QAAQ,CAAA;AAAA,QACpC,CAAA,KAAA,KAAS,UAAW,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,OACjC,CAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,MAAc,WAA2C,GAAA;AACvD,IAAA,MAAM,GAAM,GAAA,MAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEhC,IAAI,IAAA,CAAC,IAAI,EAAI,EAAA;AACX,MAAI,IAAA,GAAA,CAAI,WAAW,GAAK,EAAA;AACtB,QAAO,OAAA,KAAA,CAAA,CAAA;AAAA,OACT;AAEA,MAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,KAC5C;AAEA,IAAO,OAAA,MAAM,IAAI,IAAK,EAAA,CAAA;AAAA,GACxB;AACF;;;;"}

package/dist/api/types.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+const configSchemaApiRef = createApiRef({
+  id: "plugin.config-schema"
+});
+export { configSchemaApiRef };
+//# sourceMappingURL=types.esm.js.map

package/dist/api/types.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.esm.js","sources":["../../src/api/types.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Schema } from 'jsonschema';\nimport { createApiRef } from '@backstage/core-plugin-api';\nimport { Observable } from '@backstage/types';\n\n/** @public */\nexport interface ConfigSchemaResult {\n schema?: Schema;\n}\n\n/** @public */\nexport interface ConfigSchemaApi {\n schema$(): Observable<ConfigSchemaResult>;\n}\n\n/** @public */\nexport const configSchemaApiRef = createApiRef<ConfigSchemaApi>({\n id: 'plugin.config-schema',\n});\n"],"names":[],"mappings":";;AA+BO,MAAM,qBAAqB,YAA8B,CAAA;AAAA,EAC9D,EAAI,EAAA,sBAAA;AACN,CAAC;;;;"}

package/dist/components/ConfigSchemaPage/ConfigSchemaPage.esm.js ADDED Viewed

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+import useObservable from 'react-use/esm/useObservable';
+import { configSchemaApiRef } from '../../api/types.esm.js';
+import 'zen-observable';
+import '@backstage/errors';
+import { SchemaViewer } from '../SchemaViewer/SchemaViewer.esm.js';
+import Typography from '@material-ui/core/Typography';
+import { Page, Header, Content, Progress } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+const ConfigSchemaPage = () => {
+  const configSchemaApi = useApi(configSchemaApiRef);
+  const schemaResult = useObservable(
+    useMemo(() => configSchemaApi.schema$(), [configSchemaApi])
+  );
+  let content;
+  if (schemaResult) {
+    if (schemaResult.schema) {
+      content = /* @__PURE__ */ React.createElement(SchemaViewer, { schema: schemaResult.schema });
+    } else {
+      content = /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, "No configuration schema available");
+    }
+  } else {
+    content = /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Configuration Reference" }), /* @__PURE__ */ React.createElement(Content, { stretch: true }, content));
+};
+export { ConfigSchemaPage };
+//# sourceMappingURL=ConfigSchemaPage.esm.js.map

package/dist/components/ConfigSchemaPage/ConfigSchemaPage.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigSchemaPage.esm.js","sources":["../../../src/components/ConfigSchemaPage/ConfigSchemaPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useMemo } from 'react';\nimport useObservable from 'react-use/esm/useObservable';\nimport { configSchemaApiRef } from '../../api';\nimport { SchemaViewer } from '../SchemaViewer';\nimport Typography from '@material-ui/core/Typography';\n\nimport { Header, Page, Content, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const ConfigSchemaPage = () => {\n const configSchemaApi = useApi(configSchemaApiRef);\n const schemaResult = useObservable(\n useMemo(() => configSchemaApi.schema$(), [configSchemaApi]),\n );\n\n let content;\n if (schemaResult) {\n if (schemaResult.schema) {\n content = <SchemaViewer schema={schemaResult.schema} />;\n } else {\n content = (\n <Typography variant=\"h4\">No configuration schema available</Typography>\n );\n }\n } else {\n content = <Progress />;\n }\n\n return (\n <Page themeId=\"tool\">\n <Header title=\"Configuration Reference\" />\n <Content stretch>{content}</Content>\n </Page>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,eAAA,GAAkB,OAAO,kBAAkB,CAAA,CAAA;AACjD,EAAA,MAAM,YAAe,GAAA,aAAA;AAAA,IACnB,QAAQ,MAAM,eAAA,CAAgB,SAAW,EAAA,CAAC,eAAe,CAAC,CAAA;AAAA,GAC5D,CAAA;AAEA,EAAI,IAAA,OAAA,CAAA;AACJ,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,IAAI,aAAa,MAAQ,EAAA;AACvB,MAAA,OAAA,mBAAW,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,MAAQ,EAAA,YAAA,CAAa,MAAQ,EAAA,CAAA,CAAA;AAAA,KAChD,MAAA;AACL,MAAA,OAAA,mBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAK,mCAAiC,CAAA,CAAA;AAAA,KAE9D;AAAA,GACK,MAAA;AACL,IAAA,OAAA,uCAAW,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,MAAO,EAAA,EAAA,KAAA,EAAM,yBAA0B,EAAA,CAAA,kBACvC,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,EAAA,IAAA,EAAA,EAAE,OAAQ,CAC5B,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ConfigSchemaPage/index.esm.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ConfigSchemaPage } from './ConfigSchemaPage.esm.js';
2	+ //# sourceMappingURL=index.esm.js.map

package/dist/components/ConfigSchemaPage/index.esm.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/SchemaBrowser/SchemaBrowser.esm.js ADDED Viewed

@@ -0,0 +1,158 @@
+import { withStyles, createStyles, alpha } from '@material-ui/core/styles';
+import ChevronRightIcon from '@material-ui/icons/ChevronRight';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import TreeItem from '@material-ui/lab/TreeItem';
+import TreeView from '@material-ui/lab/TreeView';
+import React, { useRef, useMemo } from 'react';
+import { useScrollTargets } from '../ScrollTargetsContext/ScrollTargetsContext.esm.js';
+const StyledTreeItem = withStyles(
+  (theme) => createStyles({
+    label: {
+      userSelect: "none"
+    },
+    group: {
+      marginLeft: 7,
+      paddingLeft: theme.spacing(1),
+      borderLeft: `1px solid ${alpha(theme.palette.text.primary, 0.15)}`
+    }
+  })
+)((props) => /* @__PURE__ */ React.createElement(TreeItem, { ...props }));
+function createSchemaBrowserItems(expanded, schema, path = "", depth = 0) {
+  let matchArr;
+  if (schema.anyOf) {
+    matchArr = schema.anyOf;
+  } else if (schema.oneOf) {
+    matchArr = schema.oneOf;
+  } else if (schema.allOf) {
+    matchArr = schema.allOf;
+  }
+  if (matchArr) {
+    return matchArr.map((childSchema, index) => {
+      const childPath = `${path}/${index + 1}`;
+      if (depth > 0)
+        expanded.push(childPath);
+      return /* @__PURE__ */ React.createElement(
+        StyledTreeItem,
+        {
+          key: childPath,
+          nodeId: childPath,
+          label: `<Option ${index + 1}>`
+        },
+        createSchemaBrowserItems(
+          expanded,
+          childSchema,
+          childPath,
+          depth + 1
+        )
+      );
+    });
+  }
+  switch (schema.type) {
+    case "array": {
+      const childPath = `${path}[]`;
+      if (depth > 0)
+        expanded.push(childPath);
+      return /* @__PURE__ */ React.createElement(StyledTreeItem, { nodeId: childPath, label: "[]" }, schema.items && createSchemaBrowserItems(
+        expanded,
+        schema.items,
+        childPath,
+        depth + 1
+      ));
+    }
+    case "object":
+    case void 0: {
+      const children = [];
+      if (schema.properties) {
+        children.push(
+          ...Object.entries(schema.properties).map(([name, childSchema]) => {
+            const childPath = path ? `${path}.${name}` : name;
+            if (depth > 0)
+              expanded.push(childPath);
+            return /* @__PURE__ */ React.createElement(StyledTreeItem, { key: childPath, nodeId: childPath, label: name }, createSchemaBrowserItems(
+              expanded,
+              childSchema,
+              childPath,
+              depth + 1
+            ));
+          })
+        );
+      }
+      if (schema.patternProperties) {
+        children.push(
+          ...Object.entries(schema.patternProperties).map(
+            ([name, childSchema]) => {
+              const childPath = `${path}.<${name}>`;
+              if (depth > 0)
+                expanded.push(childPath);
+              return /* @__PURE__ */ React.createElement(
+                StyledTreeItem,
+                {
+                  key: childPath,
+                  nodeId: childPath,
+                  label: `<${name}>`
+                },
+                createSchemaBrowserItems(
+                  expanded,
+                  childSchema,
+                  childPath,
+                  depth + 1
+                )
+              );
+            }
+          )
+        );
+      }
+      if (schema.additionalProperties && schema.additionalProperties !== true) {
+        const childPath = `${path}.*`;
+        if (depth > 0)
+          expanded.push(childPath);
+        children.push(
+          /* @__PURE__ */ React.createElement(StyledTreeItem, { key: childPath, nodeId: childPath, label: "*" }, createSchemaBrowserItems(
+            expanded,
+            schema.additionalProperties,
+            childPath,
+            depth + 1
+          ))
+        );
+      }
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    }
+    default:
+      return null;
+  }
+}
+function SchemaBrowser({ schema }) {
+  const scroll = useScrollTargets();
+  const expandedRef = useRef([]);
+  const data = useMemo(() => {
+    const expanded = new Array();
+    const items = createSchemaBrowserItems(expanded, schema);
+    return { items, expanded };
+  }, [schema]);
+  if (!scroll) {
+    throw new Error("No scroll handler available");
+  }
+  const handleToggle = (_event, expanded) => {
+    expandedRef.current = expanded;
+  };
+  const handleSelect = (_event, nodeId) => {
+    if (expandedRef.current.includes(nodeId)) {
+      scroll.scrollTo(nodeId);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    TreeView,
+    {
+      defaultExpanded: data.expanded,
+      defaultCollapseIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null),
+      defaultExpandIcon: /* @__PURE__ */ React.createElement(ChevronRightIcon, null),
+      onNodeToggle: handleToggle,
+      onNodeSelect: handleSelect
+    },
+    data.items
+  );
+}
+export { SchemaBrowser, createSchemaBrowserItems };
+//# sourceMappingURL=SchemaBrowser.esm.js.map

package/dist/components/SchemaBrowser/SchemaBrowser.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SchemaBrowser.esm.js","sources":["../../../src/components/SchemaBrowser/SchemaBrowser.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { alpha } from '@material-ui/core/styles';\nimport { createStyles, withStyles } from '@material-ui/core/styles';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport TreeItem, { TreeItemProps } from '@material-ui/lab/TreeItem';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { Schema } from 'jsonschema';\nimport React, { ReactNode, useMemo, useRef } from 'react';\nimport { useScrollTargets } from '../ScrollTargetsContext';\n\nconst StyledTreeItem = withStyles(theme =>\n createStyles({\n label: {\n userSelect: 'none',\n },\n group: {\n marginLeft: 7,\n paddingLeft: theme.spacing(1),\n borderLeft: `1px solid ${alpha(theme.palette.text.primary, 0.15)}`,\n },\n }),\n)((props: TreeItemProps) => <TreeItem {...props} />);\n\nexport function createSchemaBrowserItems(\n expanded: string[],\n schema: Schema,\n path: string = '',\n depth: number = 0,\n): ReactNode {\n let matchArr;\n if (schema.anyOf) {\n matchArr = schema.anyOf;\n } else if (schema.oneOf) {\n matchArr = schema.oneOf;\n } else if (schema.allOf) {\n matchArr = schema.allOf;\n }\n if (matchArr) {\n return matchArr.map((childSchema, index) => {\n const childPath = `${path}/${index + 1}`;\n if (depth > 0) expanded.push(childPath);\n return (\n <StyledTreeItem\n key={childPath}\n nodeId={childPath}\n label={`<Option ${index + 1}>`}\n >\n {createSchemaBrowserItems(\n expanded,\n childSchema,\n childPath,\n depth + 1,\n )}\n </StyledTreeItem>\n );\n });\n }\n\n switch (schema.type) {\n case 'array': {\n const childPath = `${path}[]`;\n if (depth > 0) expanded.push(childPath);\n return (\n <StyledTreeItem nodeId={childPath} label=\"[]\">\n {schema.items &&\n createSchemaBrowserItems(\n expanded,\n schema.items as Schema,\n childPath,\n depth + 1,\n )}\n </StyledTreeItem>\n );\n }\n case 'object':\n case undefined: {\n const children = [];\n\n if (schema.properties) {\n children.push(\n ...Object.entries(schema.properties).map(([name, childSchema]) => {\n const childPath = path ? `${path}.${name}` : name;\n if (depth > 0) expanded.push(childPath);\n return (\n <StyledTreeItem key={childPath} nodeId={childPath} label={name}>\n {createSchemaBrowserItems(\n expanded,\n childSchema,\n childPath,\n depth + 1,\n )}\n </StyledTreeItem>\n );\n }),\n );\n }\n\n if (schema.patternProperties) {\n children.push(\n ...Object.entries(schema.patternProperties).map(\n ([name, childSchema]) => {\n const childPath = `${path}.<${name}>`;\n if (depth > 0) expanded.push(childPath);\n return (\n <StyledTreeItem\n key={childPath}\n nodeId={childPath}\n label={`<${name}>`}\n >\n {createSchemaBrowserItems(\n expanded,\n childSchema,\n childPath,\n depth + 1,\n )}\n </StyledTreeItem>\n );\n },\n ),\n );\n }\n\n if (schema.additionalProperties && schema.additionalProperties !== true) {\n const childPath = `${path}.*`;\n if (depth > 0) expanded.push(childPath);\n children.push(\n <StyledTreeItem key={childPath} nodeId={childPath} label=\"*\">\n {createSchemaBrowserItems(\n expanded,\n schema.additionalProperties,\n childPath,\n depth + 1,\n )}\n </StyledTreeItem>,\n );\n }\n\n return <>{children}</>;\n }\n\n default:\n return null;\n }\n}\n\nexport function SchemaBrowser({ schema }: { schema: Schema }) {\n const scroll = useScrollTargets();\n const expandedRef = useRef<string[]>([]);\n const data = useMemo(() => {\n const expanded = new Array<string>();\n\n const items = createSchemaBrowserItems(expanded, schema);\n\n return { items, expanded };\n }, [schema]);\n\n if (!scroll) {\n throw new Error('No scroll handler available');\n }\n\n const handleToggle = (_event: unknown, expanded: string[]) => {\n expandedRef.current = expanded;\n };\n\n const handleSelect = (_event: unknown, nodeId: string) => {\n if (expandedRef.current.includes(nodeId)) {\n scroll.scrollTo(nodeId);\n }\n };\n\n return (\n <TreeView\n defaultExpanded={data.expanded}\n defaultCollapseIcon={<ExpandMoreIcon />}\n defaultExpandIcon={<ChevronRightIcon />}\n onNodeToggle={handleToggle}\n onNodeSelect={handleSelect}\n >\n {data.items}\n </TreeView>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/SchemaView/ArrayView.esm.js ADDED Viewed

@@ -0,0 +1,31 @@
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import React from 'react';
+import { ChildView } from './ChildView.esm.js';
+import { MetadataView } from './MetadataView.esm.js';
+function ArrayView({ path, depth, schema }) {
+  const itemDepth = depth + 1;
+  const itemPath = path ? `${path}[]` : "[]";
+  const itemSchema = schema.items;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginBottom: 4 }, schema.description && /* @__PURE__ */ React.createElement(Box, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, schema.description)), /* @__PURE__ */ React.createElement(MetadataView, { schema })), /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Items"), /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      lastChild: true,
+      path: itemPath,
+      depth: itemDepth,
+      schema: itemSchema
+    }
+  ), schema.additionalItems && schema.additionalItems !== true && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Additional Items"), /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      path: itemPath,
+      depth: itemDepth,
+      schema: schema.additionalItems,
+      lastChild: true
+    }
+  )));
+}
+export { ArrayView };
+//# sourceMappingURL=ArrayView.esm.js.map

package/dist/components/SchemaView/ArrayView.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArrayView.esm.js","sources":["../../../src/components/SchemaView/ArrayView.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport { Schema } from 'jsonschema';\nimport React from 'react';\nimport { ChildView } from './ChildView';\nimport { MetadataView } from './MetadataView';\nimport { SchemaViewProps } from './types';\n\nexport function ArrayView({ path, depth, schema }: SchemaViewProps) {\n const itemDepth = depth + 1;\n const itemPath = path ? `${path}[]` : '[]';\n const itemSchema = schema.items;\n\n return (\n <>\n <Box marginBottom={4}>\n {schema.description && (\n <Box marginBottom={4}>\n <Typography variant=\"body1\">{schema.description}</Typography>\n </Box>\n )}\n <MetadataView schema={schema} />\n </Box>\n <Typography variant=\"overline\">Items</Typography>\n <ChildView\n lastChild\n path={itemPath}\n depth={itemDepth}\n schema={itemSchema as Schema | undefined}\n />\n {schema.additionalItems && schema.additionalItems !== true && (\n <>\n <Typography variant=\"overline\">Additional Items</Typography>\n <ChildView\n path={itemPath}\n depth={itemDepth}\n schema={schema.additionalItems}\n lastChild\n />\n </>\n )}\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;AAwBO,SAAS,SAAU,CAAA,EAAE,IAAM,EAAA,KAAA,EAAO,QAA2B,EAAA;AAClE,EAAA,MAAM,YAAY,KAAQ,GAAA,CAAA,CAAA;AAC1B,EAAA,MAAM,QAAW,GAAA,IAAA,GAAO,CAAG,EAAA,IAAI,CAAO,EAAA,CAAA,GAAA,IAAA,CAAA;AACtC,EAAA,MAAM,aAAa,MAAO,CAAA,KAAA,CAAA;AAE1B,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,YAAA,EAAc,CAChB,EAAA,EAAA,MAAA,CAAO,WACN,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,YAAA,EAAc,CACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAS,EAAA,EAAA,MAAA,CAAO,WAAY,CAClD,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,MAAA,EAAgB,CAChC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,UAAA,EAAA,EAAW,OAAK,CACpC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,IAAM,EAAA,QAAA;AAAA,MACN,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,UAAA;AAAA,KAAA;AAAA,GAET,EAAA,MAAA,CAAO,eAAmB,IAAA,MAAA,CAAO,eAAoB,KAAA,IAAA,oBAElD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,EAAA,kBAAgB,CAC/C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,QAAA;AAAA,MACN,KAAO,EAAA,SAAA;AAAA,MACP,QAAQ,MAAO,CAAA,eAAA;AAAA,MACf,SAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAEb,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/SchemaView/ChildView.esm.js ADDED Viewed

@@ -0,0 +1,88 @@
+import Box from '@material-ui/core/Box';
+import Chip from '@material-ui/core/Chip';
+import Divider from '@material-ui/core/Divider';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import React, { useRef, useEffect } from 'react';
+import { useScrollTargets } from '../ScrollTargetsContext/ScrollTargetsContext.esm.js';
+import { SchemaView } from './SchemaView.esm.js';
+function titleVariant(depth) {
+  if (depth <= 1) {
+    return "h2";
+  } else if (depth === 2) {
+    return "h3";
+  } else if (depth === 3) {
+    return "h4";
+  } else if (depth === 4) {
+    return "h5";
+  }
+  return "h6";
+}
+const useChildViewStyles = makeStyles((theme) => ({
+  title: {
+    marginBottom: 0
+  },
+  chip: {
+    marginLeft: theme.spacing(1),
+    marginRight: 0,
+    marginBottom: 0
+  }
+}));
+function ChildView({
+  path,
+  depth,
+  schema,
+  required,
+  lastChild
+}) {
+  const classes = useChildViewStyles();
+  const titleRef = useRef(null);
+  const scroll = useScrollTargets();
+  useEffect(() => {
+    return scroll == null ? void 0 : scroll.setScrollListener(path, () => {
+      var _a;
+      (_a = titleRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    });
+  }, [scroll, path]);
+  const chips = new Array();
+  const chipProps = { size: "small", classes: { root: classes.chip } };
+  if (required) {
+    chips.push(
+      /* @__PURE__ */ React.createElement(Chip, { label: "required", color: "default", key: "required", ...chipProps })
+    );
+  }
+  const visibility = schema == null ? void 0 : schema.visibility;
+  if (visibility === "frontend") {
+    chips.push(
+      /* @__PURE__ */ React.createElement(Chip, { label: "frontend", color: "primary", key: "visibility", ...chipProps })
+    );
+  } else if (visibility === "secret") {
+    chips.push(
+      /* @__PURE__ */ React.createElement(Chip, { label: "secret", color: "secondary", key: "visibility", ...chipProps })
+    );
+  }
+  return /* @__PURE__ */ React.createElement(Box, { paddingBottom: lastChild ? 4 : 8, display: "flex", flexDirection: "row" }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", flexItem: true }), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flex: 1 }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "row",
+      marginBottom: 2,
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        ref: titleRef,
+        variant: titleVariant(depth),
+        classes: { root: classes.title }
+      },
+      path
+    ),
+    chips.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }),
+    chips
+  ), schema && /* @__PURE__ */ React.createElement(SchemaView, { path, depth, schema })));
+}
+export { ChildView };
+//# sourceMappingURL=ChildView.esm.js.map

package/dist/components/SchemaView/ChildView.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChildView.esm.js","sources":["../../../src/components/SchemaView/ChildView.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { JsonValue } from '@backstage/types';\nimport Box from '@material-ui/core/Box';\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Schema } from 'jsonschema';\nimport React, { useEffect, useRef } from 'react';\nimport { useScrollTargets } from '../ScrollTargetsContext/ScrollTargetsContext';\nimport { SchemaView } from './SchemaView';\n\nexport interface MetadataViewRowProps {\n label: string;\n text?: string;\n data?: JsonValue;\n}\n\nfunction titleVariant(depth: number) {\n if (depth <= 1) {\n return 'h2';\n } else if (depth === 2) {\n return 'h3';\n } else if (depth === 3) {\n return 'h4';\n } else if (depth === 4) {\n return 'h5';\n }\n return 'h6';\n}\n\nconst useChildViewStyles = makeStyles(theme => ({\n title: {\n marginBottom: 0,\n },\n chip: {\n marginLeft: theme.spacing(1),\n marginRight: 0,\n marginBottom: 0,\n },\n}));\n\nexport function ChildView({\n path,\n depth,\n schema,\n required,\n lastChild,\n}: {\n path: string;\n depth: number;\n schema?: Schema;\n required?: boolean;\n lastChild?: boolean;\n}) {\n const classes = useChildViewStyles();\n const titleRef = useRef<HTMLElement>(null);\n const scroll = useScrollTargets();\n\n useEffect(() => {\n return scroll?.setScrollListener(path, () => {\n titleRef.current?.scrollIntoView({ behavior: 'smooth' });\n });\n }, [scroll, path]);\n\n const chips = new Array<JSX.Element>();\n const chipProps = { size: 'small' as const, classes: { root: classes.chip } };\n\n if (required) {\n chips.push(\n <Chip label=\"required\" color=\"default\" key=\"required\" {...chipProps} />,\n );\n }\n\n const visibility = (schema as { visibility?: string })?.visibility;\n if (visibility === 'frontend') {\n chips.push(\n <Chip label=\"frontend\" color=\"primary\" key=\"visibility\" {...chipProps} />,\n );\n } else if (visibility === 'secret') {\n chips.push(\n <Chip label=\"secret\" color=\"secondary\" key=\"visibility\" {...chipProps} />,\n );\n }\n\n return (\n <Box paddingBottom={lastChild ? 4 : 8} display=\"flex\" flexDirection=\"row\">\n <Divider orientation=\"vertical\" flexItem />\n <Box paddingLeft={2} flex={1}>\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n marginBottom={2}\n alignItems=\"center\"\n >\n <Typography\n ref={titleRef}\n variant={titleVariant(depth)}\n classes={{ root: classes.title }}\n >\n {path}\n </Typography>\n {chips.length > 0 && <Box marginLeft={1} />}\n {chips}\n </Box>\n {schema && (\n <SchemaView path={path} depth={depth} schema={schema as Schema} />\n )}\n </Box>\n </Box>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/SchemaView/MatchView.esm.js ADDED Viewed

@@ -0,0 +1,24 @@
+import Typography from '@material-ui/core/Typography';
+import React from 'react';
+import { ChildView } from './ChildView.esm.js';
+function MatchView({
+  path,
+  depth,
+  schema,
+  label
+}) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, label), schema.map((optionSchema, index) => /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      key: index,
+      path: `${path}/${index + 1}`,
+      depth: depth + 1,
+      schema: optionSchema,
+      lastChild: index === schema.length - 1
+    }
+  )));
+}
+export { MatchView };
+//# sourceMappingURL=MatchView.esm.js.map

package/dist/components/SchemaView/MatchView.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MatchView.esm.js","sources":["../../../src/components/SchemaView/MatchView.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Typography from '@material-ui/core/Typography';\nimport { Schema } from 'jsonschema';\nimport React from 'react';\nimport { ChildView } from './ChildView';\n\nexport function MatchView({\n path,\n depth,\n schema,\n label,\n}: {\n path: string;\n depth: number;\n schema: Schema[];\n label: string;\n}) {\n return (\n <>\n <Typography variant=\"overline\">{label}</Typography>\n {schema.map((optionSchema, index) => (\n <ChildView\n key={index}\n path={`${path}/${index + 1}`}\n depth={depth + 1}\n schema={optionSchema}\n lastChild={index === schema.length - 1}\n />\n ))}\n </>\n );\n}\n"],"names":[],"mappings":";;;;AAoBO,SAAS,SAAU,CAAA;AAAA,EACxB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAKG,EAAA;AACD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,UAAA,EAAA,EAAY,KAAM,CAAA,EACrC,MAAO,CAAA,GAAA,CAAI,CAAC,YAAA,EAAc,KACzB,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,IAAM,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,CAAA,CAAA;AAAA,MAC1B,OAAO,KAAQ,GAAA,CAAA;AAAA,MACf,MAAQ,EAAA,YAAA;AAAA,MACR,SAAA,EAAW,KAAU,KAAA,MAAA,CAAO,MAAS,GAAA,CAAA;AAAA,KAAA;AAAA,GAExC,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/SchemaView/MetadataView.esm.js ADDED Viewed

@@ -0,0 +1,68 @@
+import Paper from '@material-ui/core/Paper';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableRow from '@material-ui/core/TableRow';
+import Typography from '@material-ui/core/Typography';
+import React from 'react';
+function MetadataViewRow({ label, text, data }) {
+  if (text === void 0 && data === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, { style: { width: 160 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", noWrap: true, style: { fontWeight: 900 } }, label)), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, data ? JSON.stringify(data) : text)));
+}
+function MetadataView({ schema }) {
+  return /* @__PURE__ */ React.createElement(Paper, { variant: "outlined", square: true, style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableBody, null, /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Type", data: schema.type }), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Allowed values", data: schema.enum }), schema.additionalProperties === true && /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Additional Properties", text: "true" }), schema.additionalItems === true && /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Additional Items", text: "true" }), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Format", text: schema.format }), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Pattern",
+      text: schema.pattern && String(schema.pattern)
+    }
+  ), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Minimum", data: schema.minimum }), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Maximum", data: schema.maximum }), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Exclusive minimum",
+      data: schema.exclusiveMinimum
+    }
+  ), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Exclusive maximum",
+      data: schema.exclusiveMaximum
+    }
+  ), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Multiple of", data: schema.multipleOf }), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Maximum number of items",
+      data: schema.maxItems
+    }
+  ), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Minimum number of items",
+      data: schema.minItems
+    }
+  ), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Maximum number of properties",
+      data: schema.maxProperties
+    }
+  ), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Minimum number of properties",
+      data: schema.minProperties
+    }
+  ), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Maximum Length", data: schema.maxLength }), /* @__PURE__ */ React.createElement(MetadataViewRow, { label: "Minimum Length", data: schema.minLength }), /* @__PURE__ */ React.createElement(
+    MetadataViewRow,
+    {
+      label: "Items must be unique",
+      data: schema.uniqueItems
+    }
+  ))));
+}
+export { MetadataView, MetadataViewRow };
+//# sourceMappingURL=MetadataView.esm.js.map

package/dist/components/SchemaView/MetadataView.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MetadataView.esm.js","sources":["../../../src/components/SchemaView/MetadataView.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { JsonValue } from '@backstage/types';\nimport Paper from '@material-ui/core/Paper';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableRow from '@material-ui/core/TableRow';\nimport Typography from '@material-ui/core/Typography';\nimport { Schema } from 'jsonschema';\nimport React from 'react';\n\nexport interface MetadataViewRowProps {\n label: string;\n text?: string;\n data?: JsonValue;\n}\n\nexport function MetadataViewRow({ label, text, data }: MetadataViewRowProps) {\n if (text === undefined && data === undefined) {\n return null;\n }\n return (\n <TableRow>\n <TableCell style={{ width: 160 }}>\n <Typography variant=\"body1\" noWrap style={{ fontWeight: 900 }}>\n {label}\n </Typography>\n </TableCell>\n <TableCell>\n <Typography variant=\"body1\">\n {data ? JSON.stringify(data) : text}\n </Typography>\n </TableCell>\n </TableRow>\n );\n}\n\nexport function MetadataView({ schema }: { schema: Schema }) {\n return (\n <Paper variant=\"outlined\" square style={{ width: '100%' }}>\n <Table size=\"small\">\n <TableBody>\n <MetadataViewRow label=\"Type\" data={schema.type} />\n <MetadataViewRow label=\"Allowed values\" data={schema.enum} />\n {schema.additionalProperties === true && (\n <MetadataViewRow label=\"Additional Properties\" text=\"true\" />\n )}\n {schema.additionalItems === true && (\n <MetadataViewRow label=\"Additional Items\" text=\"true\" />\n )}\n <MetadataViewRow label=\"Format\" text={schema.format} />\n <MetadataViewRow\n label=\"Pattern\"\n text={schema.pattern && String(schema.pattern)}\n />\n <MetadataViewRow label=\"Minimum\" data={schema.minimum} />\n <MetadataViewRow label=\"Maximum\" data={schema.maximum} />\n <MetadataViewRow\n label=\"Exclusive minimum\"\n data={schema.exclusiveMinimum}\n />\n <MetadataViewRow\n label=\"Exclusive maximum\"\n data={schema.exclusiveMaximum}\n />\n <MetadataViewRow label=\"Multiple of\" data={schema.multipleOf} />\n <MetadataViewRow\n label=\"Maximum number of items\"\n data={schema.maxItems}\n />\n <MetadataViewRow\n label=\"Minimum number of items\"\n data={schema.minItems}\n />\n <MetadataViewRow\n label=\"Maximum number of properties\"\n data={schema.maxProperties}\n />\n <MetadataViewRow\n label=\"Minimum number of properties\"\n data={schema.minProperties}\n />\n <MetadataViewRow label=\"Maximum Length\" data={schema.maxLength} />\n <MetadataViewRow label=\"Minimum Length\" data={schema.minLength} />\n <MetadataViewRow\n label=\"Items must be unique\"\n data={schema.uniqueItems}\n />\n </TableBody>\n </Table>\n </Paper>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AAgCO,SAAS,eAAgB,CAAA,EAAE,KAAO,EAAA,IAAA,EAAM,MAA8B,EAAA;AAC3E,EAAI,IAAA,IAAA,KAAS,KAAa,CAAA,IAAA,IAAA,KAAS,KAAW,CAAA,EAAA;AAC5C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,2CACG,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,EAAE,KAAO,EAAA,GAAA,EACzB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,MAAM,EAAA,IAAA,EAAC,OAAO,EAAE,UAAA,EAAY,GAAI,EAAA,EAAA,EACzD,KACH,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,IAAA,GAAO,KAAK,SAAU,CAAA,IAAI,CAAI,GAAA,IACjC,CACF,CACF,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CAAa,EAAE,MAAA,EAA8B,EAAA;AAC3D,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,OAAQ,EAAA,UAAA,EAAW,MAAM,EAAA,IAAA,EAAC,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,OACV,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAM,MAAO,EAAA,IAAA,EAAM,MAAO,CAAA,IAAA,EAAM,CACjD,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAM,gBAAiB,EAAA,IAAA,EAAM,MAAO,CAAA,IAAA,EAAM,CAC1D,EAAA,MAAA,CAAO,oBAAyB,KAAA,IAAA,oBAC9B,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,uBAAA,EAAwB,IAAK,EAAA,MAAA,EAAO,CAE5D,EAAA,MAAA,CAAO,eAAoB,KAAA,IAAA,oBACzB,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,kBAAA,EAAmB,IAAK,EAAA,MAAA,EAAO,CAExD,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAM,QAAS,EAAA,IAAA,EAAM,MAAO,CAAA,MAAA,EAAQ,CACrD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,IAAM,EAAA,MAAA,CAAO,OAAW,IAAA,MAAA,CAAO,OAAO,OAAO,CAAA;AAAA,KAAA;AAAA,qBAE9C,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,SAAA,EAAU,MAAM,MAAO,CAAA,OAAA,EAAS,CACvD,kBAAA,KAAA,CAAA,aAAA,CAAC,mBAAgB,KAAM,EAAA,SAAA,EAAU,IAAM,EAAA,MAAA,CAAO,SAAS,CACvD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,mBAAA;AAAA,MACN,MAAM,MAAO,CAAA,gBAAA;AAAA,KAAA;AAAA,GAEf,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,mBAAA;AAAA,MACN,MAAM,MAAO,CAAA,gBAAA;AAAA,KAAA;AAAA,GACf,sCACC,eAAgB,EAAA,EAAA,KAAA,EAAM,eAAc,IAAM,EAAA,MAAA,CAAO,YAAY,CAC9D,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,yBAAA;AAAA,MACN,MAAM,MAAO,CAAA,QAAA;AAAA,KAAA;AAAA,GAEf,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,yBAAA;AAAA,MACN,MAAM,MAAO,CAAA,QAAA;AAAA,KAAA;AAAA,GAEf,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,8BAAA;AAAA,MACN,MAAM,MAAO,CAAA,aAAA;AAAA,KAAA;AAAA,GAEf,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,8BAAA;AAAA,MACN,MAAM,MAAO,CAAA,aAAA;AAAA,KAAA;AAAA,qBAEd,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,gBAAA,EAAiB,MAAM,MAAO,CAAA,SAAA,EAAW,CAChE,kBAAA,KAAA,CAAA,aAAA,CAAC,mBAAgB,KAAM,EAAA,gBAAA,EAAiB,IAAM,EAAA,MAAA,CAAO,WAAW,CAChE,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,sBAAA;AAAA,MACN,MAAM,MAAO,CAAA,WAAA;AAAA,KAAA;AAAA,GAEjB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/SchemaView/ObjectView.esm.js ADDED Viewed

@@ -0,0 +1,52 @@
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import React from 'react';
+import { ChildView } from './ChildView.esm.js';
+import { MetadataView } from './MetadataView.esm.js';
+function isRequired(name, required) {
+  if (required === true) {
+    return true;
+  }
+  if (Array.isArray(required)) {
+    return required.includes(name);
+  }
+  return false;
+}
+function ObjectView({ path, depth, schema }) {
+  var _a, _b;
+  const properties = Object.entries((_a = schema.properties) != null ? _a : {});
+  const patternProperties = Object.entries((_b = schema.patternProperties) != null ? _b : {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, depth > 0 && /* @__PURE__ */ React.createElement(Box, { marginBottom: 4 }, schema.description && /* @__PURE__ */ React.createElement(Box, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, schema.description)), /* @__PURE__ */ React.createElement(MetadataView, { schema })), properties.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, depth > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Properties"), properties.map(([name, propSchema], index) => /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      key: name,
+      path: path ? `${path}.${name}` : name,
+      depth: depth + 1,
+      schema: propSchema,
+      lastChild: index === properties.length - 1,
+      required: isRequired(name, schema.required)
+    }
+  ))), patternProperties.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, depth > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Pattern Properties"), patternProperties.map(([name, propSchema], index) => /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      key: name,
+      path: path ? `${path}.<${name}>` : name,
+      depth: depth + 1,
+      schema: propSchema,
+      lastChild: index === patternProperties.length - 1,
+      required: isRequired(name, schema.required)
+    }
+  ))), schema.additionalProperties && schema.additionalProperties !== true && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Additional Properties"), /* @__PURE__ */ React.createElement(
+    ChildView,
+    {
+      path: `${path}.*`,
+      depth: depth + 1,
+      schema: schema.additionalProperties,
+      lastChild: true
+    }
+  )));
+}
+export { ObjectView };
+//# sourceMappingURL=ObjectView.esm.js.map