@patternfly/react-data-view 1.0.0-prerelease.1

package/dist/cjs/DataView/DataView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface DataViewProps {
+    /** Example prop */
+    text?: string;
+}
+export declare const DataView: React.FunctionComponent<DataViewProps>;
+export default DataView;

package/dist/cjs/DataView/DataView.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataView = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const DataView = ({ text = 'This is Data view' }) => (react_1.default.createElement(react_core_1.Text, null, text));
+exports.DataView = DataView;
+exports.default = exports.DataView;

package/dist/cjs/DataView/DataView.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/DataView/DataView.test.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const DataView_1 = __importDefault(require("./DataView"));
+describe('DataView', () => {
+    it('should render data view', () => {
+        (0, react_2.render)(react_1.default.createElement(DataView_1.default, null));
+        expect(react_2.screen.getByText('This is Data view')).toBeInTheDocument();
+    });
+});

package/dist/cjs/DataView/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DataView';
+export * from './DataView';

package/dist/cjs/DataView/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var DataView_1 = require("./DataView");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(DataView_1).default; } });
+__exportStar(require("./DataView"), exports);

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DataView } from './DataView';
+export * from './DataView';

package/dist/cjs/index.js

@@ -0,0 +1,24 @@
+"use strict";
+// this file is autogenerated by generate-index.js, modifying it manually will have no effect
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataView = void 0;
+var DataView_1 = require("./DataView");
+Object.defineProperty(exports, "DataView", { enumerable: true, get: function () { return __importDefault(DataView_1).default; } });
+__exportStar(require("./DataView"), exports);

package/dist/dynamic/DataView/package.json

@@ -0,0 +1 @@
+{"main":"../../cjs/DataView/index.js","module":"../../esm/DataView/index.js","typings":"../../esm/DataView/index.d.ts"}

package/dist/esm/DataView/DataView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface DataViewProps {
+    /** Example prop */
+    text?: string;
+}
+export declare const DataView: React.FunctionComponent<DataViewProps>;
+export default DataView;

package/dist/esm/DataView/DataView.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Text } from '@patternfly/react-core';
+export const DataView = ({ text = 'This is Data view' }) => (React.createElement(Text, null, text));
+export default DataView;

package/dist/esm/DataView/DataView.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/DataView/DataView.test.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import DataView from './DataView';
+describe('DataView', () => {
+    it('should render data view', () => {
+        render(React.createElement(DataView, null));
+        expect(screen.getByText('This is Data view')).toBeInTheDocument();
+    });
+});

package/dist/esm/DataView/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DataView';
+export * from './DataView';

package/dist/esm/DataView/index.js

@@ -0,0 +1,2 @@
+export { default } from './DataView';
+export * from './DataView';

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DataView } from './DataView';
+export * from './DataView';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+// this file is autogenerated by generate-index.js, modifying it manually will have no effect
+export { default as DataView } from './DataView';
+export * from './DataView';

package/generate-fed-package-json.js

