\n {name}\n {rename}\n
\n )\n }\n return (\n {name}
\n )\n }\n\n return (\n \n \n \n \n \n \n
\n );\n\n}\n\nexport default Sheet;\n","import React from 'react';\nimport Sheet from './Sheet/Sheet'\n\nfunction SelectSheets(props) {\n\n if (props && props.sheets) {\n return props.sheets.map((sheet, index) => {\n return (\n \n {renderSheetName(props.name, props.rename)} \n
\n \n \n
\n \n
\n \n \n props.changeOrder(value)} className={classes.stepper} />\n
\n \n {name}\n {rename}\n
\n )\n }\n return (\n {name}
\n )\n }\n\n return (\n \n \n \n \n \n
\n );\n\n}\n\nexport default Column;\n","import React from 'react';\nimport Column from './Column/Column'\n\nfunction Sheets(props) {\n\n if (props && props.cols) {\n return props.cols.map((col, index) => {\n return (\n \n {renderColName(props.name, props.rename)} \n
\n \n \n
\n \n
\n \n \n props.changeOrder(value)} className={classes.stepper} />\n
\n \n
\n );\n } else {\n return (\n \n )\n }\n });\n } else {\n return (\n \n )\n }\n\n}\n\nexport default SelectColumns;\n","import React from 'react';\nimport { Button } from '@tableau/tableau-ui';\nimport packageJson from '../../../../package.json';\n\nconst placeButtons = {\n bottom: 10,\n right: 10,\n position: 'fixed'\n}\n\nconst version = {\n left: 10,\n bottom: 10,\n position: 'fixed',\n color: '#4f4f4f',\n fontSize: 12\n}\n\nfunction ActionButtons(props) {\n\n return (\n {sheet.sheetName}
\n \n
\n )\n\n}\n\nexport default ActionButtons;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport { TextField, DropdownSelect } from '@tableau/tableau-ui';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n gridItem: {\n marginTop: 10\n }\n}));\n\nfunction ConfigureTab(props) {\n const classes = useStyles();\n\n const labelProps = {\n label: 'Button Label',\n onChange: e => {\n console.log('[ConfigureTab.js] Updating Button Label',e.target.value)\n props.updateLabel(e.target.value)\n },\n onClear: () => {\n props.updateLabel('Export All');\n },\n placeholder: 'Button Label',\n style: { width: 400 },\n value: props.label || '',\n };\n\n const filenameProps = {\n label: 'Export Filename',\n onChange: e => props.updateFilename(JSON.stringify(e.target.value)),\n onClear: () => {\n props.updateFilename('ExportAll');\n },\n placeholder: 'Export Filename',\n style: { width: 400 },\n value: props.filename || '',\n };\n\n const styleDropDown = {\n marginLeft: 10\n }\n\n return (\n v{packageJson.version}
\n \n \n \n
\n \n \n \n \n \n \n \n \n Set Button Style to:\n props.updateButtonStyle(JSON.stringify(e.target.value))} style={styleDropDown}>\n \n \n \n \n \n \n \n
\n )\n\n}\n\nexport default ConfigureTab;\n","export default __webpack_public_path__ + \"static/media/logo.c38a9163.svg\";","import React, { useState, useEffect } from 'react';\nimport { Tabs } from '@tableau/tableau-ui';\nimport SelectSheets from './SelectSheets/SelectSheets';\nimport SelectColumns from './SelectColumns/SelectColumns';\nimport ActionButtons from './ActionButtons/ActionButtons';\nimport ConfigureTab from './ConfigureTab/ConfigureTab';\nimport { saveSettings, setSettings, initializeMeta, revalidateMeta } from '../func/func';\nimport logo from './logo.svg';\nimport './Configure.css';\n\n// Declare this so our linter knows that tableau is a global object\n/* global tableau */\n\nconst configBody = {\n height: 'calc(100vh - 170px)',\n}\n\nconst logoBanner = {\n backgroundColor: 'rgb(245, 245, 245)',\n height: 26,\n paddingTop: 12,\n paddingBottom: 12,\n paddingLeft: 18,\n}\n\nfunction Configure(props) {\n const [tab, switchTab] = useState(0);\n const tabs = [ { content: 'Select Sheets'}, { content: 'Select Columns' }, { content: 'Configure' } ];\n\n useEffect(() => {\n console.log('[Configure.js] useEffect');\n //Initialise Extension\n tableau.extensions.initializeDialogAsync().then((openPayload) => {\n\n console.log('[Configure.js] Initialise Dialog', openPayload);\n\n let sheetSettings = tableau.extensions.settings.get('selectedSheets');\n\n if (sheetSettings && sheetSettings != null) {\n const existingSettings = JSON.parse(sheetSettings);\n console.log('[Configure.js] Existing Sheet Settings Found', sheetSettings);\n revalidateMeta(existingSettings)\n .then(meta => {\n props.updateMeta(meta);\n });\n }\n\n let labelSettings = tableau.extensions.settings.get('buttonLabel');\n\n if (labelSettings && labelSettings != null) {\n labelSettings = labelSettings.replace(/\"/g,'');\n console.log('[Configure.js] initializeDialogAsync Existing Label Settings Found', labelSettings);\n props.updateLabel(labelSettings);\n }\n\n let styleSettings = tableau.extensions.settings.get('buttonStyle');\n\n if (styleSettings && styleSettings != null) {\n console.log('[Configure.js] initializeDialogAsync Existing Label Style Found', styleSettings);\n props.updateButtonStyle(styleSettings);\n }\n\n let filenameSettings = tableau.extensions.settings.get('filename');\n\n if (filenameSettings && filenameSettings != null) {\n console.log('[Configure.js] initializeDialogAsync Existing Filename Found', filenameSettings);\n props.updateFilename(filenameSettings);\n }\n\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n function selectSheetHandler(i) {\n console.log('[Configure.js] selectSheetHandler', i);\n const meta = props.meta;\n meta[i].selected = !meta[i].selected;\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n\n function selectColumnHandler(sheetIdx, colIdx) {\n console.log('[Configure.js] selectColumnHandler', sheetIdx, colIdx);\n const meta = props.meta;\n const sheet = meta[sheetIdx];\n sheet.columns[colIdx].selected = !sheet.columns[colIdx].selected;\n meta[sheetIdx] = sheet;\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n\n function changeSheetNameHandler(i, name) {\n console.log('[Configure.js] changeSheetNameHandler', i, name);\n const meta = props.meta;\n meta[i].changeName = name;\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n\n function changeColumnNameHandler(sheetIdx, colIdx, name) {\n console.log('[Configure.js] changeColumnNameHandler', sheetIdx, colIdx, name);\n const meta = props.meta;\n const sheet = meta[sheetIdx];\n sheet.columns[colIdx].changeName = name;\n meta[sheetIdx] = sheet;\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n\n function array_move(arr, old_index, new_index) {\n if (new_index >= arr.length) {\n var k = new_index - arr.length + 1;\n while (k--) {\n arr.push(undefined);\n }\n }\n arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);\n return arr;\n };\n\n function changeSheetOrderHandler(i, newPos) {\n console.log('[Configure.js] changeSheetOrderHandler', i, newPos);\n if (newPos > 0) {\n const meta = array_move(props.meta, i, newPos - 1);\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n }\n\n function changeColumnOrderHandler(sheetIdx, colIdx, newPos) {\n console.log('[Configure.js] changeColumnOrderHandler', sheetIdx, colIdx, newPos);\n if (newPos > 0) {\n const meta = props.meta;\n const sheet = meta[sheetIdx];\n const columns = array_move(sheet.columns, colIdx, newPos - 1);\n columns.map((col, idx) => {\n col.order = idx;\n return col;\n });\n meta[sheetIdx].columns = columns;\n props.updateMeta(meta);\n props.changeSettings(true);\n }\n }\n\n function updateLabelHandler(label) {\n console.log('[Configure.js] changeUpdateLabelHandler', label);\n props.updateLabel(label);\n props.changeSettings(true);\n }\n\n function updateButtonStyleHandler(style) {\n console.log('[Configure.js] changeLabelStyleHandler', style);\n props.updateButtonStyle(style);\n props.changeSettings(true);\n }\n\n function updateFilenameHandler(filename) {\n console.log('[Configure.js] updateFilenameHandler', filename);\n props.updateFilename(filename);\n props.changeSettings(true);\n }\n\n function saveSettingsHandler() {\n console.log('[Configure.js] saveSettingsHandler - Saving Settings', props);\n const meta = props.meta;\n const label = props.label;\n const style = props.style;\n const filename = props.filename;\n props.disableButton(false);\n console.log('[Configure.js] saveSettingsHandler - sheets', meta);\n setSettings('sheets', meta)\n .then(setSettings('label', label))\n .then(setSettings('style', style))\n .then(setSettings('filename', filename))\n .then(saveSettings())\n .then((savedSettings) => {\n console.log('[Configure.js] Saved Settings', savedSettings);\n props.changeSettings(false);\n let sheetSettings = tableau.extensions.settings.get('selectedSheets');\n if (sheetSettings && sheetSettings != null) {\n const existingSettings = JSON.parse(sheetSettings);\n console.log('[Configure.js] Sheet Settings Updated', existingSettings);\n }\n })\n }\n\n function resetSettingsHandler() {\n console.log('[Configure.js] resetSettingsHandler - Reset Settings');\n initializeMeta()\n .then(meta => {\n props.updateMeta(meta);\n });\n }\n\n return (\n \n 
\n {\n switchTab(index);\n }}\n selectedTabIndex={tab}\n tabs={tabs}\n >
\n );\n}\n\nexport default Configure;\n","import React, { useEffect } from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport './DesktopExport.css';\n// import { exportToExcel } from '../func/func';\n\n// Declare this so our linter knows that tableau is a global object\n/* global tableau */\n\nfunction DesktopExport() {\n\n console.log('[DesktopExport.js] Initialise Export Screen');\n\n useEffect(() => {\n console.log('[DesktopExport.js] useEffect');\n //Initialise Extension\n tableau.extensions.initializeDialogAsync().then((openPayload) => {\n\n console.log('[DesktopExport.js] Initialise Dialog', openPayload);\n\n let sheetSettings = tableau.extensions.settings.get('selectedSheets');\n\n if (sheetSettings && sheetSettings != null) {\n // console.log('[DesktopExport.js] Existing Sheet Settings Found', sheetSettings);\n // const meta = JSON.parse(sheetSettings);\n // exportToExcel(meta, 'desktop')\n // .then((blob) => {\n // navigator.webkitPersistentStorage.requestQuota (\n // blob.byteLength, function(grantedBytes) {\n // window.webkitRequestFileSystem(window.PERSISTENT, grantedBytes, onInitFs, handleError);\n //\n // }, function(e) { console.log('Error', e); }\n // );\n // });\n }\n\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n { tab === 0 ? : null }\n { tab === 2 ? : null }\n
\n \n Hi There!
\nIt looks like you're trying to create the Excel file using a desktop version earlier than 2019.4. Unfortunately you {\"can't\"} as the download function is disabled, however there are two solutions. Either publish your dashboard to Server where the Excel file will download as expected, or upgrade your copy of Desktop to 2019.4 or greater.
\nTo those who've previously emailed Tableau to request they enable the download feature...we did it!! Thank you so much for taking the time to present the case, I {\"can't\"} believe how many emails you sent. {\"I'm\"} humbled.
\nCraig
\n