@brikka/locations 1.0.6 → 1.0.7

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./lib/AddLocationButton";
+export * from "./lib/SidebarMapsCard";

package/{src → dist}/lib/AddLocationButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonBarButtonProps } from "@compill/admin";
 import { API } from "@compill/api";
 import { Location } from "@compill/models";

package/dist/lib/AddLocationButton.jsx

@@ -0,0 +1,33 @@
+import { ButtonBarButton, ItemEditDialog } from "@compill/admin";
+import { FormHelper } from "@compill/form";
+import { mapsHelper } from "@compill/form-maps";
+import { useModal } from "@compill/hooks";
+import { mdiPlus } from "@mdi/js";
+import * as Yup from "yup";
+const editForm = (lat, lng, mapZoom, locationTypeLabel) => FormHelper.array(mapsHelper("location", `Search a ${locationTypeLabel}`, lat, lng, mapZoom), FormHelper.condition("location", (location) => location != null && Object.keys(location).length > 0, FormHelper.array(FormHelper.divider(), FormHelper.input("map.addressName", "Name"), FormHelper.input("map.addressStreet", "Address", false, undefined, { disabled: true }))));
+const editInitialValues = () => ({
+    type: "google",
+    location: {}
+});
+const editSchema = Yup.object().shape({
+// name: Yup.string().required("Please set a name for your organisation"),
+// type: Yup.string().required("Please select a type"),
+});
+export function NewLocationButton({ api, lat, lng, mapZoom, locationTypeLabel = "location", ...props }) {
+    const { isOpen, onOpen, modalProps } = useModal();
+    return (<>
+            <ButtonBarButton size="md" icon={mdiPlus} onClick={onOpen} {...props}>
+                New Venue
+            </ButtonBarButton>
+
+            {isOpen && (<ItemEditDialog api={api} form={editForm(lat, lng, mapZoom, locationTypeLabel)} initialValues={editInitialValues} formToQueryData={(values) => ({
+                type: "google",
+                ext_id: values.map.googleMapsPlaceId,
+                lat: values.map.lat,
+                lng: values.map.lng,
+                name: values.map.addressName,
+                address: values.map.addressStreet,
+                mapZoom
+            })} itemLabel={locationTypeLabel} formikProps={{ validationSchema: editSchema }} {...modalProps}/>)}
+        </>);
+}

package/{src → dist}/lib/SidebarMapsCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Location } from "@compill/models";
 interface SidebarMapsCardProps {
     location?: Location;

package/dist/lib/SidebarMapsCard.jsx

@@ -0,0 +1,41 @@
+import { FlexCenter } from "@compill/components";
+import { useCopyToClipboard } from "@compill/hooks";
+import { NextImageFill } from "@compill/next";
+import { mdiContentCopy, mdiMapMarker } from "@mdi/js";
+import { IconButton } from "@valerya/ui";
+import { SidebarCard } from "@brikka/layout";
+export function SidebarMapsCard({ title, location }) {
+    const copy = useCopyToClipboard(location?.address ?? location?.name ?? "", "Address copied!");
+    const googleMapsLink = `https://www.google.com/maps/search/?api=1&query=${location?.lat},${location?.lng}`;
+    if (!location)
+        return null;
+    if (!location.name && !location.address && location.media)
+        return null;
+    return (<SidebarCard icon={mdiMapMarker} title={title || "Location"}>
+            <div bgColor="white" p="5">
+                {(location.name || location.address) &&
+            (<>
+                            <div ps="2" dflex alignItems="center">
+                                <span flexGrow>{location.name ? location.name : location.address}</span>
+                                <span>
+                                    <IconButton variant="borderless" scheme="secondary" size="lg" rounded="full" icon={mdiContentCopy} onClick={copy}/>
+                                </span>
+                            </div>
+
+                            {/* TODO Retrieve full address in fb api */}
+                            {location.name && location.address && <div ps="2" textColor="slate-600" textSize="sm">{location.address}</div>}
+                        </>)}
+
+                {location.media &&
+            (<div aspectRatio="16/10" group position="relative">
+                            <NextImageFill showLoadingStates src={location.media?.url ?? ""} alt="Google Maps" size='33vw' sm_size='33vw' md_size='33vw' lg_size='448px' xl_size='448px' x2_size='448px' width={location.media?.width ?? 0} height={location.media?.height ?? 0}/>
+
+                            <a href={googleMapsLink} target="_blank" rel="nofollow">
+                                <FlexCenter opacity="0" groupHover_opacity="100" position="absolute" top="0" start="0" w="full" h="full" bgColor="black" bgOpacity="50" textColor="white" fontWeight="500" textSize="lg" transition="all" easing="in-out" duration="500">
+                                    Open in Google Maps
+                                </FlexCenter>
+                            </a>
+                        </div>)}
+            </div>
+        </SidebarCard>);
+}

package/package.json

@@ -1,6 +1,53 @@
 {
-    "name": "@brikka/locations",
-    "version": "1.0.6",
-    "module": "./index.esm.js",
-    "main": "./index.cjs.js"
+  "name": "@brikka/locations",
+  "version": "1.0.7",
+  "private": false,
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "eslint": "^9.38.0",
+    "typescript": "5.9.2",
+    "@types/react": "^18.3.1",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "next": "^15.5.4"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "yup": "^1.1.0",
+    "@soperio/react": "1.0.14",
+    "@soperio/jsx-runtime": "1.0.14",
+    "@valerya/ui": "1.0.9",
+    "@brikka/layout": "1.0.80",
+    "@compill/admin": "1.0.102",
+    "@compill/api": "1.0.57",
+    "@compill/auth": "1.0.77",
+    "@compill/components": "1.0.49",
+    "@compill/form-maps": "1.0.14",
+    "@compill/form": "1.0.67",
+    "@compill/next": "1.0.58",
+    "@compill/models": "1.0.12",
+    "@compill/hooks": "1.0.43"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsup src/index.ts --format esm --dts --watch",
+    "lint": "eslint . --max-warnings 0",
+    "check-types": "tsc --noEmit"
+  }
 }

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";