@opendfieldmap/react 0.1.0-alpha.0 → 0.2.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +4 -0
- package/dist/index.js.map +2 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -11,6 +11,8 @@ var getConfig = (options) => ({
|
|
|
11
11
|
labels: options.labels,
|
|
12
12
|
boundaries: options.boundaries,
|
|
13
13
|
markerClustering: options.markerClustering,
|
|
14
|
+
customPoints: options.customPoints,
|
|
15
|
+
customPointsUrl: options.customPointsUrl,
|
|
14
16
|
zoom: options.zoom,
|
|
15
17
|
center: options.center
|
|
16
18
|
});
|
|
@@ -64,6 +66,8 @@ function OEMWidget({ options = {}, className, style }) {
|
|
|
64
66
|
options.labels,
|
|
65
67
|
options.boundaries,
|
|
66
68
|
options.markerClustering,
|
|
69
|
+
options.customPoints,
|
|
70
|
+
options.customPointsUrl,
|
|
67
71
|
options.zoom,
|
|
68
72
|
options.center
|
|
69
73
|
]);
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useEffect, useRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport { createOEMWidget } from '@opendfieldmap/sdk';\nimport type { OEMWidget as WidgetHandle, OEMWidgetConfig, OEMWidgetOptions } from '@opendfieldmap/sdk';\n\nexport interface OEMWidgetProps {\n options?: OEMWidgetOptions;\n className?: string;\n style?: CSSProperties;\n}\n\nconst getConfig = (options: OEMWidgetOptions): OEMWidgetConfig => ({\n region: options.region,\n subregion: options.subregion,\n floor: options.floor,\n locale: options.locale,\n markerTypes: options.markerTypes,\n labels: options.labels,\n boundaries: options.boundaries,\n markerClustering: options.markerClustering,\n zoom: options.zoom,\n center: options.center,\n});\n\nconst toError = (error: unknown): Error =>\n error instanceof Error ? error : new Error(String(error));\n\nexport function OEMWidget({ options = {}, className, style }: OEMWidgetProps) {\n const container = useRef<HTMLDivElement>(null);\n const widget = useRef<WidgetHandle | null>(null);\n const latestOptions = useRef(options);\n latestOptions.current = options;\n const initialOptions = useRef(options);\n\n useEffect(() => {\n const controller = new AbortController();\n const externalSignal = initialOptions.current.signal;\n const abort = () => controller.abort();\n externalSignal?.addEventListener('abort', abort, { once: true });\n if (externalSignal?.aborted) controller.abort();\n void createOEMWidget(container.current!, {\n ...initialOptions.current,\n signal: controller.signal,\n onError: (error) => latestOptions.current.onError?.(error),\n onReady: (instance) => latestOptions.current.onReady?.(instance),\n onStateChange: (state) => latestOptions.current.onStateChange?.(state),\n }).then((instance) => {\n if (controller.signal.aborted) {\n instance.destroy();\n return;\n }\n widget.current = instance;\n return instance.setOptions(getConfig(latestOptions.current));\n }).catch((error: unknown) => {\n if (!controller.signal.aborted) latestOptions.current.onError?.(toError(error));\n });\n return () => {\n controller.abort();\n externalSignal?.removeEventListener('abort', abort);\n widget.current?.destroy();\n widget.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (!widget.current || widget.current.destroyed) return;\n void widget.current.setOptions(getConfig(options)).catch((error: unknown) => {\n latestOptions.current.onError?.(toError(error));\n });\n }, [options.region, options.subregion, options.floor, options.locale, options.markerTypes, options.labels,\n options.boundaries, options.markerClustering, options.zoom, options.center]);\n\n return <div ref={container} className={className} style={{ height: 480, ...style }} />;\n}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,cAAc;AAElC,SAAS,uBAAuB;
|
|
4
|
+
"sourcesContent": ["import { useEffect, useRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport { createOEMWidget } from '@opendfieldmap/sdk';\nimport type { OEMWidget as WidgetHandle, OEMWidgetConfig, OEMWidgetOptions } from '@opendfieldmap/sdk';\n\nexport interface OEMWidgetProps {\n options?: OEMWidgetOptions;\n className?: string;\n style?: CSSProperties;\n}\n\nconst getConfig = (options: OEMWidgetOptions): OEMWidgetConfig => ({\n region: options.region,\n subregion: options.subregion,\n floor: options.floor,\n locale: options.locale,\n markerTypes: options.markerTypes,\n labels: options.labels,\n boundaries: options.boundaries,\n markerClustering: options.markerClustering,\n customPoints: options.customPoints,\n customPointsUrl: options.customPointsUrl,\n zoom: options.zoom,\n center: options.center,\n});\n\nconst toError = (error: unknown): Error =>\n error instanceof Error ? error : new Error(String(error));\n\nexport function OEMWidget({ options = {}, className, style }: OEMWidgetProps) {\n const container = useRef<HTMLDivElement>(null);\n const widget = useRef<WidgetHandle | null>(null);\n const latestOptions = useRef(options);\n latestOptions.current = options;\n const initialOptions = useRef(options);\n\n useEffect(() => {\n const controller = new AbortController();\n const externalSignal = initialOptions.current.signal;\n const abort = () => controller.abort();\n externalSignal?.addEventListener('abort', abort, { once: true });\n if (externalSignal?.aborted) controller.abort();\n void createOEMWidget(container.current!, {\n ...initialOptions.current,\n signal: controller.signal,\n onError: (error) => latestOptions.current.onError?.(error),\n onReady: (instance) => latestOptions.current.onReady?.(instance),\n onStateChange: (state) => latestOptions.current.onStateChange?.(state),\n }).then((instance) => {\n if (controller.signal.aborted) {\n instance.destroy();\n return;\n }\n widget.current = instance;\n return instance.setOptions(getConfig(latestOptions.current));\n }).catch((error: unknown) => {\n if (!controller.signal.aborted) latestOptions.current.onError?.(toError(error));\n });\n return () => {\n controller.abort();\n externalSignal?.removeEventListener('abort', abort);\n widget.current?.destroy();\n widget.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (!widget.current || widget.current.destroyed) return;\n void widget.current.setOptions(getConfig(options)).catch((error: unknown) => {\n latestOptions.current.onError?.(toError(error));\n });\n }, [options.region, options.subregion, options.floor, options.locale, options.markerTypes, options.labels,\n options.boundaries, options.markerClustering, options.customPoints, options.customPointsUrl, options.zoom, options.center]);\n\n return <div ref={container} className={className} style={{ height: 480, ...style }} />;\n}\n"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,cAAc;AAElC,SAAS,uBAAuB;AAwEvB;AA/DT,IAAM,YAAY,CAAC,aAAgD;AAAA,EACjE,QAAQ,QAAQ;AAAA,EAChB,WAAW,QAAQ;AAAA,EACnB,OAAO,QAAQ;AAAA,EACf,QAAQ,QAAQ;AAAA,EAChB,aAAa,QAAQ;AAAA,EACrB,QAAQ,QAAQ;AAAA,EAChB,YAAY,QAAQ;AAAA,EACpB,kBAAkB,QAAQ;AAAA,EAC1B,cAAc,QAAQ;AAAA,EACtB,iBAAiB,QAAQ;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,QAAQ,QAAQ;AAClB;AAEA,IAAM,UAAU,CAAC,UACf,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAEnD,SAAS,UAAU,EAAE,UAAU,CAAC,GAAG,WAAW,MAAM,GAAmB;AAC5E,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,SAAS,OAA4B,IAAI;AAC/C,QAAM,gBAAgB,OAAO,OAAO;AACpC,gBAAc,UAAU;AACxB,QAAM,iBAAiB,OAAO,OAAO;AAErC,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,gBAAgB;AACvC,UAAM,iBAAiB,eAAe,QAAQ;AAC9C,UAAM,QAAQ,MAAM,WAAW,MAAM;AACrC,oBAAgB,iBAAiB,SAAS,OAAO,EAAE,MAAM,KAAK,CAAC;AAC/D,QAAI,gBAAgB,QAAS,YAAW,MAAM;AAC9C,SAAK,gBAAgB,UAAU,SAAU;AAAA,MACvC,GAAG,eAAe;AAAA,MAClB,QAAQ,WAAW;AAAA,MACnB,SAAS,CAAC,UAAU,cAAc,QAAQ,UAAU,KAAK;AAAA,MACzD,SAAS,CAAC,aAAa,cAAc,QAAQ,UAAU,QAAQ;AAAA,MAC/D,eAAe,CAAC,UAAU,cAAc,QAAQ,gBAAgB,KAAK;AAAA,IACvE,CAAC,EAAE,KAAK,CAAC,aAAa;AACpB,UAAI,WAAW,OAAO,SAAS;AAC7B,iBAAS,QAAQ;AACjB;AAAA,MACF;AACA,aAAO,UAAU;AACjB,aAAO,SAAS,WAAW,UAAU,cAAc,OAAO,CAAC;AAAA,IAC7D,CAAC,EAAE,MAAM,CAAC,UAAmB;AAC3B,UAAI,CAAC,WAAW,OAAO,QAAS,eAAc,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,IAChF,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,MAAM;AACjB,sBAAgB,oBAAoB,SAAS,KAAK;AAClD,aAAO,SAAS,QAAQ;AACxB,aAAO,UAAU;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,CAAC,OAAO,WAAW,OAAO,QAAQ,UAAW;AACjD,SAAK,OAAO,QAAQ,WAAW,UAAU,OAAO,CAAC,EAAE,MAAM,CAAC,UAAmB;AAC3E,oBAAc,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,IAChD,CAAC;AAAA,EACH,GAAG;AAAA,IAAC,QAAQ;AAAA,IAAQ,QAAQ;AAAA,IAAW,QAAQ;AAAA,IAAO,QAAQ;AAAA,IAAQ,QAAQ;AAAA,IAAa,QAAQ;AAAA,IACjG,QAAQ;AAAA,IAAY,QAAQ;AAAA,IAAkB,QAAQ;AAAA,IAAc,QAAQ;AAAA,IAAiB,QAAQ;AAAA,IAAM,QAAQ;AAAA,EAAM,CAAC;AAE5H,SAAO,oBAAC,SAAI,KAAK,WAAW,WAAsB,OAAO,EAAE,QAAQ,KAAK,GAAG,MAAM,GAAG;AACtF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opendfieldmap/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0-beta",
|
|
4
4
|
"description": "React lifecycle wrapper for the Open Endfield Map widget",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "AGPL-3.0-only",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@opendfieldmap/sdk": "^0.
|
|
19
|
+
"@opendfieldmap/sdk": "^0.2.0-beta"
|
|
20
20
|
},
|
|
21
21
|
"publishConfig": {
|
|
22
22
|
"access": "public"
|