@mattilsynet/design 2.2.25 → 2.2.26

package/mtds/atlas/atlas.d.ts

@@ -1,5 +1,5 @@
 import { CustomReactElementProps } from '../react-types';
-import { MTDSAtlasElement, MTDSAtlasMarkerElement, MTDSAtlasMatgeoElement } from './atlas-element';
+import { MTDSAtlasElement, MTDSAtlasMarkerElement, MTDSAtlasMatgeoElement, MTDSAtlasWMSElement } from './atlas-element';
 export * from './atlas-element';
 declare global {
     namespace React.JSX {
@@ -13,6 +13,9 @@ declare global {
             "mtds-atlas-marker": CustomReactElementProps<MTDSAtlasMarkerElement> & {
                 "data-latlng": string;
             };
+            "mtds-atlas-wms": CustomReactElementProps<MTDSAtlasWMSElement> & {
+                "data-url": string;
+            };
             "mtds-atlas-matgeo": CustomReactElementProps<MTDSAtlasMatgeoElement> & {
                 "data-collection": string;
                 onatlasfeatureclick?: (event: GlobalEventHandlersEventMap["atlasfeatureclick"]) => void;
@@ -22,6 +25,7 @@ declare global {
 }
 export type AtlasProps = React.JSX.IntrinsicElements["mtds-atlas"];
 export type AtlasMarkerProps = React.JSX.IntrinsicElements["mtds-atlas-marker"];
+export type AtlasWMSProps = React.JSX.IntrinsicElements["mtds-atlas-wms"];
 export type AtlasMatgeoProps = React.JSX.IntrinsicElements["mtds-atlas-matgeo"] & {
     onFeatureClick?: React.JSX.IntrinsicElements["mtds-atlas-matgeo"]["onatlasfeatureclick"];
 };
@@ -39,4 +43,9 @@ export declare const Atlas: import('react').ForwardRefExoticComponent<Omit<{
         "data-latlng": string;
     }, "ref"> & import('react').RefAttributes<MTDSAtlasMarkerElement>>;
     Matgeo: import('react').ForwardRefExoticComponent<Omit<AtlasMatgeoProps, "ref"> & import('react').RefAttributes<MTDSAtlasMatgeoElement>>;
+    WMS: import('react').ForwardRefExoticComponent<Omit<{
+        class?: string;
+    } & import('react').ClassAttributes<MTDSAtlasWMSElement> & import('react').HTMLAttributes<MTDSAtlasWMSElement> & {
+        "data-url": string;
+    }, "ref"> & import('react').RefAttributes<MTDSAtlasWMSElement>>;
 };

package/mtds/atlas/atlas.js

@@ -24,6 +24,11 @@ const Atlas = Object.assign(AtlasComp, {
         }
       );
     }
+  ),
+  WMS: forwardRef(
+    function AtlasWMS(props, ref) {
+      return /* @__PURE__ */ jsx("mtds-atlas-wms", { ref, ...toCustomElementProps(props) });
+    }
   )
 });
 export {

package/mtds/atlas/atlas.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas.js","sources":["../../designsystem/atlas/atlas.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport { toCustomElementProps } from \"../utils\";\nimport type {\n\tMTDSAtlasElement,\n\tMTDSAtlasMarkerElement,\n\tMTDSAtlasMatgeoElement,\n} from \"./atlas-element\";\n\nexport * from \"./atlas-element\"; // Expose { L } for Leaflet import\n\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicElements {\n\t\t\t\"mtds-atlas\": CustomReactElementProps<MTDSAtlasElement> & {\n\t\t\t\t\"data-cluster\"?: number | `${number}` | boolean | \"true\" | \"false\";\n\t\t\t\t\"data-scrollzoom\"?: boolean | \"true\" | \"false\";\n\t\t\t\t\"data-tiles\"?: \"color\" | \"gray\";\n\t\t\t\t\"data-view\"?: string | number[];\n\t\t\t};\n\t\t\t\"mtds-atlas-marker\": CustomReactElementProps<MTDSAtlasMarkerElement> & {\n\t\t\t\t\"data-latlng\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-matgeo\": CustomReactElementProps<MTDSAtlasMatgeoElement> & {\n\t\t\t\t\"data-collection\": string;\n\t\t\t\tonatlasfeatureclick?: (\n\t\t\t\t\tevent: GlobalEventHandlersEventMap[\"atlasfeatureclick\"],\n\t\t\t\t) => void;\n\t\t\t};\n\t\t}\n\t}\n}\n\nexport type AtlasProps = React.JSX.IntrinsicElements[\"mtds-atlas\"];\nexport type AtlasMarkerProps = React.JSX.IntrinsicElements[\"mtds-atlas-marker\"];\nexport type AtlasMatgeoProps =\n\tReact.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"] & {\n\t\tonFeatureClick?: React.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"][\"onatlasfeatureclick\"];\n\t};\n\nconst AtlasComp = forwardRef<MTDSAtlasElement, AtlasProps>(\n\tfunction Atlas(props, ref) {\n\t\treturn <mtds-atlas ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Atlas = Object.assign(AtlasComp, {\n\tMarker: forwardRef<MTDSAtlasMarkerElement, AtlasMarkerProps>(\n\t\tfunction AtlasMarker(props, ref) {\n\t\t\treturn <mtds-atlas-marker ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n\tMatgeo: forwardRef<MTDSAtlasMatgeoElement, AtlasMatgeoProps>(\n\t\tfunction AtlasMatgeo({ onFeatureClick, ...rest }, ref) {\n\t\t\treturn (\n\t\t\t\t<mtds-atlas-matgeo\n\t\t\t\t\tref={ref}\n\t\t\t\t\tonatlasfeatureclick={onFeatureClick}\n\t\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n});\n"],"names":["Atlas"],"mappings":";;;;AAwCA,MAAM,YAAY;AAAA,EACjB,SAASA,OAAM,OAAO,KAAK;AAC1B,+BAAQ,cAAA,EAAW,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC/D;AACD;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC7C,QAAQ;AAAA,IACP,SAAS,YAAY,OAAO,KAAK;AAChC,iCAAQ,qBAAA,EAAkB,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,IACtE;AAAA,EAAA;AAAA,EAED,QAAQ;AAAA,IACP,SAAS,YAAY,EAAE,gBAAgB,GAAG,KAAA,GAAQ,KAAK;AACtD,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,qBAAqB;AAAA,UACpB,GAAG,qBAAqB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhC;AAAA,EAAA;AAEF,CAAC;"}
+{"version":3,"file":"atlas.js","sources":["../../designsystem/atlas/atlas.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport { toCustomElementProps } from \"../utils\";\nimport type {\n\tMTDSAtlasElement,\n\tMTDSAtlasMarkerElement,\n\tMTDSAtlasMatgeoElement,\n\tMTDSAtlasWMSElement,\n} from \"./atlas-element\";\n\nexport * from \"./atlas-element\"; // Expose { L } for Leaflet import\n\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicElements {\n\t\t\t\"mtds-atlas\": CustomReactElementProps<MTDSAtlasElement> & {\n\t\t\t\t\"data-cluster\"?: number | `${number}` | boolean | \"true\" | \"false\";\n\t\t\t\t\"data-scrollzoom\"?: boolean | \"true\" | \"false\";\n\t\t\t\t\"data-tiles\"?: \"color\" | \"gray\";\n\t\t\t\t\"data-view\"?: string | number[];\n\t\t\t};\n\t\t\t\"mtds-atlas-marker\": CustomReactElementProps<MTDSAtlasMarkerElement> & {\n\t\t\t\t\"data-latlng\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-wms\": CustomReactElementProps<MTDSAtlasWMSElement> & {\n\t\t\t\t\"data-url\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-matgeo\": CustomReactElementProps<MTDSAtlasMatgeoElement> & {\n\t\t\t\t\"data-collection\": string;\n\t\t\t\tonatlasfeatureclick?: (\n\t\t\t\t\tevent: GlobalEventHandlersEventMap[\"atlasfeatureclick\"],\n\t\t\t\t) => void;\n\t\t\t};\n\t\t}\n\t}\n}\n\nexport type AtlasProps = React.JSX.IntrinsicElements[\"mtds-atlas\"];\nexport type AtlasMarkerProps = React.JSX.IntrinsicElements[\"mtds-atlas-marker\"];\nexport type AtlasWMSProps = React.JSX.IntrinsicElements[\"mtds-atlas-wms\"];\nexport type AtlasMatgeoProps =\n\tReact.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"] & {\n\t\tonFeatureClick?: React.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"][\"onatlasfeatureclick\"];\n\t};\n\nconst AtlasComp = forwardRef<MTDSAtlasElement, AtlasProps>(\n\tfunction Atlas(props, ref) {\n\t\treturn <mtds-atlas ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Atlas = Object.assign(AtlasComp, {\n\tMarker: forwardRef<MTDSAtlasMarkerElement, AtlasMarkerProps>(\n\t\tfunction AtlasMarker(props, ref) {\n\t\t\treturn <mtds-atlas-marker ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n\tMatgeo: forwardRef<MTDSAtlasMatgeoElement, AtlasMatgeoProps>(\n\t\tfunction AtlasMatgeo({ onFeatureClick, ...rest }, ref) {\n\t\t\treturn (\n\t\t\t\t<mtds-atlas-matgeo\n\t\t\t\t\tref={ref}\n\t\t\t\t\tonatlasfeatureclick={onFeatureClick}\n\t\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n\tWMS: forwardRef<MTDSAtlasWMSElement, AtlasWMSProps>(\n\t\tfunction AtlasWMS(props, ref) {\n\t\t\treturn <mtds-atlas-wms ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n});\n"],"names":["Atlas"],"mappings":";;;;AA6CA,MAAM,YAAY;AAAA,EACjB,SAASA,OAAM,OAAO,KAAK;AAC1B,+BAAQ,cAAA,EAAW,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC/D;AACD;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC7C,QAAQ;AAAA,IACP,SAAS,YAAY,OAAO,KAAK;AAChC,iCAAQ,qBAAA,EAAkB,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,IACtE;AAAA,EAAA;AAAA,EAED,QAAQ;AAAA,IACP,SAAS,YAAY,EAAE,gBAAgB,GAAG,KAAA,GAAQ,KAAK;AACtD,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,qBAAqB;AAAA,UACpB,GAAG,qBAAqB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhC;AAAA,EAAA;AAAA,EAED,KAAK;AAAA,IACJ,SAAS,SAAS,OAAO,KAAK;AAC7B,iCAAQ,kBAAA,EAAe,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,IACnE;AAAA,EAAA;AAEF,CAAC;"}

package/mtds/atlas/atlas.stories.d.ts

@@ -19,6 +19,7 @@ export declare const WithClustering: Story;
 export declare const WithPopover: Story;
 export declare const WithPopoverDynamic: Story;
 export declare const WithMatgeo: Story;
+export declare const WithWMS: Story;
 export declare const WithTooltip: Story;
 export declare const WithClickToAddMarker: Story;
 export declare const WithoutScrollZoom: Story;