@rfdtech/components 0.3.0

package/README.md

@@ -0,0 +1,399 @@
+# GSL Components
+
+Shared React component library for Ghana School of Law (GSL) projects.
+
+Requires React 18+ and a bundler. Styles are included automatically when you import from `@rfdtech/components` — no separate CSS import is needed.
+
+## Shared theming
+
+All components share design tokens defined in [`src/styles/theme.css`](src/styles/theme.css). Tokens are applied on `:root` when a component is imported.
+
+| Token | Default | Use |
+|-------|---------|-----|
+| `--gsl-primary` | `#dc2626` | Buttons, focus rings, accents |
+| `--gsl-primary-light` | `#fef2f2` | Selected rows, hover fills |
+| `--gsl-bg` | `#ffffff` | Surfaces |
+| `--gsl-text` | `#3c4043` | Body text |
+| `--gsl-text-secondary` | `#5f6368` | Labels, muted UI |
+| `--gsl-border` | `#dadce0` | Borders |
+| `--gsl-hover` | `#f1f3f4` | Row/cell hover |
+| `--gsl-error` / `--gsl-error-bg` | `#dc2626` / `#fef2f2` | Errors |
+| `--gsl-success` | `#16a34a` | Success states |
+| `--gsl-warning` | `#eab308` | Warnings |
+
+Override on a component root or any ancestor:
+
+```css
+.my-app {
+  --gsl-primary: #1d4ed8;
+  --gsl-primary-light: #eff6ff;
+}
+```
+
+`BulkImportModal` also accepts legacy aliases (`--gsl-bulk-import-primary`, etc.) that map to the shared tokens.
+
+## Install
+
+```bash
+npm install @rfdtech/components react react-dom
+```
+
+## AppSwitcher
+
+Google Apps–style 9-dot launcher for switching between GSL systems. Drop it into your header to let users jump between products.
+
+### Usage
+
+**Remote fetch** — loads systems from `GET {baseUrl}/v1/me/apps` with a bearer token:
+
+```tsx
+import { AppSwitcher } from "@rfdtech/components";
+
+function Header({ baseUrl, accessToken }: { baseUrl: string; accessToken: string }) {
+  return (
+    <AppSwitcher
+      baseUrl={baseUrl}
+      accessToken={accessToken}
+      title="System directory"
+      onAppSelect={(app) => console.log(app.name, app.metadata)}
+    />
+  );
+}
+```
+
+Expected API response:
+
+```json
+{
+  "success": true,
+  "message": "Available systems retrieved.",
+  "data": {
+    "apps": [
+      {
+        "system_id": "gov-portal",
+        "system_name": "Governance Portal",
+        "system_code": "GOV-123456",
+        "frontend_url": "http://178.105.154.224:3001",
+        "role": "registrar",
+        "permissions": ["cases:review"]
+      }
+    ]
+  },
+  "meta": { "count": 1 }
+}
+```
+
+**Static apps** — pass a list directly instead of fetching:
+
+```tsx
+const apps = [
+  {
+    id: "mail",
+    name: "Mail",
+    icon: "https://example.com/mail.png",
+    href: "https://mail.example.com",
+  },
+];
+
+<AppSwitcher apps={apps} title="System directory" />
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `apps` | `AppItem[]` | — | Static apps to show in the grid |
+| `baseUrl` | `string` | required* | API base URL, e.g. `https://api.example.com` |
+| `accessToken` | `string` | required* | Bearer access token |
+| `columns` | `number` | `3` | Number of grid columns |
+| `open` | `boolean` | — | Controlled open state |
+| `onOpenChange` | `(open: boolean) => void` | — | Open state callback |
+| `onAppSelect` | `(app: AppItem) => void` | — | Called when an app is selected |
+| `triggerLabel` | `string` | `"Open app switcher"` | Accessible label for trigger |
+| `trigger` | `ReactNode` | 9-dot icon | Custom trigger element |
+| `title` | `string` | — | Panel header title |
+| `footer` | `ReactNode` | — | Footer content below the grid |
+| `placement` | `"bottom-end" \| "bottom-start" \| "bottom"` | `"bottom-end"` | Panel position |
+| `closeOnSelect` | `boolean` | `true` | Close panel after selection |
+| `className` | `string` | — | Root CSS class |
+| `style` | `CSSProperties` | — | Root inline styles |
+
+\* Required when `apps` is not provided.
+
+### Types
+
+All types are exported from `@rfdtech/components`.
+
+```ts
+interface AppItem {
+  id: string;
+  name: string;
+  icon: ReactNode | string;
+  href?: string;
+  onClick?: (app: AppItem) => void;
+  disabled?: boolean;
+  badge?: string;
+  metadata?: MeApp;
+}
+
+interface MeApp {
+  system_id: string;
+  system_name: string;
+  system_code: string;
+  frontend_url: string;
+  role: string;
+  permissions: string[];
+}
+
+interface MeAppsResponse {
+  success: boolean;
+  message: string;
+  data: { apps: MeApp[] };
+  meta: { count: number };
+}
+```
+
+Also exported: `AppSwitcherProps`, `UseMeAppsOptions`, `UseMeAppsReturn`, `UseAppSwitcherOptions`, `UseAppSwitcherReturn`.
+
+### Hooks
+
+**`useMeApps`** — fetch and map systems from `/v1/me/apps`:
+
+```tsx
+import { useMeApps } from "@rfdtech/components";
+
+const { apps, loading, error, refetch } = useMeApps({
+  baseUrl: "https://api.example.com",
+  accessToken: "<token>",
+});
+```
+
+**`useAppSwitcher`** — headless open/close state for custom UI:
+
+```tsx
+import { useAppSwitcher } from "@rfdtech/components";
+
+const { open, toggle, close, triggerRef, panelRef } = useAppSwitcher();
+```
+
+### Utilities
+
+```tsx
+import {
+  buildMeAppsUrl,
+  createMeAppsRequestInit,
+  fetchMeApps,
+  mapMeAppToAppItem,
+  mapMeAppsToAppItems,
+  MeAppsFetchError,
+} from "@rfdtech/components";
+
+const url = buildMeAppsUrl("https://api.example.com");
+const init = createMeAppsRequestInit("<token>");
+const response = await fetchMeApps(url, init);
+const apps = mapMeAppsToAppItems(response.data.apps);
+```
+
+| Export | Description |
+|--------|-------------|
+| `buildMeAppsUrl(baseUrl)` | Builds `{baseUrl}/v1/me/apps`, or `/v1/me/apps` when `baseUrl` is empty |
+| `createMeAppsRequestInit(accessToken)` | Returns fetch options with `Authorization: Bearer ...` |
+| `fetchMeApps(url, init?)` | Fetches and validates the API response; throws `MeAppsFetchError` on failure |
+| `mapMeAppToAppItem(app)` | Maps one `MeApp` to an `AppItem` |
+| `mapMeAppsToAppItems(apps)` | Maps an array of `MeApp` values to `AppItem[]` |
+| `MeAppsFetchError` | Error thrown when the HTTP request fails or `success` is `false` |
+
+### Subcomponents
+
+Also exported for custom layouts:
+
+- `AppSwitcherItem` — single app grid cell
+- `GridIcon` — default 9-dot trigger icon
+- `SystemAppIcon` — initials avatar for API-fetched apps
+
+### Theming
+
+Override shared tokens on `.gsl-app-switcher` (see [Shared theming](#shared-theming)). `--gsl-focus` aliases to `--gsl-primary`.
+
+```css
+.my-switcher {
+  --gsl-primary: #dc2626;
+  --gsl-hover: #f1f3f4;
+  --gsl-columns: 4;
+}
+```
+
+### CORS
+
+When fetching from a remote `baseUrl` in the browser, the API must allow the host application's origin. Configure CORS on your backend or proxy `/v1` through your dev server during local development.
+
+## BulkImportModal
+
+Four-step modal wizard for importing spreadsheet data (.xlsx, .xls, .csv). Parsing and validation run entirely in the browser.
+
+### Usage
+
+```tsx
+import { BulkImportModal } from "@rfdtech/components";
+
+const fields = [
+  { key: "email", label: "Email", required: true },
+  { key: "full_name", label: "Full name", required: true },
+  { key: "student_id", label: "Student ID" },
+];
+
+<BulkImportModal
+  open={open}
+  onOpenChange={setOpen}
+  title="Import students"
+  fields={fields}
+  onComplete={(result) => {
+    console.log(result.rows, result.errors);
+  }}
+/>
+```
+
+### Steps
+
+1. **Upload Document** — preview expected columns, then upload `.xlsx`, `.xls`, or `.csv`
+2. **Select header row** — choose the header row with radio buttons
+3. **Match Columns** — map each uploaded column to a target field (`Your table` → `Will become`)
+4. **Validate data** — review rows in a table, discard invalid rows, then **Confirm**
+
+The first worksheet is used for multi-sheet workbooks. Discarded rows are excluded from `onComplete`.
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `open` | `boolean` | required | Controlled open state |
+| `onOpenChange` | `(open: boolean) => void` | required | Open state callback |
+| `fields` | `BulkImportField[]` | required | Target field schema for column matching |
+| `onComplete` | `(result: BulkImportResult) => void` | required | Called with mapped rows on import |
+| `title` | `string` | `"Bulk import"` | Modal title |
+| `maxFileSizeBytes` | `number` | `5242880` | Maximum upload size (5 MB) |
+| `allowImportWithWarnings` | `boolean` | `false` | Allow import when only warnings exist |
+| `className` | `string` | — | Root CSS class |
+
+### Field schema
+
+Each item in `fields` defines how a column is matched and validated:
+
+```ts
+type BulkImportFieldType =
+  | "string"
+  | "email"
+  | "number"
+  | "integer"
+  | "date"
+  | "boolean"
+  | "url"
+  | "phone";
+
+interface BulkImportField {
+  key: string;
+  label: string;
+  required?: boolean;
+  type?: BulkImportFieldType;
+  pattern?: string | RegExp;
+  patternMessage?: string;
+  minLength?: number;
+  maxLength?: number;
+  min?: number;
+  max?: number;
+  options?: string[];
+  optionsIgnoreCase?: boolean;
+  optionsMessage?: string;
+  description?: string;
+  example?: string;
+  trim?: boolean;
+  validate?: (value: string) => string | null;
+}
+```
+
+Example:
+
+```tsx
+const fields = [
+  {
+    key: "email",
+    label: "Email",
+    required: true,
+    type: "email",
+    description: "Student email address",
+    example: "student@gsl.edu.gh",
+  },
+  {
+    key: "student_id",
+    label: "Student ID",
+    pattern: "^STU-\\d{4}$",
+    patternMessage: "Use format STU-1234",
+    example: "STU-0042",
+  },
+  {
+    key: "status",
+    label: "Status",
+    options: ["active", "inactive"],
+  },
+];
+```
+
+Schema rules run before any custom `validate` function. Step 1 uses `example` when set; otherwise it derives preview values from `options`, `type`, `min`, and `patternMessage`. Step 3 maps each uploaded column to a target field and supports excluding columns with **×**.
+
+### Types
+
+```ts
+interface BulkImportResult {
+  rows: Record<string, string>[];
+  errors: BulkImportValidationError[];
+  warnings: BulkImportValidationError[];
+}
+```
+
+Also exported: `useBulkImportFlow`, step components, and utilities (`parseSpreadsheetFile`, `mapRowsToRecords`, `validateMappedRows`, `validateFieldValue`, `getFieldExampleValue`, `getFieldHint`, `autoMatchSourceColumns`).
+
+### Theming
+
+The modal uses a **near full-viewport** layout with a compulsory gutter on all sides (24px desktop, 16px mobile), enforced by overlay padding. Override shared tokens on `.gsl-bulk-import` via the `className` prop (see [Shared theming](#shared-theming)):
+
+```css
+.my-import {
+  --gsl-primary: #dc2626;
+  --gsl-primary-light: #fef2f2;
+  --gsl-success: #16a34a;
+  --gsl-error-bg: #fef2f2;
+}
+```
+
+Legacy aliases (`--gsl-bulk-import-primary`, `--gsl-bulk-import-primary-light`, etc.) still work and map to the shared tokens.
+
+To change the gutter size, override `--gsl-bulk-import-gutter` on `.gsl-bulk-import__overlay` in your app CSS (do not override modal width/height — the dialog always fills the padded overlay area):
+
+```css
+.gsl-bulk-import__overlay {
+  --gsl-bulk-import-gutter: 32px;
+}
+```
+
+## Development
+
+```bash
+npm install
+npm run demo        # Start demo at http://localhost:5173
+npm run test        # Run unit and component tests
+npm run test:watch  # Run tests in watch mode
+npm run build       # Build library to dist/
+npm run typecheck
+```
+
+The demo reads credentials from environment variables:
+
+```bash
+VITE_API_BASE_URL=https://api.example.com VITE_ACCESS_TOKEN=<token> npm run demo
+```
+
+Leave `VITE_API_BASE_URL` unset to use the built-in mock API at `/v1/me/apps`.
+
+## License
+
+MIT

package/dist/components/app-switcher/AppSwitcher.d.ts

@@ -0,0 +1,4 @@
+import type { AppSwitcherProps } from "../../types/app-switcher";
+import "./styles/app-switcher.css";
+export declare function AppSwitcher({ apps: appsProp, baseUrl, accessToken, open: controlledOpen, onOpenChange, onAppSelect, columns, triggerLabel, trigger, title, footer, className, style, placement, closeOnSelect, }: AppSwitcherProps): import("react").JSX.Element;
+//# sourceMappingURL=AppSwitcher.d.ts.map

package/dist/components/app-switcher/AppSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/AppSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAW,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG1E,OAAO,2BAA2B,CAAC;AAEnC,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,WAAW,EACX,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,WAAW,EACX,OAAW,EACX,YAAkC,EAClC,OAAO,EACP,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAwB,EACxB,aAAoB,GACrB,EAAE,gBAAgB,+BA6GlB"}

package/dist/components/app-switcher/AppSwitcher.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AppSwitcher.test.d.ts.map

package/dist/components/app-switcher/AppSwitcher.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcher.test.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/AppSwitcher.test.tsx"],"names":[],"mappings":""}

package/dist/components/app-switcher/AppSwitcherItem.d.ts

@@ -0,0 +1,8 @@
+import type { AppItem } from "../../types/app-switcher";
+interface AppSwitcherItemProps {
+    app: AppItem;
+    onSelect: (app: AppItem) => void;
+}
+export declare function AppSwitcherItem({ app, onSelect }: AppSwitcherItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AppSwitcherItem.d.ts.map

package/dist/components/app-switcher/AppSwitcherItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcherItem.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/AppSwitcherItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,UAAU,oBAAoB;IAC5B,GAAG,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAYD,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BA8DtE"}

package/dist/components/app-switcher/GridIcon.d.ts

@@ -0,0 +1,2 @@
+export declare function GridIcon(): import("react").JSX.Element;
+//# sourceMappingURL=GridIcon.d.ts.map

package/dist/components/app-switcher/GridIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridIcon.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/GridIcon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,gCAoBvB"}

package/dist/components/app-switcher/SystemAppIcon.d.ts

@@ -0,0 +1,6 @@
+interface SystemAppIconProps {
+    name: string;
+}
+export declare function SystemAppIcon({ name }: SystemAppIconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SystemAppIcon.d.ts.map

package/dist/components/app-switcher/SystemAppIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAppIcon.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/SystemAppIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd;AAgBD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,kBAAkB,+BAMzD"}

package/dist/components/app-switcher/api/fetchMeApps.d.ts

@@ -0,0 +1,6 @@
+import type { MeAppsResponse } from "../../../types/app-switcher";
+export declare class MeAppsFetchError extends Error {
+    constructor(message: string);
+}
+export declare function fetchMeApps(url?: string, init?: RequestInit): Promise<MeAppsResponse>;
+//# sourceMappingURL=fetchMeApps.d.ts.map

package/dist/components/app-switcher/api/fetchMeApps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchMeApps.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/fetchMeApps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,qBAAa,gBAAiB,SAAQ,KAAK;gBAC7B,OAAO,EAAE,MAAM;CAI5B;AAED,wBAAsB,WAAW,CAC/B,GAAG,SAAgB,EACnB,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,cAAc,CAAC,CAczB"}

package/dist/components/app-switcher/api/fetchMeApps.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fetchMeApps.test.d.ts.map

package/dist/components/app-switcher/api/fetchMeApps.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchMeApps.test.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/fetchMeApps.test.ts"],"names":[],"mappings":""}

package/dist/components/app-switcher/api/mapMeAppToAppItem.d.ts

@@ -0,0 +1,4 @@
+import type { AppItem, MeApp } from "../../../types/app-switcher";
+export declare function mapMeAppToAppItem(app: MeApp): AppItem;
+export declare function mapMeAppsToAppItems(apps: MeApp[]): AppItem[];
+//# sourceMappingURL=mapMeAppToAppItem.d.ts.map

package/dist/components/app-switcher/api/mapMeAppToAppItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapMeAppToAppItem.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/mapMeAppToAppItem.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,CAUrD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAE5D"}

package/dist/components/app-switcher/api/mapMeAppToAppItem.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mapMeAppToAppItem.test.d.ts.map

package/dist/components/app-switcher/api/mapMeAppToAppItem.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapMeAppToAppItem.test.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/mapMeAppToAppItem.test.ts"],"names":[],"mappings":""}

package/dist/components/app-switcher/api/meAppsClient.d.ts

@@ -0,0 +1,3 @@
+export declare function buildMeAppsUrl(baseUrl: string): string;
+export declare function createMeAppsRequestInit(accessToken: string): RequestInit;
+//# sourceMappingURL=meAppsClient.d.ts.map

package/dist/components/app-switcher/api/meAppsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meAppsClient.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/meAppsClient.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,UAG7C;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,CAMxE"}

package/dist/components/app-switcher/api/meAppsClient.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=meAppsClient.test.d.ts.map

package/dist/components/app-switcher/api/meAppsClient.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meAppsClient.test.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/api/meAppsClient.test.ts"],"names":[],"mappings":""}

package/dist/components/app-switcher/hooks/useAppSwitcher.d.ts

@@ -0,0 +1,3 @@
+import type { UseAppSwitcherOptions, UseAppSwitcherReturn } from "../../../types/app-switcher";
+export declare function useAppSwitcher(options?: UseAppSwitcherOptions): UseAppSwitcherReturn;
+//# sourceMappingURL=useAppSwitcher.d.ts.map

package/dist/components/app-switcher/hooks/useAppSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/hooks/useAppSwitcher.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA8DtB"}

package/dist/components/app-switcher/hooks/useMeApps.d.ts

@@ -0,0 +1,3 @@
+import type { UseMeAppsOptions, UseMeAppsReturn } from "../../../types/app-switcher";
+export declare function useMeApps(options: UseMeAppsOptions): UseMeAppsReturn;
+//# sourceMappingURL=useMeApps.d.ts.map

package/dist/components/app-switcher/hooks/useMeApps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeApps.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/hooks/useMeApps.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAErF,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,CA2DpE"}

package/dist/components/app-switcher/hooks/useMeApps.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useMeApps.test.d.ts.map

package/dist/components/app-switcher/hooks/useMeApps.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeApps.test.d.ts","sourceRoot":"","sources":["../../../../src/components/app-switcher/hooks/useMeApps.test.tsx"],"names":[],"mappings":""}

package/dist/components/app-switcher/index.d.ts

@@ -0,0 +1,11 @@
+export { AppSwitcher } from "./AppSwitcher";
+export { AppSwitcherItem } from "./AppSwitcherItem";
+export { GridIcon } from "./GridIcon";
+export { SystemAppIcon } from "./SystemAppIcon";
+export { fetchMeApps, MeAppsFetchError } from "./api/fetchMeApps";
+export { buildMeAppsUrl, createMeAppsRequestInit, } from "./api/meAppsClient";
+export { mapMeAppToAppItem, mapMeAppsToAppItems, } from "./api/mapMeAppToAppItem";
+export { useAppSwitcher } from "./hooks/useAppSwitcher";
+export { useMeApps } from "./hooks/useMeApps";
+export type { AppItem, AppSwitcherProps, MeApp, MeAppsResponse, UseMeAppsOptions, UseMeAppsReturn, UseAppSwitcherOptions, UseAppSwitcherReturn, } from "../../types/app-switcher";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/app-switcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-switcher/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,cAAc,EACd,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EACV,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC"}

package/dist/components/bulk-import-modal/BulkImportModal.d.ts

@@ -0,0 +1,4 @@
+import type { BulkImportModalProps } from "../../types/bulk-import-modal";
+import "./styles/bulk-import-modal.css";
+export declare function BulkImportModal({ open, onOpenChange, fields, onComplete, title, maxFileSizeBytes, allowImportWithWarnings, className, }: BulkImportModalProps): import("react").ReactPortal | null;
+//# sourceMappingURL=BulkImportModal.d.ts.map

package/dist/components/bulk-import-modal/BulkImportModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkImportModal.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-import-modal/BulkImportModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAO1E,OAAO,gCAAgC,CAAC;AAgCxC,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAqB,EACrB,gBAAwC,EACxC,uBAA+B,EAC/B,SAAS,GACV,EAAE,oBAAoB,sCAyOtB"}

package/dist/components/bulk-import-modal/BulkImportModal.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BulkImportModal.test.d.ts.map

package/dist/components/bulk-import-modal/BulkImportModal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkImportModal.test.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-import-modal/BulkImportModal.test.tsx"],"names":[],"mappings":""}

package/dist/components/bulk-import-modal/hooks/useBulkImportFlow.d.ts

@@ -0,0 +1,3 @@
+import type { UseBulkImportFlowOptions, UseBulkImportFlowReturn } from "../../../types/bulk-import-modal";
+export declare function useBulkImportFlow(options: UseBulkImportFlowOptions): UseBulkImportFlowReturn;
+//# sourceMappingURL=useBulkImportFlow.d.ts.map

package/dist/components/bulk-import-modal/hooks/useBulkImportFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkImportFlow.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/hooks/useBulkImportFlow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAmB1C,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,uBAAuB,CAuPzB"}

package/dist/components/bulk-import-modal/hooks/useBulkImportFlow.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useBulkImportFlow.test.d.ts.map

package/dist/components/bulk-import-modal/hooks/useBulkImportFlow.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkImportFlow.test.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/hooks/useBulkImportFlow.test.tsx"],"names":[],"mappings":""}

package/dist/components/bulk-import-modal/index.d.ts

@@ -0,0 +1,12 @@
+export { BulkImportModal } from "./BulkImportModal";
+export { UploadStep } from "./steps/UploadStep";
+export { SelectHeaderRowStep } from "./steps/SelectHeaderRowStep";
+export { MatchColumnsStep } from "./steps/MatchColumnsStep";
+export { ValidateDataStep } from "./steps/ValidateDataStep";
+export { useBulkImportFlow } from "./hooks/useBulkImportFlow";
+export { BulkImportParseError, isAcceptedSpreadsheetFile, parseSpreadsheetFile, } from "./utils/parseSpreadsheetFile";
+export { autoMatchSourceColumns, buildAllSourceColumns, buildSourceColumns, createEmptySourceMapping, getMappedFieldKeys, isRequiredMappingComplete, mapRowsToRecords, } from "./utils/mapRowsToRecords";
+export { splitValidationIssues, validateMappedRows, } from "./utils/validateMappedRows";
+export { getFieldExampleValue, getFieldHint, validateFieldValue, } from "./utils/validateFieldValue";
+export type { BulkImportField, BulkImportFieldType, BulkImportModalProps, BulkImportResult, BulkImportStep, BulkImportValidationError, ColumnMapping, ParsedSpreadsheet, SourceColumn, SourceColumnMapping, UseBulkImportFlowOptions, UseBulkImportFlowReturn, } from "../../types/bulk-import-modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/bulk-import-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-import-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,yBAAyB,EACzB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC"}

package/dist/components/bulk-import-modal/steps/MatchColumnsStep.d.ts

@@ -0,0 +1,13 @@
+import type { BulkImportField, SourceColumn, SourceColumnMapping } from "../../../types/bulk-import-modal";
+interface MatchColumnsStepProps {
+    fields: BulkImportField[];
+    allSourceColumns: SourceColumn[];
+    previewRows: string[][];
+    sourceColumnMapping: SourceColumnMapping;
+    excludedColumns: number[];
+    onSourceMappingChange: (sourceIndex: number, fieldKey: string | null) => void;
+    onToggleExcludedColumn: (sourceIndex: number) => void;
+}
+export declare function MatchColumnsStep({ fields, allSourceColumns, previewRows, sourceColumnMapping, excludedColumns, onSourceMappingChange, onToggleExcludedColumn, }: MatchColumnsStepProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MatchColumnsStep.d.ts.map

package/dist/components/bulk-import-modal/steps/MatchColumnsStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchColumnsStep.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/steps/MatchColumnsStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,UAAU,qBAAqB;IAC7B,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC;IACxB,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,qBAAqB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9E,sBAAsB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAgBD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,GACvB,EAAE,qBAAqB,+BA8EvB"}

package/dist/components/bulk-import-modal/steps/SelectHeaderRowStep.d.ts

@@ -0,0 +1,8 @@
+interface SelectHeaderRowStepProps {
+    rows: string[][];
+    headerRowIndex: number | null;
+    onSelectHeaderRow: (index: number) => void;
+}
+export declare function SelectHeaderRowStep({ rows, headerRowIndex, onSelectHeaderRow, }: SelectHeaderRowStepProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SelectHeaderRowStep.d.ts.map

package/dist/components/bulk-import-modal/steps/SelectHeaderRowStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectHeaderRowStep.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/steps/SelectHeaderRowStep.tsx"],"names":[],"mappings":"AAAA,UAAU,wBAAwB;IAChC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAID,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,cAAc,EACd,iBAAiB,GAClB,EAAE,wBAAwB,+BA8C1B"}

package/dist/components/bulk-import-modal/steps/UploadStep.d.ts

@@ -0,0 +1,11 @@
+import type { BulkImportField } from "../../../types/bulk-import-modal";
+interface UploadStepProps {
+    fields: BulkImportField[];
+    fileName: string | null;
+    parseError: string | null;
+    isParsing: boolean;
+    onFileSelected: (file: File) => void;
+}
+export declare function UploadStep({ fields, fileName, parseError, isParsing, onFileSelected, }: UploadStepProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=UploadStep.d.ts.map

package/dist/components/bulk-import-modal/steps/UploadStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadStep.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/steps/UploadStep.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGxE,UAAU,eAAe;IACvB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,GACf,EAAE,eAAe,+BAiFjB"}