@splunk/visualizations 28.9.0 → 28.9.1

package/Markdown.js

@@ -566,7 +566,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -656,7 +656,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/MarkerGauge.js

@@ -1947,7 +1947,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -2037,7 +2037,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/NetworkGraph.js

@@ -1682,7 +1682,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -1803,7 +1803,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/ParallelCoordinates.js

@@ -1111,7 +1111,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -1210,7 +1210,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Pie.js

@@ -1776,7 +1776,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -1857,7 +1857,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/ProcessTree.js

@@ -687,7 +687,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -798,7 +798,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Punchcard.js

@@ -758,7 +758,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -857,7 +857,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Rectangle.js

@@ -481,7 +481,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -589,7 +589,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/RichText.js

@@ -693,7 +693,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -792,7 +792,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Sankey.js

@@ -502,7 +502,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -601,7 +601,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Scatter.js

@@ -2603,7 +2603,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -2693,7 +2693,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/SingleValue.js

@@ -2409,7 +2409,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -2508,7 +2508,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/SingleValueIcon.js

@@ -1763,7 +1763,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -1862,7 +1862,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/SingleValueRadial.js

@@ -2122,7 +2122,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -2212,7 +2212,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Table.js

@@ -1206,7 +1206,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -1296,7 +1296,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Timeline.js

@@ -878,7 +878,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -968,7 +968,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/Treemap.js

@@ -493,7 +493,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -601,7 +601,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/common/DocExampleWithVizSandbox.d.ts

@@ -7,6 +7,7 @@ interface DocExampleWithVizSandboxProps {
     example: () => React.ReactElement;
     hideSandbox?: boolean;
     description?: string;
+    showMapAttribution?: boolean;
 }
 declare const DocExampleWithVizSandbox: {
     (props: DocExampleWithVizSandboxProps): React.ReactElement;
@@ -16,6 +17,7 @@ declare const DocExampleWithVizSandbox: {
         code: T.Requireable<string>;
         example: T.Requireable<(...args: any[]) => any>;
         hideSandbox: T.Requireable<boolean>;
+        showMapAttribution: T.Requireable<boolean>;
     };
 };
 export default DocExampleWithVizSandbox;

package/common/DocExampleWithVizSandbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocExampleWithVizSandbox.d.ts","sourceRoot":"","sources":["../src/common/DocExampleWithVizSandbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,CAAC,MAAM,YAAY,CAAC;AAGhC,UAAU,6BAA6B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,wBAAwB;YAAW,6BAA6B,GAAG,KAAK,CAAC,YAAY;;;;;;;;CA0E1F,CAAC;AAUF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"DocExampleWithVizSandbox.d.ts","sourceRoot":"","sources":["../src/common/DocExampleWithVizSandbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,CAAC,MAAM,YAAY,CAAC;AAGhC,UAAU,6BAA6B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AA0DD,QAAA,MAAM,wBAAwB;YAAW,6BAA6B,GAAG,KAAK,CAAC,YAAY;;;;;;;;;CAqF1F,CAAC;AAWF,eAAe,wBAAwB,CAAC"}

package/common/DocExampleWithVizSandbox.js

@@ -247,11 +247,57 @@ var convertToDashboardJSON = (codeString, type) => {
 };
 
 // src/common/DocExampleWithVizSandbox.tsx