@@ -0,0 +1,77 @@
+const fse = require('fs-extra');
+const glob = require('glob');
+const path = require('path');
+
+const root = process.cwd();
+
+const sourceFiles = glob
+  .sync(`${root}/src/*/`)
+  .map((name) => name.replace(/\/$/, ''));
+  
+const indexTypings = glob.sync(`${root}/src/index.d.ts`);
+
+const ENV_AGNOSTIC_ROOT = `${root}/dist/dynamic`
+
+async function copyTypings(files, dest) {
+  const cmds = [];
+  files.forEach((file) => {
+    const fileName = file.split('/').pop();
+    cmds.push(fse.copyFile(file, `${dest}/${fileName}`));
+  });
+  return Promise.all(cmds);
+}
+
+async function createPackage(file) {
+  const fileName = file.split('/').pop();
+  const esmSource = glob.sync(`${root}/dist/esm/${fileName}/**/index.js`)[0];
+  const cjsSource = glob.sync(`${root}/dist/cjs/${fileName}/**/index.js`)[0];
+  const typingsSource = glob.sync(`${root}/dist/esm/${fileName}/**/index.d.ts`)[0]
+  /**
+   * Prevent creating package.json for directories with no JS files (like CSS directories)
+   */
+  if (!esmSource) {
+    return;
+  }
+
+  const destDir = path.resolve(`${ENV_AGNOSTIC_ROOT}`, fileName)
+  const destFile = `${destDir}/package.json`;
+
+  // ensure the directory exists
+  fse.ensureDirSync(destDir)
+
+  const esmRelative = path.relative(file, esmSource).replace('/dist', '');
+  const cjsRelative = path.relative(file, cjsSource).replace('/dist', '');
+  const tsRelative = path.relative(file, typingsSource).replace('/dist', '')
+  const content = {
+    main: cjsRelative,
+    module: esmRelative,
+  };
+  const typings = glob.sync(`${root}/src/${fileName}/*.d.ts`);
+  const cmds = [];
+  content.typings = tsRelative;
+  cmds.push(copyTypings(typings, `${root}/dist/${fileName}`));
+  cmds.push(fse.writeJSON(destFile, content));
+  return Promise.all(cmds);
+}
+
+async function generatePackages(files) {
+  // ensure the dynamic root exists
+  fse.ensureDirSync(path.resolve(ENV_AGNOSTIC_ROOT))
+  const cmds = files.map((file) => createPackage(file));
+  return Promise.all(cmds);
+}
+
+async function run(files) {
+  try {
+    await generatePackages(files);
+    if (indexTypings.length === 1) {
+      copyTypings(indexTypings, root);
+    }
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+run(sourceFiles);

package/generate-index.js

@@ -0,0 +1,44 @@
+const fse = require('fs-extra');
+const glob = require('glob');
+const path = require('path');
+
+const root = process.cwd();
+
+const ENV_AGNOSTIC_ROOT = `${root}/src`
+
+const sourceFiles = glob.sync(path.resolve(__dirname, './src/*/index.ts'))
+
+async function generateIndex(files) {
+  // ensure the dynamic root exists
+  fse.ensureDirSync(path.resolve(ENV_AGNOSTIC_ROOT));
+
+  const destFile = `${ENV_AGNOSTIC_ROOT}/index.ts`;
+
+  const stream = fse.createWriteStream(destFile);
+  stream.once('open', () => {
+    stream.write('// this file is autogenerated by generate-index.js, modifying it manually will have no effect\n');
+
+    files.forEach(file => {
+      const name = file.replace('/index.ts', '').split('/').pop();
+      stream.write(`\nexport { default as ${name} } from './${name}';\n`);
+      stream.write(`export * from './${name}';\n`);
+    });
+    stream.end();
+  });
+
+  return Promise.resolve();
+}
+
+async function run(files) {
+  try {
+    await generateIndex(files);
+
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    process.exit(1);
+  }
+}
+  
+run(sourceFiles);
+  

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@patternfly/react-data-view",
+  "version": "1.0.0-prerelease.1",
+  "description": "Data view used for Red Hat projects.",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "scripts": {
+    "build": "npm run build:index && npm run build:js && npm run build:esm && npm run build:fed:packages",
+    "build:watch": "npm run build:js && npm run build:esm -- --watch && npm run build:fed:packages -- --watch",
+    "build:esm": "tsc --build --verbose ./tsconfig.json",
+    "build:fed:packages": "node generate-fed-package-json.js",
+    "build:js": "tsc -p tsconfig.cjs.json",
+    "build:index": "node generate-index.js",
+    "clean": "rimraf dist",
+    "docs:develop": "pf-docs-framework start",
+    "docs:build": "pf-docs-framework build all --output public",
+    "docs:serve": "pf-docs-framework serve public --port 5001",
+    "docs:screenshots": "pf-docs-framework screenshots --urlPrefix http://localhost:5001",
+    "test:a11y": "patternfly-a11y --config patternfly-a11y.config",
+    "serve:a11y": "serve coverage"
+  },
+  "repository": "git+https://github.com/patternfly/react-data-view.git",
+  "author": "Red Hat",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/patternfly/react-data-view/issues"
+  },
+  "homepage": "https://github.com/patternfly/react-data-view#readme",
+  "publishConfig": {
+    "access": "public",
+    "tag": "prerelease"
+  },
+  "dependencies": {
+    "@patternfly/react-core": "^5.1.2",
+    "@patternfly/react-icons": "^5.1.2",
+    "react-jss": "^10.10.0",
+    "clsx": "^2.1.0"
+  },
+  "peerDependencies": {
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
+  },
+  "devDependencies": {
+    "@patternfly/patternfly-a11y": "^4.3.1",
+    "@patternfly/documentation-framework": "^2.0.0-alpha.57",
+    "@patternfly/patternfly": "^5.1.0",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "@types/react-router-dom": "^5.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^6.22.2",
+    "react-router-dom": "^6.22.2",
+    "rimraf": "^2.7.1",
+    "typescript": "^5.3.3"
+  }
+}

