chore: remove pascal-case

package.json

@@ -157,7 +157,6 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-preset-stylelint": "^6.3.2",
     "lint-staged": "^13.3.0",
-    "pascal-case": "^3.1.2",
     "plop": "^3.1.2",
     "postcss": "^8.4.31",
     "postcss-cli": "^10.1.0",

plop-templates/Component/Component.tsx.hbs

@@ -12,7 +12,7 @@ export interface Props {
 /**
  * BETA: This component is still a work in progress and is subject to change.
  *
- * `import {{inBraces name}} from "@chanzuckerberg/eds";`
+ * `import {{inBraces (pascalCase name)}} from "@chanzuckerberg/eds";`
  *
  * TODO: update this comment with a description of the component.
  */

plopfile.js

@@ -1,5 +1,4 @@
-const pascalCase = require('pascal-case');
-const { snakeCase } = require('snake-case');
+const { snakeCase } = require('lodash');
 
 module.exports = (plop) => {
   plop.setHelper('spacedUpperCase', (txt) =>
@@ -8,7 +7,7 @@ module.exports = (plop) => {
 
   // This helper allows us to place a variable inside curly braces without spaces
   // between the text and the braces.
-  plop.setHelper('inBraces', (txt) => `{${pascalCase.pascalCase(txt)}}`);
+  plop.setHelper('inBraces', (txt) => `{${txt}}`);
 
   plop.setGenerator('component', {
     description: 'Create a reusable component',

yarn.lock

@@ -2656,7 +2656,6 @@ __metadata:
     lilconfig: "npm:^2.1.0"
     lint-staged: "npm:^13.3.0"
     lodash: "npm:^4.17.21"
-    pascal-case: "npm:^3.1.2"
     plop: "npm:^3.1.2"
     postcss: "npm:^8.4.31"
     postcss-cli: "npm:^10.1.0"