Merge pull request #954 from GAUNSD/gmurcia/tearsheet

feat(Tearsheet): Implement new Tearsheet component

Author: thatblindgeye

README.md

@@ -29,7 +29,7 @@ Please reference [PatternFly's AI-assisted development guidelines](https://githu
 ### Before adding a new component:
 
 - make sure your use case is new/complex enough to be added to this extension
-- the component should bring a value value above and beyond existing PatternFly components
+- the component should bring a value above and beyond existing PatternFly components
 
 ### To add a new component:
 
@@ -40,7 +40,7 @@ Please reference [PatternFly's AI-assisted development guidelines](https://githu
 
 #### Example component:
 
-```
+``` TSX
 import * as React from 'react';
 import { Content } from '@patternfly/react-core';
 import { createUseStyles } from 'react-jss';
@@ -75,7 +75,7 @@ export default MyComponent;
 
 #### Index file example:
 
-```
+``` TSX
 export { default } from './MyComponent';
 export * from './MyComponent';
 ```
@@ -99,8 +99,7 @@ src
 
 #### Component API definition example:
 
-```
-
+``` TSX
 import { FunctionComponent } from 'react';
 
 // when possible, extend available PatternFly types
@@ -113,7 +112,7 @@ export const MyComponent: FunctionComponent<MyComponentProps> = ({ customLabel,
 
 #### Markdown file example:
 
-````
+```` MDX
 ---
 section: Component groups
 subsection: My component's category
@@ -135,7 +134,7 @@ MyComponent has been created to demo contributing to this repository.
 
 #### Component usage file example: (`MyComponentExample.tsx`)
 
-```
+``` TSX
 import { FunctionComponent } from 'react';
 
 const MyComponentExample: FunctionComponent = () => (

package-lock.json

@@ -85,7 +85,7 @@
     "whatwg-fetch": "^3.6.20"
   },
   "dependencies": {
-    "@patternfly/react-drag-drop": "^6.0.0",
+    "@patternfly/react-drag-drop": "^6.6.2",
     "@patternfly/react-tokens": "^6.0.0",
     "sharp": "^0.34.0"
   }

package.json

@@ -1,14 +1,14 @@
 const fse = require('fs-extra');
-const { globSync } = require('glob');
 const path = require('path');
 const { default: getDynamicModuleMap } = require('../../scripts/parse-dynamic-modules.mjs');
+const { toPosixPath, posixGlobSync, posixRelative } = require('./utils');
 
-const root = process.cwd();
+const root = toPosixPath(process.cwd());
 
-const sourceFiles = globSync(`${root}/src/*/`)
+const sourceFiles = posixGlobSync(`${root}/src/*/`)
   .map((name) => name.replace(/\/$/, ''));
-  
-const indexTypings = globSync(`${root}/src/index.d.ts`);
+
+const indexTypings = posixGlobSync(`${root}/src/index.d.ts`);
 
 const ENV_AGNOSTIC_ROOT = `${root}/dist/dynamic`
 
@@ -23,9 +23,9 @@ async function copyTypings(files, dest) {
 
 async function createPackage(file) {
   const fileName = file.split('/').pop();
-  const esmSource = globSync(`${root}/dist/esm/${fileName}/**/index.js`)[0];
-  const cjsSource = globSync(`${root}/dist/cjs/${fileName}/**/index.js`)[0];
-  const typingsSource = globSync(`${root}/dist/esm/${fileName}/**/index.d.ts`)[0]
+  const esmSource = posixGlobSync(`${root}/dist/esm/${fileName}/**/index.js`)[0];
+  const cjsSource = posixGlobSync(`${root}/dist/cjs/${fileName}/**/index.js`)[0];
+  const typingsSource = posixGlobSync(`${root}/dist/esm/${fileName}/**/index.d.ts`)[0]
   /**
    * Prevent creating package.json for directories with no JS files (like CSS directories)
    */
@@ -39,14 +39,14 @@ async function createPackage(file) {
   // 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 esmRelative = posixRelative(file, esmSource).replace('/dist', '');
+  const cjsRelative = posixRelative(file, cjsSource).replace('/dist', '');
+  const tsRelative = posixRelative(file, typingsSource).replace('/dist', '')
   const content = {
     main: cjsRelative,
     module: esmRelative,
   };
-  const typings = globSync(`${root}/src/${fileName}/*.d.ts`);
+  const typings = posixGlobSync(`${root}/src/${fileName}/*.d.ts`);
   const cmds = [];
   content.typings = tsRelative;
   cmds.push(copyTypings(typings, `${root}/dist/${fileName}`));

packages/module/generate-fed-package-json.js

@@ -1,12 +1,12 @@
 const fse = require('fs-extra');
-const { globSync } = require('glob');
 const path = require('path');
+const { posixGlobSync } = require('./utils');
 
 const root = process.cwd();
 
 const ENV_AGNOSTIC_ROOT = `${root}/src`
 
-const sourceFiles = globSync(path.resolve(__dirname, './src/*/index.ts'))
+const sourceFiles = posixGlobSync(path.resolve(__dirname, './src/*/index.ts'))
 
 async function generateIndex(files) {
   // ensure the dynamic root exists

packages/module/generate-index.js

@@ -31,22 +31,22 @@
     "tag": "alpha"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.0.0",
+    "@patternfly/react-core": "^6.6.2",
     "@patternfly/react-icons": "^6.0.0",
     "@patternfly/react-styles": "^6.0.0",
-    "@patternfly/react-table": "^6.0.0",
+    "@patternfly/react-table": "^6.6.2",
     "react-jss": "^10.10.0"
   },
   "peerDependencies": {
-    "@patternfly/react-drag-drop": "^6.0.0",
+    "@patternfly/react-drag-drop": "^6.6.2",
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@patternfly/patternfly-a11y": "^5.1.0",
     "@patternfly/documentation-framework": "^6.5.16",
-    "@patternfly/react-code-editor": "^6.0.0",
     "@patternfly/patternfly": "^6.0.0",
+    "@patternfly/patternfly-a11y": "^5.1.0",
+    "@patternfly/react-code-editor": "^6.6.2",
     "@types/react": "^18.2.33",
     "@types/react-dom": "^18.3.1",
     "react": "^18.3.1",