package/patternfly-a11y.config.js

@@ -0,0 +1,28 @@
+const { fullscreenRoutes } = require('@patternfly/documentation-framework/routes');
+
+/**
+ * Wait for a selector before running axe
+ *
+ * @param page page from puppeteer
+ */
+async function waitFor(page) {
+  await page.waitForSelector('#root > *');
+}
+
+const urls = Object.keys(fullscreenRoutes)
+  .map((key) => (fullscreenRoutes[key].isFullscreenOnly ? key : fullscreenRoutes[key].path.replace(/\/react$/, '')))
+  .reduce((result, item) => (result.includes(item) ? result : [ ...result, item ]), []);
+
+module.exports = {
+  prefix: 'http://localhost:5001',
+  waitFor,
+  crawl: false,
+  urls: [ ...urls ],
+  ignoreRules: [
+    'color-contrast',
+    'landmark-no-duplicate-main',
+    'landmark-main-is-top-level',
+    'scrollable-region-focusable'
+  ].join(','),
+  ignoreIncomplete: true
+};

package/patternfly-docs/content/extensions/data-view/about-data-view.md

@@ -0,0 +1,14 @@
+---
+section: extensions
+subsection: Data view
+id: About data view
+sortValue: 1
+--- 
+
+Data view lives in its own package [`@patternfly/react-data-view`](https://www.npmjs.com/package/@patternfly/react-data-view) 
+
+# Data view
+
+The data view extension contains implementation of the data view component allowing to display record data in a configured layout.
+
+If you notice a bug or have a suggestion for the data view, feel free to file an issue in our [GitHub repository](https://github.com/patternfly/react-data-view/issues)! Please make sure to check if there is already a pre-existing issue before creating a new issue. 

package/patternfly-docs/content/extensions/data-view/examples/DataView/DataView.md

@@ -0,0 +1,27 @@
+---
+# Sidenav top-level section
+# should be the same for all markdown files
+section: extensions
+subsection: Data view
+# Sidenav secondary level section
+# should be the same for all markdown files
+id: Data view
+# Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
+source: react
+# If you use typescript, the name of the interface to display props for
+# These are found through the sourceProps function provided in patternfly-docs.source.js
+propComponents: ['DataView']
+sourceLink: https://github.com/patternfly/react-data-view/blob/main/packages/module/patternfly-docs/content/extensions/data-view/examples/DataView/DataView.md
+---
+
+import DataView from '@patternfly/react-data-view/dist/dynamic/DataView';
+
+The **data view** component renders record data in a configured layout.
+
+### Basic example
+
+A blank example of the data view layout.
+
+```js file="./DataViewExample.tsx"
+
+```

package/patternfly-docs/content/extensions/data-view/examples/DataView/DataViewExample.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import DataView from '@patternfly/react-data-view/dist/dynamic/DataView';
+
+export const BasicExample: React.FunctionComponent = () => (
+  <DataView />
+);

package/patternfly-docs/generated/extensions/data-view/about-data-view/extensions.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
+
+const pageData = {
+  "id": "About data view",
+  "section": "extensions",
+  "subsection": "Data view",
+  "deprecated": false,
+  "beta": false,
+  "demo": false,
+  "newImplementationLink": false,
+  "source": "extensions",
+  "tabName": null,
+  "slug": "/extensions/data-view/about-data-view/extensions",
+  "sourceLink": "https://github.com/patternfly/patternfly-org/blob/main/packages/module/patternfly-docs/content/extensions/data-view/about-data-view.md",
+  "relPath": "packages/module/patternfly-docs/content/extensions/data-view/about-data-view.md",
+  "sortValue": 1
+};
+pageData.relativeImports = {
+  
+};
+pageData.examples = {
+  
+};
+
+const Component = () => (
+  <React.Fragment>
+    <p {...{"className":"ws-p"}}>
+      {`Data view lives in its own package `}
+      <PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-data-view"}}>
+        <code {...{"className":"ws-code"}}>
+          {`@patternfly/react-data-view`}
+        </code>
+      </PatternflyThemeLink>
+    </p>
+    <AutoLinkHeader {...{"id":"data-view","size":"h1","className":"ws-title ws-h1"}}>
+      {`Data view`}
+    </AutoLinkHeader>
+    <p {...{"className":"ws-p"}}>
+      {`The data view extension contains implementation of the data view component allowing to display record data in a configured layout.`}
+    </p>
+    <p {...{"className":"ws-p"}}>
+      {`If you notice a bug or have a suggestion for the data view, feel free to file an issue in our `}
+      <PatternflyThemeLink {...{"to":"https://github.com/patternfly/react-data-view/issues"}}>
+        {`GitHub repository`}
+      </PatternflyThemeLink>
+      {`! Please make sure to check if there is already a pre-existing issue before creating a new issue.`}
+    </p>
+  </React.Fragment>
+);
+Component.displayName = 'ExtensionsDataViewAboutDataViewExtensionsDocs';
+Component.pageData = pageData;
+
+export default Component;

package/patternfly-docs/generated/extensions/data-view/data-view/react.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
+import DataView from '@patternfly/react-data-view/dist/dynamic/DataView';
+const pageData = {
+  "id": "Data view",
+  "section": "extensions",
+  "subsection": "Data view",
+  "deprecated": false,
+  "beta": false,
+  "demo": false,
+  "newImplementationLink": false,
+  "source": "react",
+  "tabName": null,
+  "slug": "/extensions/data-view/data-view/react",
+  "sourceLink": "https://github.com/patternfly/react-data-view/blob/main/packages/module/patternfly-docs/content/extensions/data-view/examples/DataView/DataView.md",
+  "relPath": "packages/module/patternfly-docs/content/extensions/data-view/examples/DataView/DataView.md",
+  "propComponents": [
+    {
+      "name": "DataView",
+      "description": "",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "description": "Example prop",
+          "defaultValue": "'This is Data view'"
+        }
+      ]
+    }
+  ],
+  "examples": [
+    "Basic example"
+  ]
+};
+pageData.liveContext = {
+  DataView
+};
+pageData.relativeImports = {
+  
+};
+pageData.examples = {
+  'Basic example': props => 
+    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport DataView from '@patternfly/react-data-view/dist/dynamic/DataView';\n\nexport const BasicExample: React.FunctionComponent = () => (\n  <DataView />\n);\n","title":"Basic example","lang":"js"}}>
+      
+      <p {...{"className":"ws-p"}}>
+        {`A blank example of the data view layout.`}
+      </p>
+    </Example>
+};
+
+const Component = () => (
+  <React.Fragment>
+    <p {...{"className":"ws-p"}}>
+      {`The `}
+      <strong>
+        {`data view`}
+      </strong>
+      {` component renders record data in a configured layout.`}
+    </p>
+    {React.createElement(pageData.examples["Basic example"])}
+  </React.Fragment>
+);
+Component.displayName = 'ExtensionsDataViewDataViewReactDocs';
+Component.pageData = pageData;
+
+export default Component;

