@scmlatam/web-ui 0.0.7 → 0.0.9

package/README.md

@@ -1,69 +1,22 @@
-# React + TypeScript + Vite
+## Componentes
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+Para implementar el componente Core primero tienes que importar el CoreProvider en tu archivo princial como se muesta a continuación.
 
 ```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+
+// Importar los estilos de la librería web-ui.
+import "@scmlatam/web-ui/dist/web-ui.css";
+import { CoreProvider } from "@scmlatam/web-ui";
+
+createRoot(document.getElementById("root")!).render(
+	<StrictMode>
+		<CoreProvider>
+			<App />
+		</CoreProvider>
+	</StrictMode>
+);
 
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
 ```

package/dist/web-ui.d.ts

@@ -3,7 +3,7 @@ import { GroupItem } from './core/types/types';
 import { Item } from './core/types/types';
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Core: ({ login, logout, sidebarItems }: CoreProps) => JSX.Element;
+export declare const Core: ({ login, logout, sidebarItems, router }: CoreProps) => JSX.Element;
 
 export declare const CoreContext: Context<ICoreContext>;
 
@@ -11,6 +11,7 @@ declare interface CoreProps {
     login: () => void;
     logout: () => void;
     sidebarItems: GroupItem[];
+    router: React.ReactNode;
 }
 
 export declare const CoreProvider: ({ children }: CoreProviderProps) => JSX.Element;