@ceedcv-maya/shared-profile-react

User profile UI for React: UserProfileContext, ProfileMenu, createProfileApi factory bound to the consumer's HTTP client.

Part of the ceedcv-maya/maya_platform mono-repo. Distributed independently for reuse outside the Maya ecosystem.

Installation

npm install @ceedcv-maya/shared-profile-react @ceedcv-maya/shared-auth-react @ceedcv-maya/shared-ui-react

import { UserProfileProvider, ProfileMenu, createProfileApi } from '@ceedcv-maya/shared-profile-react'

const profileApi = createProfileApi(apiClient)

export function App() {
  return (
    <UserProfileProvider api={profileApi}>
      <ProfileMenu />
    </UserProfileProvider>
  )
}

Peer dependencies

This package expects the following sibling packages to be installed by the consumer:

• @ceedcv-maya/shared-auth-react
• @ceedcv-maya/shared-ui-react

Styling — required setup

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. Without it the components will render unstyled.

npm install @ceedcv-maya/shared-styles

/* src/index.css */
@import "tailwindcss";
@import "@ceedcv-maya/shared-styles";

/* Tailwind v4 must scan the package source so it generates the
   utility classes used inside this library. */
@source "../node_modules/@ceedcv-maya/shared-profile-react/src/**/*.{ts,tsx}";

If you also consume other @ceedcv-maya/shared-*-react packages, add an @source line for each of them.

TypeScript / build notes

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.

License

MIT — see LICENSE.

Reporting issues

The canonical source lives in Maya-AQSS/maya_platform. File issues there; this read-only split repo is only the published artifact.