Fix/export types

.github/workflows/publish.yml

@@ -29,6 +29,8 @@ jobs:
         run: yarn build
 
       - name: Publish lib to NPM
-        run: npm publish --access public
+        run: |
+          cd lib
+          npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package.json

@@ -1,9 +1,9 @@
 {
   "name": "@euk-labs/componentz",
   "version": "0.1.1",
-  "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.js",
-  "types": "lib/types/index.d.ts",
+  "main": "./index.js",
+  "module": "./esm/index.js",
+  "types": "./index.d.ts",
   "files": [
     "lib"
   ],
@@ -65,8 +65,6 @@
     "eslint": "^8.5.0",
     "eslint-plugin-react": "^7.28.0",
     "husky": "^7.0.4",
-    "inversify": "^6.0.1",
-    "inversify-react": "^1.0.1",
     "jest": "^27.4.5",
     "mobx": "^6.3.10",
     "mobx-react-lite": "^3.2.2",

scripts/build.js

@@ -54,7 +54,7 @@ rimraf(distFolder, (err) => {
     entryPoints: [...inputs],
     format: 'cjs',
     outbase: sourceFolder,
-    outdir: distFolder + '/cjs',
+    outdir: distFolder,
     jsx: 'transform',
     jsxFactory: 'React.createElement',
     jsxFragment: 'React.Fragment',
@@ -67,4 +67,9 @@ rimraf(distFolder, (err) => {
     inject: ['./scripts/react-shim.js'],
   });
   console.timeEnd('Generating CJS output...');
+
+  fs.copyFileSync(
+    path.join('./package.json'),
+    path.join(distFolder, 'package.json')
+  );
 });

src/components/AppBar/AppBar.test.tsx

@@ -8,7 +8,8 @@ import {
   RenderResult,
   screen,
 } from '@testing-library/react';
-import { AppBar, globalContainer } from '../../index';
+import AppBar from './index';
+import globalContainer from '../../containers/global.inversify';
 import { Container } from 'inversify';
 import { Provider } from 'inversify-react';
 import { Dashboard } from '@mui/icons-material';

src/components/AppBar/DrawerItem.tsx

@@ -4,7 +4,7 @@ import Collapse from '@mui/material/Collapse';
 import List from '@mui/material/List';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 import { Fragment, useState } from 'react';
 import { Page } from './types';
 import { observer } from 'mobx-react-lite';

src/components/AppBar/Toolbar.tsx

@@ -5,7 +5,7 @@ import IconButton from '@mui/material/IconButton';
 import { useTheme } from '@mui/material/styles';
 import MuiToolbar from '@mui/material/Toolbar';
 import { observer } from 'mobx-react-lite';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 
 function Toolbar() {
   const theme = useTheme();

src/components/AppBar/index.tsx

@@ -1,7 +1,7 @@
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import List from '@mui/material/List';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 import { observer } from 'mobx-react-lite';
 import { ReactNode } from 'react';
 import DrawerItem from './DrawerItem';

src/components/Breadcrumbs/index.tsx

@@ -1,7 +1,7 @@
 import MuiBreadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
 import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 import { observer } from 'mobx-react-lite';
 import { MouseEventHandler } from 'react';
 import { BreadcrumbPath } from './types';

src/components/Dialog/index.tsx

@@ -5,7 +5,7 @@ import MuiDialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 import { observer } from 'mobx-react-lite';
 import { DialogProps } from './types';
 

src/components/Snackbar/index.tsx

@@ -5,7 +5,7 @@ import {
   Snackbar as MuiSnackbar,
   SnackbarProps,
 } from '@mui/material';
-import { useUIStore } from '../../index';
+import useUIStore from '../../hooks/useUIStore';
 import { observer } from 'mobx-react-lite';
 
 interface ButtonProps extends MuiButtonProps {

src/stores/internal/BreadcrumbStore.ts

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from 'mobx';
-import * as R from 'ramda';
+import { last } from 'ramda';
 import { BreadcrumbPath } from '../../components/Breadcrumbs/types';
 import { BreadcrumbStoreType } from '../types';
 
@@ -16,7 +16,7 @@ class BreadcrumbStore implements BreadcrumbStoreType {
   }
 
   get finalPath() {
-    return R.last(this.paths)?.label ?? '';
+    return last(this.paths)?.label ?? '';
   }
 
   get linkedPaths() {

tsconfig.json

@@ -27,7 +27,7 @@
 
     // Build Options
     "declaration": true,
-    "declarationDir": "./lib/types"
+    "declarationDir": "./lib"
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
   "exclude": ["node_modules", "dist"]