@justeattakeaway/pie-webc 0.0.0-snapshot-release-20250313112810 → 0.0.0-snapshot-release-20250314132605

package/components/select-option.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-select/dist/pie-select-option';

package/components/select-option.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-select/dist/pie-select-option';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-webc",
   "description": "Component bundle containing all PIE web components",
-  "version": "0.0.0-snapshot-release-20250313112810",
+  "version": "0.0.0-snapshot-release-20250314132605",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -184,6 +184,16 @@
       "require": "./react/select.js",
       "types": "./react/select.d.ts"
     },
+    "./components/select-option.js": {
+      "import": "./components/select/select-option.js",
+      "require": "./components/select/select-option.js",
+      "types": "./components/select/select-option.d.ts"
+    },
+    "./react/select-option.js": {
+      "import": "./react/select/select-option.js",
+      "require": "./react/select/select-option.js",
+      "types": "./react/select/select-option.d.ts"
+    },
     "./components/spinner.js": {
       "import": "./components/spinner.js",
       "require": "./components/spinner.js",
@@ -287,7 +297,7 @@
     "@justeattakeaway/pie-checkbox": "0.14.3",
     "@justeattakeaway/pie-checkbox-group": "0.7.12",
     "@justeattakeaway/pie-chip": "0.10.2",
-    "@justeattakeaway/pie-cookie-banner": "1.4.0",
+    "@justeattakeaway/pie-cookie-banner": "1.4.1",
     "@justeattakeaway/pie-divider": "1.2.1",
     "@justeattakeaway/pie-form-label": "0.14.5",
     "@justeattakeaway/pie-icon-button": "1.3.2",
@@ -297,7 +307,7 @@
     "@justeattakeaway/pie-notification": "0.12.15",
     "@justeattakeaway/pie-radio": "0.9.1",
     "@justeattakeaway/pie-radio-group": "0.7.3",
-    "@justeattakeaway/pie-select": "0.0.0-snapshot-release-20250313112810",
+    "@justeattakeaway/pie-select": "0.0.0-snapshot-release-20250314132605",
     "@justeattakeaway/pie-spinner": "1.0.1",
     "@justeattakeaway/pie-switch": "1.2.2",
     "@justeattakeaway/pie-tag": "0.15.0",

package/react/select-option.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-select/dist/pie-select-option/react.js';

package/react/select-option.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-select/dist/pie-select-option/react.js';

package/src/componentService.js

@@ -74,20 +74,19 @@ export class ComponentService {
     /**
      * Creates the exports for a component to be added to the pie-webc package.json.
      * @param {string} componentName - The name of the component to create exports for, omitting the `'pie-'` prefix.
+     * @param {string} [parentComponentName] - The name of the parent component, omitting the `'pie-'` prefix.
      * @returns {Object} - An object containing the exports for the component.
      */
-    createPackageJsonExports (componentName) {
+    createPackageJsonExports (componentName, parentComponentName) {
+        const createExportPath = (pathPrefix) => ({
+            import: `${pathPrefix}/${componentName}.js`,
+            require: `${pathPrefix}/${componentName}.js`,
+            types: `${pathPrefix}/${componentName}.d.ts`,
+        });
+
         const exports = {
-            [`./components/${componentName}.js`]: {
-                import: `./components/${componentName}.js`,
-                require: `./components/${componentName}.js`,
-                types: `./components/${componentName}.d.ts`,
-            },
-            [`./react/${componentName}.js`]: {
-                import: `./react/${componentName}.js`,
-                require: `./react/${componentName}.js`,
-                types: `./react/${componentName}.d.ts`,
-            },
+            [`./components/${componentName}.js`]: createExportPath(`./components${parentComponentName ? `/${parentComponentName}` : ''}`),
+            [`./react/${componentName}.js`]: createExportPath(`./react${parentComponentName ? `/${parentComponentName}` : ''}`),
         };
 
         return exports;
@@ -121,6 +120,25 @@ export class ComponentService {
         this.fs.writeFileSync(path, `${JSON.stringify(content, null, 2)}\n`);
     }
 
+    /**
+     * Finds sub components in a component directory.
+     * @param {string} componentPath - The path to the component directory.
+     * @returns {Array} - An array of sub component names found in the component's src directory.
+     */
+    findSubComponents (componentPath) {
+        const srcPath = this.path.join(componentPath, 'src');
+
+        if (!this.fs.existsSync(srcPath)) {
+            return [];
+        }
+
+        return this.fs.readdirSync(srcPath)
+            .filter((item) => {
+                const itemPath = this.path.join(srcPath, item);
+                return this.fs.statSync(itemPath).isDirectory() && item.startsWith('pie-');
+            });
+    }
+
     /**
      * Processes all components in the components directory, adding them to the pie-webc package.
      * @param {*} workingDir - The working directory from which the script is run.
@@ -171,6 +189,37 @@ export class ComponentService {
                 this.writeFilesForComponent(componentName, target);
             });
 
+            const subComponents = this.findSubComponents(fullFolderPath);
+
+            if (subComponents.length > 0) {
+                subComponents.forEach((subComponent) => {
+                    const subComponentName = subComponent.replace('pie-', '');
+
+                    console.info(chalk.gray(`Adding sub-component: ${chalk.white(subComponent)}`));
+
+                    const subComponentTargets = [
+                        {
+                            dir: componentsTargetDir,
+                            exportPath: `${packageName}/dist/${subComponent}`,
+                        },
+                        {
+                            dir: reactTargetDir,
+                            exportPath: `${packageName}/dist/${subComponent}/react.js`,
+                        }
+                    ];
+
+                    subComponentTargets.forEach((target) => {
+                        this.writeFilesForComponent(subComponentName, target);
+                    });
+
+                    const subComponentExports = this.createPackageJsonExports(subComponentName, componentName);
+                    newPackageJson.exports = {
+                        ...newPackageJson.exports,
+                        ...subComponentExports,
+                    };
+                });
+            }
+
             const exportsObj = {
                 ...newPackageJson.exports,
                 ...this.createPackageJsonExports(componentName),