@ceedcv-maya/shared-layout-react 0.2.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/package.json +4 -4
- package/src/index.ts +1 -0
- package/src/navIcons.tsx +7 -0
package/README.md
CHANGED
|
@@ -26,6 +26,26 @@ This package expects the following sibling packages to be installed by the consu
|
|
|
26
26
|
- `@ceedcv-maya/shared-auth-react`
|
|
27
27
|
- `@ceedcv-maya/shared-ui-react`
|
|
28
28
|
|
|
29
|
+
## Styling — required setup
|
|
30
|
+
|
|
31
|
+
This package uses Tailwind v4 utility classes and design tokens (`bg-odoo-purple`, `bg-ui-card`, `text-text-primary`, …) defined in [`@ceedcv-maya/shared-styles`](https://www.npmjs.com/package/@ceedcv-maya/shared-styles). Without it the components will render unstyled.
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
npm install @ceedcv-maya/shared-styles
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
```css
|
|
38
|
+
/* src/index.css */
|
|
39
|
+
@import "tailwindcss";
|
|
40
|
+
@import "@ceedcv-maya/shared-styles";
|
|
41
|
+
|
|
42
|
+
/* Tailwind v4 must scan the package source so it generates the
|
|
43
|
+
utility classes used inside this library. */
|
|
44
|
+
@source "../node_modules/@ceedcv-maya/shared-layout-react/src/**/*.{ts,tsx}";
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
If you also consume other `@ceedcv-maya/shared-*-react` packages, add an `@source` line for each of them.
|
|
48
|
+
|
|
29
49
|
## TypeScript / build notes
|
|
30
50
|
This package ships TypeScript source (`src/index.ts` as entry). Consumers using Vite or Webpack with `ts-loader` work out of the box. Next.js consumers must add this package to `transpilePackages` in `next.config.js`.
|
|
31
51
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ceedcv-maya/shared-layout-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "src/index.ts",
|
|
6
6
|
"types": "src/index.ts",
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
10
10
|
"react-router-dom": "^6.0.0 || ^7.0.0",
|
|
11
11
|
"react-i18next": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
|
|
12
|
-
"@ceedcv-maya/shared-auth-react": "^0.
|
|
13
|
-
"@ceedcv-maya/shared-ui-react": "^0.
|
|
12
|
+
"@ceedcv-maya/shared-auth-react": "^0.3.0",
|
|
13
|
+
"@ceedcv-maya/shared-ui-react": "^0.3.0"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"@types/react": "^19.0.0",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"publishConfig": {
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
|
-
"description": "App layout primitives for React: AppShell, useDarkMode, Sidebar slot, header/topbar widgets
|
|
40
|
+
"description": "App layout primitives for React: AppShell, useDarkMode, Sidebar slot, header/topbar widgets — wired to shared-auth/UI by props.",
|
|
41
41
|
"keywords": [
|
|
42
42
|
"react",
|
|
43
43
|
"layout",
|
package/src/index.ts
CHANGED
package/src/navIcons.tsx
CHANGED
|
@@ -104,3 +104,10 @@ export const AppsIcon = () => (
|
|
|
104
104
|
<path d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z" />
|
|
105
105
|
</svg>
|
|
106
106
|
);
|
|
107
|
+
|
|
108
|
+
/** Icono de campana — usado por maya_dashboard (notificaciones) */
|
|
109
|
+
export const BellIcon = () => (
|
|
110
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" className="w-[22px] h-[22px]">
|
|
111
|
+
<path d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" />
|
|
112
|
+
</svg>
|
|
113
|
+
);
|