package/patternfly-docs/generated/index.js

@@ -0,0 +1,24 @@
+module.exports = {
+  '/extensions/data-view/about-data-view/extensions': {
+    id: "About data view",
+    title: "About data view",
+    toc: [],
+    section: "extensions",
+    subsection: "Data view",
+    source: "extensions",
+    tabName: null,
+    sortValue: 1,
+    Component: () => import(/* webpackChunkName: "extensions/data-view/about-data-view/extensions/index" */ './extensions/data-view/about-data-view/extensions')
+  },
+  '/extensions/data-view/data-view/react': {
+    id: "Data view",
+    title: "Data view",
+    toc: [[{"text":"Basic example"}]],
+    examples: ["Basic example"],
+    section: "extensions",
+    subsection: "Data view",
+    source: "react",
+    tabName: null,
+    Component: () => import(/* webpackChunkName: "extensions/data-view/data-view/react/index" */ './extensions/data-view/data-view/react')
+  }
+};

package/patternfly-docs/pages/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Title, PageSection } from '@patternfly/react-core';
+
+const centerStyle = {
+  flexGrow: 1,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
+
+const IndexPage = () => {
+  return (
+    <PageSection variant="light" style={centerStyle}>
+      <div style={{ flex: 'none', textAlign: 'center' }}>
+        <Title size="4xl" headingLevel="h1">
+          My extension docs
+        </Title>
+        <Title size="2xl" headingLevel="h2">
+          {'Hi people!'}
+        </Title>
+        <p>Welcome to my extension docs.</p>
+      </div>
+    </PageSection>
+  );
+};
+
+export default IndexPage;

package/patternfly-docs/patternfly-docs.config.js

@@ -0,0 +1,6 @@
+// This module is shared between NodeJS and babelled ES5
+module.exports = {
+  sideNavItems: [ { section: 'extensions' } ],
+  topNavItems: [],
+  port: 8006
+};

package/patternfly-docs/patternfly-docs.css.js

@@ -0,0 +1,8 @@
+// Patternfly
+import '@patternfly/patternfly/patternfly.css';
+// Patternfly utilities
+import '@patternfly/patternfly/patternfly-addons.css';
+// Global theme CSS
+import '@patternfly/documentation-framework/global.css';
+
+// Add your extension CSS below

package/patternfly-docs/patternfly-docs.routes.js

@@ -0,0 +1,12 @@
+// This module is shared between NodeJS and babelled ES5
+const isClient = Boolean(process.env.NODE_ENV);
+
+module.exports = {
+  '/': {
+    SyncComponent: isClient && require('./pages/index').default
+  },
+  '/404': {
+    SyncComponent: isClient && require('@patternfly/documentation-framework/pages/404/index').default,
+    title: '404 Error'
+  }
+};

package/patternfly-docs/patternfly-docs.source.js

@@ -0,0 +1,24 @@
+const path = require('path');
+
+module.exports = (sourceMD, sourceProps) => {
+  // Parse source content for props so that we can display them
+  const propsIgnore = [ '**/*.test.tsx', '**/examples/*.tsx' ];
+  const extensionPath = path.join(__dirname, '../src');
+  sourceProps(path.join(extensionPath, '/**/*.tsx'), propsIgnore);
+
+  // Parse md files
+  const contentBase = path.join(__dirname, './content');
+  sourceMD(path.join(contentBase, 'extensions/**/*.md'), 'extensions');
+
+  /**
+    If you want to parse content from node_modules instead of providing a relative/absolute path, 
+    you can do something similar to this:
+    const extensionPath = require
+      .resolve('@patternfly/react-log-viewer/package.json')
+      .replace('package.json', 'src');
+    sourceProps(path.join(extensionPath, '/**\/*.tsx'), propsIgnore);
+    sourceMD(path.join(extensionPath, '../patternfly-docs/**\/examples/*.md'), 'react');
+    sourceMD(path.join(extensionPath, '../patternfly-docs/**\/demos/*.md'), 'react-demos');
+    sourceMD(path.join(extensionPath, '../patternfly-docs/**\/design-guidelines/*.md'), 'design-guidelines');
+  */
+};

package/release.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  branches: [ 'do-not-delete', { name: 'main', channel: 'prerelease', prerelease: 'prerelease' } ],
+  analyzeCommits: {
+    preset: 'angular'
+  },
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    '@semantic-release/release-notes-generator',
+    '@semantic-release/github',
+    '@semantic-release/npm'
+  ],
+  tagFormat: 'prerelease-v${version}',
+  dryRun: false
+};