+var MAP_DOCS_EXAMPLE_WRAPPER_STYLE = {
+  position: "relative",
+  display: "inline-block",
+  width: "fit-content",
+  maxWidth: "100%",
+  verticalAlign: "top"
+};
+var MAP_DOCS_ATTRIBUTION_STYLE = {
+  position: "absolute",
+  right: "16px",
+  bottom: "16px",
+  zIndex: 4,
+  padding: "4px 8px",
+  borderRadius: "4px",
+  background: "rgba(255, 255, 255, 0.92)",
+  boxShadow: "0 1px 3px rgba(0, 0, 0, 0.2)",
+  fontSize: "11px",
+  lineHeight: "14px",
+  pointerEvents: "auto"
+};
+var MAP_DOCS_ATTRIBUTION_LINK_STYLE = {
+  color: "#136CBE",
+  textDecoration: "none"
+};
+var shouldRenderMapDocsAttribution = (type, code) => type === "splunk.map" && (code.includes("basemaps.cartocdn.com") || code.includes("MapDocsExample") || code.includes("docsTileConfig") || code.includes("testTileConfig")) && !code.includes("showBaseLayer: false");
+var MapDocsAttribution = () => /* @__PURE__ */ react_exports.createElement("div", { "data-test": "map-docs-attribution", style: MAP_DOCS_ATTRIBUTION_STYLE }, /* @__PURE__ */ react_exports.createElement(
+  "a",
+  {
+    href: "https://www.openstreetmap.org/copyright",
+    rel: "noopener noreferrer",
+    style: MAP_DOCS_ATTRIBUTION_LINK_STYLE,
+    target: "_blank"
+  },
+  "\xA9 OpenStreetMap contributors"
+), " ", /* @__PURE__ */ react_exports.createElement(
+  "a",
+  {
+    href: "https://carto.com/attributions/",
+    rel: "noopener noreferrer",
+    style: MAP_DOCS_ATTRIBUTION_LINK_STYLE,
+    target: "_blank"
+  },
+  "\xA9 CARTO"
+));
 var DocExampleWithVizSandbox = (props) => {
-  const { type, title, code, example, hideSandbox = false, description } = props;
+  const { type, title, code, example, hideSandbox = false, description, showMapAttribution } = props;
   const [isCopied, setIsCopied] = react_exports.useState(false);
   const [showCode, setShowCode] = react_exports.useState(false);
   const isMounted = react_exports.useRef(true);
+  const ExampleComponent = example;
+  const showMapDocsAttribution = !code.includes("showBaseLayer: false") && (showMapAttribution != null ? showMapAttribution : shouldRenderMapDocsAttribution(type, code));
   const toggleShowCode = react_exports.useCallback(() => {
     setShowCode((state) => !state);
   }, []);
@@ -287,13 +333,14 @@ var DocExampleWithVizSandbox = (props) => {
       }
     )
   ];
