utopia-ui 3.0.82 → 3.0.83

package/dist/types/src/Components/AppShell/AppShell.d.ts

@@ -3,9 +3,10 @@ export type { AssetsApi } from '#types/AssetsApi';
 /**
  * @category AppShell
  */
-export declare function AppShell({ appName, children, assetsApi, embedded, }: {
+export declare function AppShell({ appName, children, assetsApi, embedded, openCollectiveApiKey, }: {
     appName: string;
     children: React.ReactNode;
     assetsApi: AssetsApi;
     embedded?: boolean;
+    openCollectiveApiKey?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/AppShell/SetAppState.d.ts

@@ -1,5 +1,6 @@
 import type { AssetsApi } from '#types/AssetsApi';
-export declare const SetAppState: ({ assetsApi, embedded, }: {
+export declare const SetAppState: ({ assetsApi, embedded, openCollectiveApiKey, }: {
     assetsApi: AssetsApi;
     embedded?: boolean;
+    openCollectiveApiKey?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/AppShell/hooks/useAppState.d.ts

@@ -3,7 +3,9 @@ interface AppState {
     assetsApi: AssetsApi;
     sideBarOpen: boolean;
     sideBarSlim: boolean;
+    showThemeControl: boolean;
     embedded: boolean;
+    openCollectiveApiKey: string;
 }
 type UseAppManagerResult = ReturnType<typeof useAppManager>;
 declare function useAppManager(): {

package/dist/types/src/Components/Map/Permissions.d.ts

@@ -1,16 +1,37 @@
 import type { ItemsApi } from '#types/ItemsApi';
 import type { Permission } from '#types/Permission';
-/**
- * @category Types
- */
-export interface PermissionsProps {
-    data?: Permission[];
-    api?: ItemsApi<Permission>;
-    adminRole?: string;
-}
 export type { Permission } from '#types/Permission';
 export type { ItemsApi } from '#types/ItemsApi';
 /**
+ * This Components injects Permissions comming from an {@link ItemsApi | `API`}
+ * ```tsx
+ * <Permissions api={itemsApiInstance} adminRole="8141dee8-8e10-48d0-baf1-680aea271298" />
+ * ```
+ * or from on {@link Permission| `Array`}
+ * ```tsx
+ * <Permissions data={permissions} adminRole="8141dee8-8e10-48d0-baf1-680aea271298" />
+ * ```
+ * Can be child of {@link AppShell | `AppShell`}
+ * ```tsx
+ * <AppShell>
+ *     ...
+ *     <Permissions api={itemsApiInstance} adminRole="8141dee8-8e10-48d0-baf1-680aea271298" />
+ * </AppShell>
+ *  ```
+ * Or child of {@link UtopiaMap | `UtopiaMap`}
+ * ```tsx
+ * <UtopiaMap>
+ *     ...
+ *     <Permissions api={itemsApiInstance} adminRole="8141dee8-8e10-48d0-baf1-680aea271298" />
+ * </UtopiaMap>
+ * ```
  * @category Map
  */
-export declare function Permissions({ data, api, adminRole }: PermissionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Permissions({ data, api, adminRole, }: {
+    /** Array with all the permissions inside */
+    data?: Permission[];
+    /** API to fetch all the permissions from a server */
+    api?: ItemsApi<Permission>;
+    /** UUID of the admin role which has always all the permissions */
+    adminRole?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Map/Tags.d.ts

@@ -1,6 +1,28 @@
 import type { ItemsApi } from '#types/ItemsApi';
 import type { Tag } from '#types/Tag';
 /**
+ * This Components injects Tags comming from an {@link ItemsApi | `API`}
+ * ```tsx
+ * <Tags api={tagsApi} />
+ * ```
+ * or from on {@link Tag| `Array`}
+ * ```tsx
+ * <Tags data={tags} />
+ * ```
+ * Can be child of {@link AppShell | `AppShell`}
+ * ```tsx
+ * <AppShell>
+ *     ...
+ *     <Tags api={tagsApi} />
+ * </AppShell>
+ *  ```
+ * Or child of {@link UtopiaMap | `UtopiaMap`}
+ * ```tsx
+ * <UtopiaMap>
+ *     ...
+ *     <Tags api={tagsApi} />
+ * </UtopiaMap>
+ * ```
  * @category Map
  */
 export declare function Tags({ data, api }: {

package/dist/types/src/Components/Map/UtopiaMap.d.ts

@@ -1,6 +1,62 @@
-import type { UtopiaMapProps } from '#types/UtopiaMapProps';
+import type { GeoJsonObject } from 'geojson';
 /**
+ * This component creates the map.
+ * ```tsx
+ *   <UtopiaMap center={[50.6, 9.5]} zoom={5} height="100dvh" width="100dvw" />
+ *  ```
+ * You can define its {@link Layer | `Layers`}  as supcomponents.
+ * ```tsx
+ *     <UtopiaMap center={[50.6, 15.5]} zoom={5} height="100dvh" width="100dvw">
+ *       <Layer
+ *         name="events"
+ *         markerIcon="calendar"
+ *         markerShape="square"
+ *         markerDefaultColor="#700"
+ *         data={events}
+ *       />
+ *       <Layer
+ *         name="places"
+ *         markerIcon="point"
+ *         markerShape="circle"
+ *         markerDefaultColor="#007"
+ *         data={places}
+ *       />
+ *     </UtopiaMap>
+ *  ```
+ * You can also pass {@link Tags | `Tags`}  or {@link Permissions | `Permissions`}  as subcomponents.
+ * ```tsx
+ *     <UtopiaMap center={[50.6, 15.5]} zoom={5} height="100dvh" width="100dvw">
+ *       ...
+ *       <Tags data={tags} />
+ *       <Permissions data={permissions} />
+ *     </UtopiaMap>
+ * ```
  * @category Map
  */
-declare function UtopiaMap({ height, width, center, zoom, children, geo, showFilterControl, showGratitudeControl, showLayerControl, infoText, donationWidget, }: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;
+declare function UtopiaMap({ height, width, center, zoom, children, geo, showFilterControl, showGratitudeControl, showLayerControl, showThemeControl, defaultTheme, donationWidget, }: {
+    /** height of the map (default '500px') */
+    height?: string;
+    /** width of the map (default '100%') */
+    width?: string;
+    /** initial centered position of the map (default [50.6, 9.5]) */
+    center?: [number, number];
+    /** initial zoom level of the map (default 10) */
+    zoom?: number;
+    /** React child-components */
+    children?: React.ReactNode;
+    /** GeoJSON to display on the map */
+    geo?: GeoJsonObject;
+    /** show the filter control widget (default false) */
+    showFilterControl?: boolean;
+    /** show the gratitude control widget (default false) */
+    showLayerControl?: boolean;
+    /** show the layer control widget (default true) */
+    showGratitudeControl?: boolean;
+    /** show a widget to switch the theme */
+    showThemeControl: boolean;
+    /** the defaut theme */
+    defaultTheme: string;
+    /** ask to donate to the Utopia Project OpenCollective campaign (default false) */
+    donationWidget?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export { UtopiaMap };

package/dist/types/src/Components/Map/UtopiaMapInner.d.ts

@@ -1,2 +1,11 @@
-import type { UtopiaMapProps } from '#types/UtopiaMapProps';
-export declare function UtopiaMapInner({ children, geo, showFilterControl, showGratitudeControl, showLayerControl, donationWidget, }: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;
+import type { GeoJsonObject } from 'geojson';
+export declare function UtopiaMapInner({ children, geo, showFilterControl, showGratitudeControl, showLayerControl, showThemeControl, defaultTheme, donationWidget, }: {
+    children?: React.ReactNode;
+    geo?: GeoJsonObject;
+    showFilterControl?: boolean;
+    showLayerControl?: boolean;
+    showGratitudeControl?: boolean;
+    donationWidget?: boolean;
+    showThemeControl?: boolean;
+    defaultTheme?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Profile/ItemFunctions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.82",
+  "version": "3.0.83",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage": "https://utopia-os.org/",
@@ -24,6 +24,7 @@
     "test:component": "cypress run --component --browser electron",
     "test:unit": "npm run test:unit:dev -- run --coverage",
     "test:unit:dev": "vitest",
+    "test:unit:update": "npm run test:unit:dev -- run --coverage -u",
     "docs:generate": "typedoc --includeVersion --navigation.includeCategories true --plugin typedoc-plugin-missing-exports --plugin typedoc-plugin-coverage src/index.tsx",
     "update": "npx npm-check-updates"
   },
@@ -38,6 +39,7 @@
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
+    "@tailwindcss/postcss": "^4.0.14",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/geojson": "^7946.0.14",
@@ -49,9 +51,8 @@
     "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^3.0.5",
-    "autoprefixer": "^10.4.14",
     "cypress": "^14.0.3",
-    "daisyui": "^4.6.1",
+    "daisyui": "^5.0.6",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard": "^17.1.0",
@@ -76,7 +77,7 @@
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-svg": "^2.0.0",
-    "tailwindcss": "^3.3.1",
+    "tailwindcss": "^4.0.14",
     "typedoc": "^0.27.6",
     "typedoc-plugin-coverage": "^3.4.1",
     "typedoc-plugin-missing-exports": "^3.1.0",