package/src/DataView/DataView.test.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom'
+import DataView from './DataView';
+
+describe('DataView', () => {
+
+  it('should render data view', () => {
+    render(<DataView />);
+    expect(screen.getByText('This is Data view')).toBeInTheDocument();
+  });
+
+});

package/src/DataView/DataView.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text } from '@patternfly/react-core';
+
+export interface DataViewProps {
+  /** Example prop */
+  text?: string;
+}
+
+export const DataView: React.FunctionComponent<DataViewProps> = ({
+  text = 'This is Data view'
+}: DataViewProps) => (
+  <Text>{text}</Text>
+);
+
+export default DataView;

package/src/DataView/index.ts

@@ -0,0 +1,2 @@
+export { default } from './DataView';
+export * from './DataView';

package/src/index.ts

@@ -0,0 +1,4 @@
+// this file is autogenerated by generate-index.js, modifying it manually will have no effect
+
+export { default as DataView } from './DataView';
+export * from './DataView';

package/tsconfig.cjs.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/cjs",
+    "module": "commonjs"
+  }
+}
+  

package/tsconfig.json

@@ -0,0 +1,73 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig.json to read more about this file */
+
+    /* Basic Options */
+    // "incremental": true,                         /* Enable incremental compilation */
+    "target": "es2015" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', 'ES2021', or 'ESNEXT'. */,
+    "module": "es2015" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+    // "lib": [],                                   /* Specify library files to be included in the compilation. */
+    // "allowJs": true,                             /* Allow javascript files to be compiled. */
+    // "checkJs": true,                             /* Report errors in .js files. */
+    "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', 'react', 'react-jsx' or 'react-jsxdev'. */,
+    "declaration": true /* Generates corresponding '.d.ts' file. */,
+    // "declarationMap": true,                      /* Generates a sourcemap for each corresponding '.d.ts' file. */
+    // "sourceMap": true,                           /* Generates corresponding '.map' file. */
+    // "outFile": "./",                             /* Concatenate and emit output to single file. */
+    "outDir": "./dist/esm" /* Redirect output structure to the directory. */,
+    "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+    // "composite": true,                           /* Enable project compilation */
+    // "tsBuildInfoFile": "./",                     /* Specify file to store incremental compilation information */
+    // "removeComments": true,                      /* Do not emit comments to output. */
+    // "noEmit": true,                              /* Do not emit outputs. */
+    // "importHelpers": true,                       /* Import emit helpers from 'tslib'. */
+    // "downlevelIteration": true,                  /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+    // "isolatedModules": true,                     /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+
+    /* Strict Type-Checking Options */
+    "strict": true /* Enable all strict type-checking options. */,
+    "noImplicitAny": false,                       /* Raise error on expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                    /* Enable strict null checks. */
+    // "strictFunctionTypes": true,                 /* Enable strict checking of function types. */
+    // "strictBindCallApply": true,                 /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
+    // "strictPropertyInitialization": true,        /* Enable strict checking of property initialization in classes. */
+    // "noImplicitThis": true,                      /* Raise error on 'this' expressions with an implied 'any' type. */
+    // "alwaysStrict": true,                        /* Parse in strict mode and emit "use strict" for each source file. */
+
+    /* Additional Checks */
+    // "noUnusedLocals": true,                      /* Report errors on unused locals. */
+    // "noUnusedParameters": true,                  /* Report errors on unused parameters. */
+    // "noImplicitReturns": true,                   /* Report error when not all code paths in function return a value. */
+    // "noFallthroughCasesInSwitch": true,          /* Report errors for fallthrough cases in switch statement. */
+    // "noUncheckedIndexedAccess": true,            /* Include 'undefined' in index signature results */
+    // "noImplicitOverride": true,                  /* Ensure overriding members in derived classes are marked with an 'override' modifier. */
+    // "noPropertyAccessFromIndexSignature": true,  /* Require undeclared properties from index signatures to use element accesses. */
+
+    /* Module Resolution Options */
+    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+    // "baseUrl": "./",                             /* Base directory to resolve non-absolute module names. */
+    // "paths": {},                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "rootDirs": [],                              /* List of root folders whose combined content represents the structure of the project at runtime. */
+    // "typeRoots": [],                             /* List of folders to include type definitions from. */
+    // "types": [],                                 /* Type declaration files to be included in compilation. */
+    // "allowSyntheticDefaultImports": true,        /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    // "preserveSymlinks": true,                    /* Do not resolve the real path of symlinks. */
+    // "allowUmdGlobalAccess": true,                /* Allow accessing UMD globals from modules. */
+
+    /* Source Map Options */
+    // "sourceRoot": "",                            /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    // "mapRoot": "",                               /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,                     /* Emit a single file with source maps instead of having a separate file. */
+    // "inlineSources": true,                       /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+    /* Experimental Options */
+    // "experimentalDecorators": true,              /* Enables experimental support for ES7 decorators. */
+    // "emitDecoratorMetadata": true,               /* Enables experimental support for emitting type metadata for decorators. */
+
+    /* Advanced Options */
+    "skipLibCheck": true /* Skip type checking of declaration files. */,
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+  },
+  "include": ["./src/*", "./src/**/*", "./cypress/**/*"],
+}