+  const renderExample = () => /* @__PURE__ */ react_exports.createElement("div", { style: MAP_DOCS_EXAMPLE_WRAPPER_STYLE }, /* @__PURE__ */ react_exports.createElement(ExampleComponent, null), showMapDocsAttribution && /* @__PURE__ */ react_exports.createElement(MapDocsAttribution, null));
   return /* @__PURE__ */ react_exports.createElement(
     DocExample_default,
     {
       renderAdditionalActions,
       title,
       code,
-      example,
+      example: showMapDocsAttribution ? renderExample : example,
       description
     },
     /* @__PURE__ */ react_exports.createElement(
@@ -323,7 +370,8 @@ DocExampleWithVizSandbox.propTypes = {
   title: prop_types_exports.string,
   code: prop_types_exports.string,
   example: prop_types_exports.func,
-  hideSandbox: prop_types_exports.bool
+  hideSandbox: prop_types_exports.bool,
+  showMapAttribution: prop_types_exports.bool
 };
 var DocExampleWithVizSandbox_default = DocExampleWithVizSandbox;
 //# sourceMappingURL=DocExampleWithVizSandbox.js.map

package/common/DocExampleWithVizSandbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/common/DocExampleWithVizSandbox.tsx", "esm-externals:react", "esm-externals:@splunk/react-docs/DocExample", "esm-externals:@splunk/react-ui/Button", "esm-externals:@splunk/react-ui/Code", "esm-externals:@splunk/react-ui/TransitionOpen", "esm-externals:@splunk/react-icons/SquaresLayered", "esm-externals:@splunk/react-icons/Checkmark", "esm-externals:@splunk/react-icons/EyeSlashed", "esm-externals:@splunk/react-icons/WindowChevronsSlash", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:prop-types", "esm-externals:@splunk/react-docs/UtilPage", "../src/common/docUtils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport DocExample from '@splunk/react-docs/DocExample';\nimport Button from '@splunk/react-ui/Button';\nimport Code from '@splunk/react-ui/Code';\nimport TransitionOpen from '@splunk/react-ui/TransitionOpen';\nimport SquaresLayered from '@splunk/react-icons/SquaresLayered';\nimport Checkmark from '@splunk/react-icons/Checkmark';\nimport EyeSlashed from '@splunk/react-icons/EyeSlashed';\nimport WindowChevronsSlash from '@splunk/react-icons/WindowChevronsSlash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport * as T from 'prop-types';\nimport { convertToDashboardJSON } from './docUtils';\n\ninterface DocExampleWithVizSandboxProps {\n    type: string;\n    title: string;\n    code: string;\n    example: () => React.ReactElement;\n    hideSandbox?: boolean;\n    description?: string;\n}\n\nconst DocExampleWithVizSandbox = (props: DocExampleWithVizSandboxProps): React.ReactElement => {\n    const { type, title, code, example, hideSandbox = false, description } = props;\n    const [isCopied, setIsCopied] = React.useState(false);\n    const [showCode, setShowCode] = React.useState(false);\n    const isMounted = React.useRef(true);\n\n    const toggleShowCode = React.useCallback(() => {\n        setShowCode(state => !state);\n    }, []);\n\n    React.useEffect((): (() => void) => {\n        return () => {\n            isMounted.current = false;\n            setIsCopied(false);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    if (hideSandbox) return <DocExample title={title} code={code} example={example} />;\n\n    const objDefn = convertToDashboardJSON(code, type);\n    // set spacing level to 4\n    const prettyJson = JSON.stringify(objDefn, null, 4);\n\n    const copyToClipBoard = () => {\n        if ('clipboard' in navigator) {\n            navigator.clipboard.writeText(prettyJson);\n            setIsCopied(true);\n        }\n        setTimeout(() => {\n            if (isMounted.current) {\n                setIsCopied(false);\n            }\n        }, 5000);\n    };\n\n    const renderAdditionalActions = () => [\n        <Button\n            key=\"show-dashboard-definition\"\n            appearance=\"secondary\"\n            onClick={toggleShowCode}\n            icon={showCode ? <EyeSlashed /> : <WindowChevronsSlash />}\n            label={showCode ? _('Hide dashboard definition') : _('Show dashboard definition')}\n        />,\n    ];\n\n    return (\n        <DocExample\n            renderAdditionalActions={renderAdditionalActions}\n            title={title}\n            code={code}\n            example={example}\n            description={description}\n        >\n            <TransitionOpen\n                animation=\"slideFromTop\"\n                open={showCode}\n                retainFocus={false}\n                takeFocus={false}\n                renderChildrenWhenCollapsed={false}\n                animateOnMount={false}\n            >\n                <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                    <Code value={prettyJson} language=\"json\" />\n                    <Button\n                        onClick={copyToClipBoard}\n                        icon={isCopied ? <Checkmark /> : <SquaresLayered />}\n                        label={isCopied ? _('Copied') : _('Copy to clipboard')}\n                        style={{ height: '30px', maxWidth: '164px' }}\n                    />\n                </div>\n            </TransitionOpen>\n        </DocExample>\n    );\n};\n\nDocExampleWithVizSandbox.propTypes = {\n    type: T.string,\n    title: T.string,\n    code: T.string,\n    example: T.func,\n    hideSandbox: T.bool,\n};\n\nexport default DocExampleWithVizSandbox;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-docs/DocExample\";\nexport * from \"@splunk/react-docs/DocExample\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Code\";\nexport * from \"@splunk/react-ui/Code\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/TransitionOpen\";\nexport * from \"@splunk/react-ui/TransitionOpen\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/SquaresLayered\";\nexport * from \"@splunk/react-icons/SquaresLayered\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/Checkmark\";\nexport * from \"@splunk/react-icons/Checkmark\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/EyeSlashed\";\nexport * from \"@splunk/react-icons/EyeSlashed\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-docs/UtilPage\";\nexport * from \"@splunk/react-docs/UtilPage\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\nimport UtilPage from '@splunk/react-docs/UtilPage';\n\n// https://github.com/jsdoc2md/jsdoc-api#synopsis\ninterface JsDoc {\n    access?: string;\n    classdesc?: string;\n    comment: string;\n    kind: string;\n    longname: string;\n    meta: Record<string, unknown>;\n    member: string;\n    name: string;\n    scope: string;\n}\n\nconst sharedSelectors = new Set([\n    'average',\n    'count',\n    'getField',\n    'getType',\n    'min',\n    'max',\n    'percentile',\n    'sum',\n]);\n\nconst formatSidebarItemName = (name: string, className: string): string => {\n    return sharedSelectors.has(name) ? `${className}#${name}` : name;\n};\n\nconst removePrependedClassName = (longname = ''): string => longname.slice(longname.indexOf('#') + 1);\n\nconst formatDSLSelectorDocs = (docs: JsDoc[]): JsDoc[] =>\n    docs.map(doc => ({\n        ...doc,\n        longname: removePrependedClassName(doc.longname),\n    }));\n\nexport const getFormatterClassdesc = (\n    formatterDocs: JsDoc[],\n    name: string\n): { name: string; markdown: string } => ({\n    name,\n    markdown: `# ${name}\\n ${formatterDocs.find(doc => doc.name === name && doc.kind === 'class').classdesc}`,\n});\n\nexport const extractDocItems = (\n    docs: JsDoc[],\n    className: string\n): { name: string; component: (...args: any[]) => any }[] => {\n    const classHeaderDoc = docs[0];\n    const fileDoc = docs.at(-1);\n    const filteredDocs = formatDSLSelectorDocs(docs).filter(\n        ({ access, comment }) => access === 'public' && comment\n    );\n\n    return filteredDocs\n        .map(doc => ({\n            name: formatSidebarItemName(doc.name, className),\n            component: function UtilDoc() {\n                // named function so linter doesnt raise react/display-name error\n                return <UtilPage title={`${className}#${doc.name}`} docs={[classHeaderDoc, doc, fileDoc]} />;\n            },\n        }))\n        .sort((a, b) => a.name.localeCompare(b.name));\n};\n\nexport const formatCodeStringToObject = (codeString: string, regexMatch: RegExp): any => {\n    const match = regexMatch.exec(codeString);\n    if (!match) return null;\n\n    const stringToParse = `{${match[1]}}`;\n\n    // remove trailing commas\n    const removedCommas = stringToParse.replace(/,(?!\\s*?[-{[\"'\\w])/g, '');\n\n    // convert double quotes (which only occur inside strings) to back quotes\n    const backQuotes = removedCommas.replaceAll('\"', '`');\n    // replace single quotes with double quotes\n    const doubleQuotes = backQuotes.replaceAll(\"'\", '\"');\n    // replace back quotes with single quotes\n    const singleQuotes = doubleQuotes.replaceAll('`', \"'\");\n\n    // add quotes around keys\n    const quotesAroundKeys = singleQuotes.replace(/\\b(\\w+)\\s*:(?=\\s)/g, '\"$1\":');\n\n    let retval = null;\n    try {\n        retval = JSON.parse(quotesAroundKeys);\n    } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e);\n    }\n    return retval;\n};\n\nexport const extractDataFromReactCode = (codeString: string): any => {\n    const primaryRegex = /dataSources={{([\\s\\S]*?primary:[\\s\\S]*?)}}/;\n    const { primary } = formatCodeStringToObject(codeString, primaryRegex) ?? {};\n\n    const optionsRegex = /options={{([\\s\\S]*?)}}/;\n    const options = formatCodeStringToObject(codeString, optionsRegex);\n\n    const contextRegex = /context={{([\\s\\S]*?)}}/;\n    const context = formatCodeStringToObject(codeString, contextRegex);\n\n    return { primary, options, context };\n};\n\n// Takes a stringified react viz example and a viz type\n// Returns a dashboard definition object.\n// e.g. codeString: '<Area dataSources={{}} options={{}} />'\n//      type: 'splunk.area'\nexport const convertToDashboardJSON = (codeString: string, type: string): any => {\n    const { options, primary, context } = extractDataFromReactCode(codeString);\n\n    return {\n        visualizations: {\n            test_viz: {\n                type,\n                ...(options ? { options } : {}),\n                ...(primary ? { dataSources: { primary: 'primary' } } : {}),\n                ...(context ? { context } : {}),\n            },\n        },\n        ...(primary\n            ? {\n                  dataSources: {\n                      primary: { type: 'ds.test', options: primary },\n                  },\n              }\n            : {}),\n        defaults: {\n            dataSources: {\n                global: {\n                    options: {\n                        queryParameters: {\n                            latest: '$global_time.latest$',\n                            earliest: '$global_time.earliest$',\n                        },\n                    },\n                },\n            },\n        },\n        inputs: {\n            input_global_trp: {\n                type: 'input.timerange',\n                options: {\n                    token: 'global_time',\n                    defaultValue: '-24h@h,now',\n                },\n                title: 'Global Time Range',\n            },\n        },\n        layout: {\n            type: 'absolute',\n            options: {},\n            structure: [\n                {\n                    item: 'test_viz',\n                    type: 'block',\n                    position: {\n                        x: 0,\n                        y: 0,\n                        w: 800,\n                        h: 500,\n                    },\n                },\n            ],\n            globalInputs: ['input_global_trp'],\n        },\n    };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport DocExample from '@splunk/react-docs/DocExample';\nimport Button from '@splunk/react-ui/Button';\nimport Code from '@splunk/react-ui/Code';\nimport TransitionOpen from '@splunk/react-ui/TransitionOpen';\nimport SquaresLayered from '@splunk/react-icons/SquaresLayered';\nimport Checkmark from '@splunk/react-icons/Checkmark';\nimport EyeSlashed from '@splunk/react-icons/EyeSlashed';\nimport WindowChevronsSlash from '@splunk/react-icons/WindowChevronsSlash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport * as T from 'prop-types';\nimport { convertToDashboardJSON } from './docUtils';\n\ninterface DocExampleWithVizSandboxProps {\n    type: string;\n    title: string;\n    code: string;\n    example: () => React.ReactElement;\n    hideSandbox?: boolean;\n    description?: string;\n    showMapAttribution?: boolean;\n}\n\nconst MAP_DOCS_EXAMPLE_WRAPPER_STYLE: React.CSSProperties = {\n    position: 'relative',\n    display: 'inline-block',\n    width: 'fit-content',\n    maxWidth: '100%',\n    verticalAlign: 'top',\n};\n\nconst MAP_DOCS_ATTRIBUTION_STYLE: React.CSSProperties = {\n    position: 'absolute',\n    right: '16px',\n    bottom: '16px',\n    zIndex: 4,\n    padding: '4px 8px',\n    borderRadius: '4px',\n    background: 'rgba(255, 255, 255, 0.92)',\n    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    fontSize: '11px',\n    lineHeight: '14px',\n    pointerEvents: 'auto',\n};\n\nconst MAP_DOCS_ATTRIBUTION_LINK_STYLE: React.CSSProperties = {\n    color: '#136CBE',\n    textDecoration: 'none',\n};\n\nconst shouldRenderMapDocsAttribution = (type: string, code: string): boolean =>\n    type === 'splunk.map' &&\n    (code.includes('basemaps.cartocdn.com') ||\n        code.includes('MapDocsExample') ||\n        code.includes('docsTileConfig') ||\n        code.includes('testTileConfig')) &&\n    !code.includes('showBaseLayer: false');\n\nconst MapDocsAttribution = (): React.ReactElement => (\n    <div data-test=\"map-docs-attribution\" style={MAP_DOCS_ATTRIBUTION_STYLE}>\n        <a\n            href=\"https://www.openstreetmap.org/copyright\"\n            rel=\"noopener noreferrer\"\n            style={MAP_DOCS_ATTRIBUTION_LINK_STYLE}\n            target=\"_blank\"\n        >\n            \u00A9 OpenStreetMap contributors\n        </a>{' '}\n        <a\n            href=\"https://carto.com/attributions/\"\n            rel=\"noopener noreferrer\"\n            style={MAP_DOCS_ATTRIBUTION_LINK_STYLE}\n            target=\"_blank\"\n        >\n            \u00A9 CARTO\n        </a>\n    </div>\n);\n\nconst DocExampleWithVizSandbox = (props: DocExampleWithVizSandboxProps): React.ReactElement => {\n    const { type, title, code, example, hideSandbox = false, description, showMapAttribution } = props;\n    const [isCopied, setIsCopied] = React.useState(false);\n    const [showCode, setShowCode] = React.useState(false);\n    const isMounted = React.useRef(true);\n    const ExampleComponent = example;\n    const showMapDocsAttribution =\n        !code.includes('showBaseLayer: false') &&\n        (showMapAttribution ?? shouldRenderMapDocsAttribution(type, code));\n\n    const toggleShowCode = React.useCallback(() => {\n        setShowCode(state => !state);\n    }, []);\n\n    React.useEffect((): (() => void) => {\n        return () => {\n            isMounted.current = false;\n            setIsCopied(false);\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    if (hideSandbox) return <DocExample title={title} code={code} example={example} />;\n\n    const objDefn = convertToDashboardJSON(code, type);\n    // set spacing level to 4\n    const prettyJson = JSON.stringify(objDefn, null, 4);\n\n    const copyToClipBoard = () => {\n        if ('clipboard' in navigator) {\n            navigator.clipboard.writeText(prettyJson);\n            setIsCopied(true);\n        }\n        setTimeout(() => {\n            if (isMounted.current) {\n                setIsCopied(false);\n            }\n        }, 5000);\n    };\n\n    const renderAdditionalActions = () => [\n        <Button\n            key=\"show-dashboard-definition\"\n            appearance=\"secondary\"\n            onClick={toggleShowCode}\n            icon={showCode ? <EyeSlashed /> : <WindowChevronsSlash />}\n            label={showCode ? _('Hide dashboard definition') : _('Show dashboard definition')}\n        />,\n    ];\n\n    const renderExample = () => (\n        <div style={MAP_DOCS_EXAMPLE_WRAPPER_STYLE}>\n            <ExampleComponent />\n            {showMapDocsAttribution && <MapDocsAttribution />}\n        </div>\n    );\n\n    return (\n        <DocExample\n            renderAdditionalActions={renderAdditionalActions}\n            title={title}\n            code={code}\n            example={showMapDocsAttribution ? renderExample : example}\n            description={description}\n        >\n            <TransitionOpen\n                animation=\"slideFromTop\"\n                open={showCode}\n                retainFocus={false}\n                takeFocus={false}\n                renderChildrenWhenCollapsed={false}\n                animateOnMount={false}\n            >\n                <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                    <Code value={prettyJson} language=\"json\" />\n                    <Button\n                        onClick={copyToClipBoard}\n                        icon={isCopied ? <Checkmark /> : <SquaresLayered />}\n                        label={isCopied ? _('Copied') : _('Copy to clipboard')}\n                        style={{ height: '30px', maxWidth: '164px' }}\n                    />\n                </div>\n            </TransitionOpen>\n        </DocExample>\n    );\n};\n\nDocExampleWithVizSandbox.propTypes = {\n    type: T.string,\n    title: T.string,\n    code: T.string,\n    example: T.func,\n    hideSandbox: T.bool,\n    showMapAttribution: T.bool,\n};\n\nexport default DocExampleWithVizSandbox;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-docs/DocExample\";\nexport * from \"@splunk/react-docs/DocExample\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Code\";\nexport * from \"@splunk/react-ui/Code\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/TransitionOpen\";\nexport * from \"@splunk/react-ui/TransitionOpen\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/SquaresLayered\";\nexport * from \"@splunk/react-icons/SquaresLayered\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/Checkmark\";\nexport * from \"@splunk/react-icons/Checkmark\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/EyeSlashed\";\nexport * from \"@splunk/react-icons/EyeSlashed\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-docs/UtilPage\";\nexport * from \"@splunk/react-docs/UtilPage\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\nimport UtilPage from '@splunk/react-docs/UtilPage';\n\n// https://github.com/jsdoc2md/jsdoc-api#synopsis\ninterface JsDoc {\n    access?: string;\n    classdesc?: string;\n    comment: string;\n    kind: string;\n    longname: string;\n    meta: Record<string, unknown>;\n    member: string;\n    name: string;\n    scope: string;\n}\n\nconst sharedSelectors = new Set([\n    'average',\n    'count',\n    'getField',\n    'getType',\n    'min',\n    'max',\n    'percentile',\n    'sum',\n]);\n\nconst formatSidebarItemName = (name: string, className: string): string => {\n    return sharedSelectors.has(name) ? `${className}#${name}` : name;\n};\n\nconst removePrependedClassName = (longname = ''): string => longname.slice(longname.indexOf('#') + 1);\n\nconst formatDSLSelectorDocs = (docs: JsDoc[]): JsDoc[] =>\n    docs.map(doc => ({\n        ...doc,\n        longname: removePrependedClassName(doc.longname),\n    }));\n\nexport const getFormatterClassdesc = (\n    formatterDocs: JsDoc[],\n    name: string\n): { name: string; markdown: string } => ({\n    name,\n    markdown: `# ${name}\\n ${formatterDocs.find(doc => doc.name === name && doc.kind === 'class').classdesc}`,\n});\n\nexport const extractDocItems = (\n    docs: JsDoc[],\n    className: string\n): { name: string; component: (...args: any[]) => any }[] => {\n    const classHeaderDoc = docs[0];\n    const fileDoc = docs.at(-1);\n    const filteredDocs = formatDSLSelectorDocs(docs).filter(\n        ({ access, comment }) => access === 'public' && comment\n    );\n\n    return filteredDocs\n        .map(doc => ({\n            name: formatSidebarItemName(doc.name, className),\n            component: function UtilDoc() {\n                // named function so linter doesnt raise react/display-name error\n                return <UtilPage title={`${className}#${doc.name}`} docs={[classHeaderDoc, doc, fileDoc]} />;\n            },\n        }))\n        .sort((a, b) => a.name.localeCompare(b.name));\n};\n\nexport const formatCodeStringToObject = (codeString: string, regexMatch: RegExp): any => {\n    const match = regexMatch.exec(codeString);\n    if (!match) return null;\n\n    const stringToParse = `{${match[1]}}`;\n\n    // remove trailing commas\n    const removedCommas = stringToParse.replace(/,(?!\\s*?[-{[\"'\\w])/g, '');\n\n    // convert double quotes (which only occur inside strings) to back quotes\n    const backQuotes = removedCommas.replaceAll('\"', '`');\n    // replace single quotes with double quotes\n    const doubleQuotes = backQuotes.replaceAll(\"'\", '\"');\n    // replace back quotes with single quotes\n    const singleQuotes = doubleQuotes.replaceAll('`', \"'\");\n\n    // add quotes around keys\n    const quotesAroundKeys = singleQuotes.replace(/\\b(\\w+)\\s*:(?=\\s)/g, '\"$1\":');\n\n    let retval = null;\n    try {\n        retval = JSON.parse(quotesAroundKeys);\n    } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e);\n    }\n    return retval;\n};\n\nexport const extractDataFromReactCode = (codeString: string): any => {\n    const primaryRegex = /dataSources={{([\\s\\S]*?primary:[\\s\\S]*?)}}/;\n    const { primary } = formatCodeStringToObject(codeString, primaryRegex) ?? {};\n\n    const optionsRegex = /options={{([\\s\\S]*?)}}/;\n    const options = formatCodeStringToObject(codeString, optionsRegex);\n\n    const contextRegex = /context={{([\\s\\S]*?)}}/;\n    const context = formatCodeStringToObject(codeString, contextRegex);\n\n    return { primary, options, context };\n};\n\n// Takes a stringified react viz example and a viz type\n// Returns a dashboard definition object.\n// e.g. codeString: '<Area dataSources={{}} options={{}} />'\n//      type: 'splunk.area'\nexport const convertToDashboardJSON = (codeString: string, type: string): any => {\n    const { options, primary, context } = extractDataFromReactCode(codeString);\n\n    return {\n        visualizations: {\n            test_viz: {\n                type,\n                ...(options ? { options } : {}),\n                ...(primary ? { dataSources: { primary: 'primary' } } : {}),\n                ...(context ? { context } : {}),\n            },\n        },\n        ...(primary\n            ? {\n                  dataSources: {\n                      primary: { type: 'ds.test', options: primary },\n                  },\n              }\n            : {}),\n        defaults: {\n            dataSources: {\n                global: {\n                    options: {\n                        queryParameters: {\n                            latest: '$global_time.latest$',\n                            earliest: '$global_time.earliest$',\n                        },\n                    },\n                },\n            },\n        },\n        inputs: {\n            input_global_trp: {\n                type: 'input.timerange',\n                options: {\n                    token: 'global_time',\n                    defaultValue: '-24h@h,now',\n                },\n                title: 'Global Time Range',\n            },\n        },\n        layout: {\n            type: 'absolute',\n            options: {},\n            structure: [\n                {\n                    item: 'test_viz',\n                    type: 'block',\n                    position: {\n                        x: 0,\n                        y: 0,\n                        w: 800,\n                        h: 500,\n                    },\n                },\n            ],\n            globalInputs: ['input_global_trp'],\n        },\n    };\n};\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/OverviewDoc.js

@@ -346,11 +346,57 @@ var convertToDashboardJSON = (codeString, type) => {
 };
 
 // src/common/DocExampleWithVizSandbox.tsx
+var MAP_DOCS_EXAMPLE_WRAPPER_STYLE = {
+  position: "relative",
+  display: "inline-block",
+  width: "fit-content",
+  maxWidth: "100%",
+  verticalAlign: "top"
+};
+var MAP_DOCS_ATTRIBUTION_STYLE = {
+  position: "absolute",
+  right: "16px",
+  bottom: "16px",
+  zIndex: 4,
+  padding: "4px 8px",
+  borderRadius: "4px",
+  background: "rgba(255, 255, 255, 0.92)",
+  boxShadow: "0 1px 3px rgba(0, 0, 0, 0.2)",
+  fontSize: "11px",
+  lineHeight: "14px",
+  pointerEvents: "auto"
+};
+var MAP_DOCS_ATTRIBUTION_LINK_STYLE = {
+  color: "#136CBE",
+  textDecoration: "none"
+};
+var shouldRenderMapDocsAttribution = (type, code) => type === "splunk.map" && (code.includes("basemaps.cartocdn.com") || code.includes("MapDocsExample") || code.includes("docsTileConfig") || code.includes("testTileConfig")) && !code.includes("showBaseLayer: false");
+var MapDocsAttribution = () => /* @__PURE__ */ react_exports.createElement("div", { "data-test": "map-docs-attribution", style: MAP_DOCS_ATTRIBUTION_STYLE }, /* @__PURE__ */ react_exports.createElement(
+  "a",
+  {
+    href: "https://www.openstreetmap.org/copyright",
+    rel: "noopener noreferrer",
+    style: MAP_DOCS_ATTRIBUTION_LINK_STYLE,
+    target: "_blank"
+  },
+  "\xA9 OpenStreetMap contributors"
+), " ", /* @__PURE__ */ react_exports.createElement(
+  "a",
+  {
+    href: "https://carto.com/attributions/",
+    rel: "noopener noreferrer",
+    style: MAP_DOCS_ATTRIBUTION_LINK_STYLE,
+    target: "_blank"
+  },
+  "\xA9 CARTO"
+));
 var DocExampleWithVizSandbox = (props) => {
-  const { type, title, code, example, hideSandbox = false, description } = props;
+  const { type, title, code, example, hideSandbox = false, description, showMapAttribution } = props;
   const [isCopied, setIsCopied] = react_exports.useState(false);
   const [showCode, setShowCode] = react_exports.useState(false);
   const isMounted = react_exports.useRef(true);
+  const ExampleComponent = example;
+  const showMapDocsAttribution = !code.includes("showBaseLayer: false") && (showMapAttribution != null ? showMapAttribution : shouldRenderMapDocsAttribution(type, code));
   const toggleShowCode = react_exports.useCallback(() => {
     setShowCode((state) => !state);
   }, []);
@@ -386,13 +432,14 @@ var DocExampleWithVizSandbox = (props) => {
       }
     )
   ];
+  const renderExample = () => /* @__PURE__ */ react_exports.createElement("div", { style: MAP_DOCS_EXAMPLE_WRAPPER_STYLE }, /* @__PURE__ */ react_exports.createElement(ExampleComponent, null), showMapDocsAttribution && /* @__PURE__ */ react_exports.createElement(MapDocsAttribution, null));
   return /* @__PURE__ */ react_exports.createElement(
     DocExample_default,
     {
       renderAdditionalActions,
       title,
       code,
-      example,
+      example: showMapDocsAttribution ? renderExample : example,
       description
     },
     /* @__PURE__ */ react_exports.createElement(
@@ -422,7 +469,8 @@ DocExampleWithVizSandbox.propTypes = {
   title: prop_types_exports.string,
   code: prop_types_exports.string,
   example: prop_types_exports.func,
-  hideSandbox: prop_types_exports.bool
+  hideSandbox: prop_types_exports.bool,
+  showMapAttribution: prop_types_exports.bool
 };
 var DocExampleWithVizSandbox_default = DocExampleWithVizSandbox;