@cypress-design/react-icon 0.2.0 → 0.2.1

package/generate-icons.js

@@ -1,23 +1,23 @@
-const path = require('path');
-const dedent = require('dedent');
-const { promises: fs } = require('fs');
-const camelcase = require('camelcase');
-const { iconsMetadata, iconSet } = require('@cypress-design/icon-registry');
+const path = require('path')
+const dedent = require('dedent')
+const { promises: fs } = require('fs')
+const camelcase = require('camelcase')
+const { iconsMetadata, iconSet } = require('@cypress-design/icon-registry')
 
 const iconsComponents = Object.keys(iconsMetadata).map((name) => {
-  const pascalCaseName = camelcase(name, { pascalCase: true });
-  const iconMetadata = iconsMetadata[name];
+  const pascalCaseName = camelcase(name, { pascalCase: true })
+  const iconMetadata = iconsMetadata[name]
   const availableIds = iconMetadata.availableSizes.map(
     (size) => `${camelcase(name)}X${size}`
-  );
+  )
 
   const iconBodies = iconSet.reduce((acc, icon) => {
-    const sizeIndex = availableIds.indexOf(icon.name);
+    const sizeIndex = availableIds.indexOf(icon.name)
     if (sizeIndex > -1) {
-      acc[iconMetadata.availableSizes[sizeIndex]] = icon.data;
+      acc[iconMetadata.availableSizes[sizeIndex]] = icon.data
     }
-    return acc;
-  }, {});
+    return acc
+  }, {})
   return dedent`
   export const Icon${pascalCaseName}: React.FC<
     Omit<iconsRegistry.Icon${pascalCaseName}Props, 'name'> & React.SVGProps<SVGSVGElement>
@@ -41,8 +41,8 @@ const iconsComponents = Object.keys(iconsMetadata).map((name) => {
       compiledClasses
     }))
   }
-  `;
-});
+  `
+})
 
 writeFile(`
 import * as iconsRegistry from '@cypress-design/icon-registry'
@@ -50,12 +50,12 @@ import { compileReactIconProperties } from './compileProperties'
 import * as React from 'react';
 
 ${iconsComponents.join('\n\n\n')}
-`);
+`)
 
 async function writeFile(fileContents) {
   await fs.writeFile(
     path.resolve(__dirname, './TreeShakableIcons.ts'),
     fileContents,
     'utf-8'
-  );
+  )
 }

package/index.ts

@@ -1,6 +1,6 @@
-import type { iconsMetadata } from '@cypress-design/icon-registry';
-export type { WindiColor } from '@cypress-design/icon-registry';
-export { default } from './Icon';
-export * from './TreeShakableIcons';
+import type { iconsMetadata } from '@cypress-design/icon-registry'
+export type { WindiColor } from '@cypress-design/icon-registry'
+export { default } from './Icon'
+export * from './TreeShakableIcons'
 
-export type IconId = keyof typeof iconsMetadata;
+export type IconId = keyof typeof iconsMetadata

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/react-icon",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "files": [
     "*"
   ],
@@ -20,11 +20,11 @@
     "build:types": "tsc --project ./tsconfig.build.json"
   },
   "dependencies": {
-    "@cypress-design/icon-registry": "^0.2.0"
+    "@cypress-design/icon-registry": "^0.3.0"
   },
   "devDependencies": {
     "camelcase": "^6.3.0",
     "dedent": "^0.7.0"
   },
   "license": "MIT"
-}
+}

package/rollup.config.js

@@ -1,3 +1,3 @@
-import rootRollupConfig from '../../root.rollup.config';
+import rootRollupConfig from '../../root.rollup.config'
 
-export default rootRollupConfig({ input: './index.ts' });
+export default rootRollupConfig({ input: './index.ts' })

package/tsconfig.build.json

@@ -2,6 +2,6 @@
   "extends": "../../../tsconfig.react.build.json",
   "include": ["./Icon.tsx", "./index.ts"],
   "compilerOptions": {
-    "outDir": "dist",
+    "outDir": "dist"
   }
 }

package/Icon.cy.tsx

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import Icon, { IconObjectBookCode } from './index'
-import { mount } from 'cypress/react';
-
-describe('Icon', () => {
-  it('renders correctly', () => {
-    mount(<ul className="m-4">
-      <li className="flex items-center mb-3 px-2">
-        fillColor="red-100" - <IconObjectBookCode fillColor="red-100" className="ml-2" strokeColor="red-500" secondaryFillColor="indigo-100" secondaryStrokeColor="indigo-600"/>
-        </li>
-      <li className="flex items-center mb-3 px-2 bg-magenta-100">
-        fillColor="transparent" - <Icon name="arrow-outline-down" strokeColor="magenta-500" fillColor="transparent" className="ml-2" />
-        </li>
-      <li className="flex items-center px-2">
-        strokeColor="current" - <button className="flex gap-2 items-center m-2 bg-jade-600 hover:bg-jade-800 text-white py-1 px-2 rounded">
-          <Icon name="action-add-large" strokeColor="current" />
-          Add a new icon
-        </button>
-      </li>
-    </ul>)
-  })
-})