@pega/custom-dx-components 0.0.1 → 0.23.2

package/src/util.js

@@ -1,4 +1,5 @@
 import fs from 'fs';
+import path from 'path';
 import { join } from 'path';
 import { promisify } from 'util';
 import https from 'https';
@@ -7,6 +8,10 @@ import chalk from 'chalk';
 import mustache from 'mustache';
 import pascalCase from 'pascalcase';
 import fetch from 'node-fetch';
+import { createRequire } from 'module';
+
+import _ from 'lodash';
+
 
 import {
   COMPONENTS_DIRECTORY_PATH,
@@ -15,11 +20,16 @@ import {
   OOTB_COMPONENT_SERVICE_REST_ENDPOINT,
   DELETE_COMPONENT_SERVICE_REST_ENDPOINT,
   OOTB_COMPONENTS,
-  TOKEN_URL_V1
+  SERVICES_AI_REST_ENDPOINT,
+  BOOTSTRAP_SERVICE_REST_ENDPOINT,
+  DXCOMPGENAI_SERVICE_REST_ENDPOINT,
+  SERVICE_TOKEN_PATH
 } from './constants.js';
 
 const access = promisify(fs.access);
 
+let servicesToken = "";
+
 export const checkPathAccess = async (path, options = {}) => {
   const { errorMessage } = options;
 
@@ -51,7 +61,7 @@ export const deleteLocalComponent = async componentKey => {
 
   const directory = join(currentDirectory, data[COMPONENTS_DIRECTORY_PATH], componentKey);
 
-  fs.rmdir(directory, { recursive: true }, err => {
+  fs.rm(directory, { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -74,7 +84,9 @@ export const deleteServerComponent = async componentKey => {
         token_type: tokenType,
         refresh_token: refreshToken
       } = JSON.parse(OauthData);
-      fetch(deleteUrl, {
+
+
+      await fetch(deleteUrl, {
         method: 'DELETE',
         agent: new https.Agent({ rejectUnauthorized: false }),
         headers: {
@@ -83,12 +95,23 @@ export const deleteServerComponent = async componentKey => {
       })
         .then(response => response.text())
         .then(resp => {
-          const respData = JSON.parse(resp);
+          let respData;
+          try {
+            respData = JSON.parse(resp);
+
+          }
+          catch (e) {
+            console.log(chalk.bold.redBright(`Failure : ${resp}`));
+            process.exit(1);
+          }
+
           if (respData.status == 200) {
             console.log(chalk.bold.green(`Success : ${respData.message}`));
           } else {
             throw new Error(`${respData.message}`);
           }
+
+
         })
         .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
     }
@@ -97,6 +120,7 @@ export const deleteServerComponent = async componentKey => {
   }
 };
 
+
 export const getComponents = async () => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
@@ -120,6 +144,91 @@ export const getComponents = async () => {
     .map(dirent => dirent.name);
 };
 
+export const getComponentsOfType = async (componentType) => {
+  const componentList = await getComponents();
+  let filteredList = Array();
+  if (componentList.length > 0) {
+
+    const currentDirectory = process.cwd();
+    const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
+
+    await checkPathAccess(pegaConfigJsonPath);
+
+    let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+    data = JSON.parse(data);
+
+    if (!data[COMPONENTS_DIRECTORY_PATH]) {
+      console.error(
+        `${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`
+      );
+      process.exit(1);
+    }
+
+    const directory = join(currentDirectory, data[COMPONENTS_DIRECTORY_PATH]);
+    const arTypes = componentType.split(",");
+
+    for (let index in componentList) {
+      let compDir = directory + path.sep + componentList[index];
+      let type =  await getComponentConfigType(compDir);
+      if (arTypes.includes(type)) {
+        filteredList.push( componentList[index]);
+      }
+    }
+
+
+
+    return filteredList;
+  }
+  else {
+    return componentList;
+  }
+};
+
+
+
+
+export const getSubComponents = async (directory, type) => {
+
+  const subDirectory = join(directory, type);
+  return fs
+  .readdirSync(subDirectory, { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name);
+}
+
+
+export const getDirectoryFiles = async (directory) => {
+  return fs
+  .readdirSync(directory, { withFileTypes: true })
+  .filter(dirent => !dirent.isDirectory())
+  .map(dirent => dirent.name);
+}
+
+
+export const getComponentsObj = async () => {
+
+  let compList = new Array();
+
+  //const componentList = await getDirectoryFiles(directory);
+  const componentList = await getComponents();
+
+
+  if (componentList.length > 0) {
+
+    compList.push(...componentList.map(
+      name => {
+        const container = {};
+        container.name = name;
+        container.value = name;
+
+        return container;
+      }
+    ));
+  }
+
+  return compList;
+}
+
 export const getPegaConfig = async () => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
@@ -132,11 +241,41 @@ export const getPegaConfig = async () => {
   return data;
 };
 
+export const getAIPromptData = async (aiPromptPath) => {
+  await checkPathAccess(aiPromptPath);
+
+  let data = fs.readFileSync(aiPromptPath, { encoding: 'utf8' });
+
+  return data;
+}
+
+export const getComponentConfigJson = async (componentDirectory) => {
+
+  const filePath = join(componentDirectory, "config.json");
+  await checkPathAccess(filePath);
+
+  let data = fs.readFileSync(filePath, { encoding: 'utf8' });
+
+  data = _.unescape(data);
+
+  return data;
+}
+
+export const getComponentConfigType = async (componentDirectory) => {
+  const configData = await getComponentConfigJson(componentDirectory);
+
+  let data = JSON.parse(configData);
+
+  return data.type;
+
+}
+
 export const getPegaServerConfig = async () => {
   const config = await getPegaConfig();
   return config['server-config'];
 };
 
+
 export const getComponentDefaults = async () => {
   const config = await getPegaConfig();
   return config.component;
@@ -218,6 +357,25 @@ export const validateRulesetVersion = str => {
   return regex.test(str);
 };
 
+export const showVersion = () => {
+  // get package version, so can display at start
+  const require = createRequire(import.meta.url);
+  const pData = require("@pega/custom-dx-components/package.json");
+
+  console.log(chalk.green("DX Component Builder v" + pData.version));
+
+  // do a check of node version, it should be 18 or greater
+  const arNodeVersion  = process.versions.node.split(".");
+
+  const nodeMajorVersion = parseInt(arNodeVersion[0]);
+  const nodeMinorVersion = parseInt(arNodeVersion[1]);
+
+  if (nodeMajorVersion < 18) {
+    console.log(chalk.redBright("DX Component Builder - SDK requires node v18 or greater, current version: " + process.version));
+    process.exit(1);
+  }
+};
+
 export const getOOTBComponents = async () => {
   return new Promise((resolve, reject) => {
     fs.readFile(OOTB_COMPONENTS, 'utf-8', async (err, data) => {
@@ -272,6 +430,214 @@ export const getOOTBComponents = async () => {
   });
 };
 
-export const getTokenUrl = async (server) => {
-  return server.endsWith('/') ? `${server}${TOKEN_URL_V1}` : `${server}/${TOKEN_URL_V1}`;
+
+
+export const storeServicesToken = async () => {
+  const { server } = await getPegaServerConfig();
+  const url = constructCompleteUrl(server, BOOTSTRAP_SERVICE_REST_ENDPOINT);
+
+  let returnToken = "";
+
+  try {
+    const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
+    if (OauthData) {
+      let {
+        access_token: accessToken,
+        token_type: tokenType,
+        refresh_token: refreshToken
+      } = JSON.parse(OauthData);
+
+      await fetch(url, {
+        method: 'GET',
+        agent: new https.Agent({ rejectUnauthorized: false }),
+        headers: {
+          Authorization: `${tokenType} ${accessToken}`
+        },
+      })
+        .then(response => response.text())
+        .then(data => {
+
+          try {
+            const returnData = JSON.parse(data);
+
+            if (returnData != null && returnData.pyConfigJSON) {
+              const returnJSON = JSON.parse(returnData.pyConfigJSON);
+              const strToken = JSON.stringify(returnJSON.tokens, null, 2);
+
+
+              fs.writeFileSync(SERVICE_TOKEN_PATH, strToken, err => {
+                if (err) {
+                  Promise.reject(`${chalk.bold.red(err)}`);
+                }
+              });
+              //returnToken = returnJSON.tokens.C11NB2S;
+            }
+            else {
+              //returnToken = "";
+            }
+          }
+          catch {
+            Promise.reject(`${chalk.bold.red(data)}`);
+          }
+
+
+        })
+        .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
+    }
+  }
+  catch (error) {
+    throw new Error('Error occurred in validation', error);
+  }
+
+  //return returnToken;
+
+}
+
+export const getAIComponent = async (prompt) => {
+
+
+  const { servicesServer } = await getPegaServerConfig();
+  if (servicesServer === undefined) {
+    Promise.reject(`${chalk.bold.red("ERROR: servicesServer not defined in tasks.config.json" )}`);
+  }
+
+  const serviceUrl = constructCompleteUrl(servicesServer, SERVICES_AI_REST_ENDPOINT);
+
+  const jsonBody = { "prompt" : prompt };
+
+  let returnCode = "";
+
+  try {
+    const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
+    const ServicesData = fs.readFileSync(SERVICE_TOKEN_PATH, 'utf8');
+    if (OauthData && ServicesData) {
+      let {
+        access_token: accessToken,
+        token_type: tokenType,
+        refresh_token: refreshToken
+      } = JSON.parse(OauthData);
+
+      const { C11NB2S } = JSON.parse(ServicesData);
+
+      // services needs Bearer with a big "B"
+      tokenType = convertIntoPascalCase(tokenType);
+
+      await fetch(serviceUrl, {
+        method: 'POST',
+        agent: new https.Agent({ rejectUnauthorized: false }),
+        headers: {
+          Authorization: `${tokenType} ${C11NB2S}`,
+          'Accept': 'application/json',
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(jsonBody),
+      })
+        .then(response => response.text())
+        .then(data => {
+
+          try {
+            const returnData = JSON.parse(data);
+
+            if (returnData != null && returnData.code) {
+              returnCode = returnData.code;
+            }
+            else {
+              returnCode = "";
+            }
+          }
+          catch {
+            Promise.reject(`Error in AI generation: \n ${chalk.bold.red(data)}`);
+            //throw new Error('Error occurred in validation', data);
+          }
+
+
+        })
+        .catch(e => Promise.reject(`Error in AI generation: \n ${chalk.bold.red(e)}`));
+    }
+  }
+  catch (error) {
+    if (error.code === 'ENOENT') {
+      Promise.reject(`${chalk.bold.red("ERROR: Need to authenticate or reauthenticate.")}`);
+    }
+    else {
+      throw new Error('Error occurred in validation', error);
+    }
+
+  }
+
+  return returnCode;
+};
+
+
+export const getInfinityAIComponent = async (prompt) => {
+  const { server } = await getPegaServerConfig();
+  const dataPageUrl = constructCompleteUrl(server, DXCOMPGENAI_SERVICE_REST_ENDPOINT);
+
+  const jsonBody = { "dataViewParameters" :  { "Prompt" : prompt } };
+
+
+
+  let returnCode = "";
+
+  try {
+    const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
+
+    if (OauthData) {
+      let {
+        access_token: accessToken,
+        token_type: tokenType,
+        refresh_token: refreshToken
+      } = JSON.parse(OauthData);
+
+      // services needs Bearer with a big "B"
+      //tokenType = convertIntoPascalCase(tokenType);
+
+      await fetch(dataPageUrl, {
+        method: 'POST',
+        agent: new https.Agent({ rejectUnauthorized: false }),
+        headers: {
+          Authorization: `${tokenType} ${accessToken}`
+        },
+        body: JSON.stringify(jsonBody),
+      })
+        .then(response => response.text())
+        .then(data => {
+
+          try {
+            const returnData = JSON.parse(data);
+
+            if (returnData != null && returnData.data) {
+              returnCode = returnData.data[0].pyValue;
+            }
+            else if (returnData != null && returnData.errors) {
+              if (returnData.errors[0].message.indexOf("token") >= 0) {
+                Promise.reject(`${chalk.bold.red("ERROR: Need to authenticate or reauthenticate.")}`);
+              }
+            }
+            else {
+              returnCode = "";
+              Promise.reject(`Error in AI generation: \n ${chalk.bold.red(data)}`);
+            }
+          }
+          catch {
+            Promise.reject(`Error in AI generation: \n ${chalk.bold.red(data)}`);
+            //throw new Error('Error occurred in validation', data);
+          }
+
+
+        })
+        .catch(e => Promise.reject(`Error in AI generation: \n ${chalk.bold.red(e)}`));
+    }
+  }
+  catch (error) {
+    if (error.code === 'ENOENT') {
+      Promise.reject(`${chalk.bold.red("ERROR: Need to authenticate or reauthenticate.")}`);
+    }
+    else {
+      throw new Error('Error occurred in validation', error);
+    }
+
+  }
+
+  return returnCode;
 };

package/src/tasks/create/template/demo.stories.jsx.mustache

@@ -1,44 +0,0 @@
-import { useState } from 'react';
-import { withKnobs, text, boolean } from '@storybook/addon-knobs';
-
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
-
-export default {
-  title: '{{COMPONENT_CLASS_NAME}}',
-  decorators: [withKnobs],
-  component: {{COMPONENT_CLASS_NAME}}
-};
-
-export const base{{COMPONENT_CLASS_NAME}} = () => {
-  const [value, setValue] = useState('test value');
-
-  const props = {
-    getPConnect: () => {
-      return {
-        getActionsApi: () => {
-          return {
-            updateFieldValue: (propName, value) => {
-              setValue(value);
-            }
-          };
-        },
-        getStateProps: () => {
-          return { value: '.name' };
-        }
-      };
-    },
-    value,
-    placeholder: text('Placeholder', 'Test placeholder'),
-    disabled: boolean('Disabled', false),
-    readOnly: boolean('Disabled', false),
-    required: boolean('Disabled', false),
-    label: text('Label', 'Sample Label'),
-    testId: text('Test id', 'text-12344566')
-  };
-
-  return (
-    <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
-    </>
-  );
-};

package/src/tasks/init/template/src/components/MBTAList/MBTAList.stories.tsx

@@ -1,10 +0,0 @@
-import MBTAListComp from './MBTAList';
-
-export default {
-  title: 'MBTAList',
-  component: MBTAListComp
-};
-
-export const MBTAList = () => {
-  return <MBTAListComp />;
-};

package/src/tasks/init/template/src/components/MBTAList/MBTAList.tsx

@@ -1,122 +0,0 @@
-import { useEffect, useState, useContext } from 'react';
-import {
-  Flex,
-  SummaryList,
-  SummaryListItem,
-  ViewAll,
-  ModalManagerContext,
-  Modal,
-  registerIcon,
-  Icon,
-  MetaList,
-  MetaListProps
-} from '@pega/cosmos-react-core';
-
-import * as accessibleIcon from './icons/accessible.icon';
-import * as busIcon from './icons/bus.icon';
-import * as mbtaIcon from './icons/mbta.icon';
-import * as subwayIcon from './icons/subway.icon';
-
-registerIcon(accessibleIcon, busIcon, mbtaIcon, subwayIcon);
-
-export interface MBTAListProps {}
-
-const params = new URLSearchParams([
-  ['page[offset]', '0'],
-  ['page[limit]', '1000'],
-  ['filter[latitude]', '42.362339984866466'],
-  ['filter[longitude]', '-71.07999650212442'],
-  ['filter[radius]', '0.01'],
-  ['filter[route_type]', '1,3']
-]);
-
-const MBTAList = (props: MBTAListProps) => {
-  const [items, setItems] = useState<SummaryListItem[]>();
-  const [error, setError] = useState<string>();
-  const { create } = useContext(ModalManagerContext);
-
-  useEffect(() => {
-    const controller = new AbortController();
-
-    fetch(`https://api-v3.mbta.com/stops?${params}`, { signal: controller.signal })
-      .then(async res => {
-        if (!res.ok) throw new Error(`Responded with "${res.status}"`);
-
-        const { data } = await res.json();
-        if (controller.signal.aborted) return;
-
-        setItems(
-          // TODO: Type the api response: https://api-v3.mbta.com/docs/swagger/index.html#/Stop/ApiWeb_StopController_index
-          data.map(({ id, attributes }: any) => {
-            const meta: MetaListProps['items'] = [];
-
-            if (attributes.wheelchair_boarding) {
-              meta.push(
-                <>
-                  <Icon name='accessible' style={{ width: '1em', height: '1em' }} />
-                  &nbsp;Wheelchair boarding
-                </>
-              );
-            }
-
-            if (attributes.vehicle_type === 1) {
-              meta.push(attributes.platform_name);
-              return {
-                id,
-                visual: <Icon name='subway' />,
-                primary: attributes.name,
-                secondary: <MetaList items={meta} />
-              };
-            }
-
-            meta.push(attributes.name);
-            return {
-              id,
-              visual: <Icon name='bus' />,
-              primary: attributes.on_street,
-              secondary: <MetaList items={meta} />
-            };
-          })
-        );
-      })
-      .catch((err: unknown) => {
-        if (controller.signal.aborted) return;
-
-        if (err instanceof Error) {
-          setError(err.message);
-        } else {
-          setError('An error occurred.');
-        }
-      });
-
-    return () => {
-      controller.abort();
-    };
-  }, []);
-
-  return (
-    <SummaryList
-      {...props}
-      icon='mbta'
-      name='Stops near Pega'
-      count={items?.length}
-      items={items?.slice(0, 3) ?? []}
-      loading={!items && !error}
-      error={error ? { message: error } : undefined}
-      onViewAll={() => {
-        create(Modal, {
-          heading: (
-            <Flex container={{ gap: 1, alignItems: 'center' }}>
-              <Icon name='mbta' />
-              Stops near Pega
-            </Flex>
-          ),
-          count: items?.length,
-          children: <ViewAll items={items ?? []} />
-        });
-      }}
-    />
-  );
-};
-
-export default MBTAList;

package/src/tasks/init/template/src/components/MBTAList/icons/accessible.icon.tsx

@@ -1,14 +0,0 @@
-// FontAwesome "accessible" icon
-// https://fontawesome.com/license
-// Converted from SVG to Cosmos Icon format
-
-export const name = 'accessible';
-
-export const Component = () => (
-  <path
-    fill='currentColor'
-    d='M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z'
-  />
-);
-
-export const viewBox = '0 0 448 512';

package/src/tasks/init/template/src/components/MBTAList/icons/bus.icon.tsx

@@ -1,13 +0,0 @@
-export const name = 'bus';
-
-export const Component = () => (
-  <>
-    <path d='m12.06 24c6.72-.17 12.11-5.64 11.94-12.06a12 12 0 1 0 -11.94 12.06' fill='#ffc72c' />
-    <path
-      d='m18.78 10.67-.66-5.17c-.16-.93-.75-1.3-1.63-1.68a14.25 14.25 0 0 0 -4.49-.82 14.32 14.32 0 0 0 -4.5.82c-.86.37-1.45.75-1.63 1.68l-.66 5.17v7.15h1.17v1.25a1 1 0 0 0 1.91 0v-1.25h7.45v1.25a.91.91 0 0 0 .48.8 1 1 0 0 0 1 0 .88.88 0 0 0 .47-.8v-1.25h1.13zm-9.57-6.36h5.61a.42.42 0 0 1 .43.41.42.42 0 0 1 -.43.42h-5.61a.43.43 0 0 1 -.43-.42.42.42 0 0 1 .43-.41zm-2.79 6.21.58-4.09a.54.54 0 0 1 .51-.43h9.06a.56.56 0 0 1 .54.44l.54 4.09a.33.33 0 0 1 0 .14.49.49 0 0 1 -.16.37.54.54 0 0 1 -.38.15h-10.17a.56.56 0 0 1 -.38-.19.57.57 0 0 1 -.14-.38.33.33 0 0 1 0-.1zm.92 5.09a1 1 0 1 1 1-1 1 1 0 0 1 -.3.7 1 1 0 0 1 -.7.3zm9.36 0a1 1 0 1 1 1-1 1 1 0 0 1 -.3.7 1.06 1.06 0 0 1 -.72.29z'
-      fill='#1c1e23'
-    />
-  </>
-);
-
-export const viewBox = '0 0 24 24';

package/src/tasks/init/template/src/components/MBTAList/icons/mbta.icon.tsx

@@ -1,10 +0,0 @@
-export const name = 'mbta';
-
-export const Component = () => (
-  <>
-    <circle cx='250' cy='250' r='239' stroke='#000' strokeWidth='22' fill='#fff' />
-    <path d='M92,138.5h316v79.5h-118.25v194h-79.5v-194h-118.25z' />
-  </>
-);
-
-export const viewBox = '0 0 500 500';

package/src/tasks/init/template/src/components/MBTAList/icons/subway.icon.tsx

@@ -1,14 +0,0 @@
-export const name = 'subway';
-
-export const Component = () => (
-  <>
-    <path d='m24 0a24 24 0 1 0 24 24 24 24 0 0 0 -24-24' fill='#494f5b' />
-    <g fill='#fff'>
-      <path d='m25.8889 5.8222a1.4111 1.4111 0 1 0 -1.4111-1.4111 1.411 1.411 0 0 0 1.4111 1.4111z' />
-      <path d='m31.4555 34.2111a4.9779 4.9779 0 0 0 3.889-4.8222v-18.1445a5.0112 5.0112 0 0 0 -5.0778-4.9111h-12.5333a5.0112 5.0112 0 0 0 -5.1 4.9v18.1556a4.9779 4.9779 0 0 0 3.8889 4.8222l-5.8556 8.7889h3.4l4.1889-6.1445h11.5555l4.1889 6.1445h3.3333zm-10.7555-25.9889a.8445.8445 0 0 1 .8445-.8111h4.9555a.8444.8444 0 0 1 .8333.8111v1.4445l-.0006.0339a.8334.8334 0 0 1 -.866.7994l-4.9222-.0111a.8333.8333 0 0 1 -.8445-.8222zm-3.1111 23.3334a2.2223 2.2223 0 1 1 2.2222-2.2223 2.2223 2.2223 0 0 1 -2.2222 2.2223zm.2889-11.8112c-.0758.0036-.1518.0036-.2276 0a2.4221 2.4221 0 0 1 -2.3057-2.5333v-3.2667a2.4109 2.4109 0 0 1 2.5333-2.5444h12.2222a2.4113 2.4113 0 0 1 2.5333 2.5444v3.2667q.0054.1137 0 .2276a2.4221 2.4221 0 0 1 -2.5333 2.3057zm12.4333 11.8112a2.2334 2.2334 0 1 1 .0223 0z' />
-      <path d='m22.1445 5.8222h-.0334.0337a1.4113 1.4113 0 1 0 -1.4115-1.4115 1.4111 1.4111 0 0 0 1.4115 1.4119z' />
-    </g>
-  </>
-);
-
-export const viewBox = '0 0 48 48';

package/src/tasks/init/template/src/components/MBTAList/index.ts

@@ -1,2 +0,0 @@
-export { default } from './MBTAList';
-export type { MBTAListProps } from './MBTAList';