feat: implement row limit update (#124)

bryans99 · web-flow · commit 05b4e3086c9f · 2023-12-20T10:39:34.000-08:00
* feat: implement row limit update

Added row limit update example. This required updating the extension SDK packages.
diff --git a/package-lock.json b/package-lock.json
diff --git a/react/javascript/demo-core-sdk/package.json b/react/javascript/demo-core-sdk/package.json
@@ -25,10 +25,10 @@
     "@looker/components-providers": "1.5.34",
     "@looker/design-tokens": "3.1.1",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/demo-embeds/package.json b/react/javascript/demo-embeds/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/demo-extension-sdk/package.json b/react/javascript/demo-extension-sdk/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/demo-external-api/package.json b/react/javascript/demo-external-api/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/file-download/package.json b/react/javascript/file-download/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/file-upload/package.json b/react/javascript/file-upload/package.json
@@ -26,10 +26,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/helloworld-js/package.json b/react/javascript/helloworld-js/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/map-iframe/package.json b/react/javascript/map-iframe/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/tile-sdk/package.json b/react/javascript/tile-sdk/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/javascript/tile-sdk/src/components/Inspector/components/EventTester/EventTester.js b/react/javascript/tile-sdk/src/components/Inspector/components/EventTester/EventTester.js
@@ -60,7 +60,7 @@ export const EventTester = () => {
     visualizationData,
     visualizationSDK,
   } = useContext(ExtensionContext40)
-  const [runDashboard, setRunDashboard] = useState(false)
+  const [run, setRun] = useState(false)
   const openDrillMenuButtonRef = useRef()
   const toggleCrossFilterButtonRef = useRef()
 
@@ -130,23 +130,10 @@ export const EventTester = () => {
     return event
   }, [])
 
-  const triggerClick = useCallback((event) => {
-    // Taken from custom visualizations 2
-    const defaultColors = {
-      red: '#F36254',
-      green: '#4FBC89',
-      yellow: '#FCF758',
-      white: '#FFFFFF',
+  const updateRowLimitClick = useCallback((event) => {
+    if (visualizationSDK) {
+      visualizationSDK.updateRowLimit(50)
     }
-    tileSDK.trigger(
-      'updateConfig',
-      [
-        { lowColor: defaultColors.red },
-        { midColor: defaultColors.white },
-        { highColor: defaultColors.green },
-      ],
-      event
-    )
   }, [])
 
   const toggleCrossFilterClick = useCallback(
@@ -197,17 +184,21 @@ export const EventTester = () => {
 
   const updateFiltersClick = useCallback(() => {
     const updatedFilter = {}
-    Object.entries(dashboardFilters || {}).forEach(([key, value]) => {
-      updatedFilter[key] = value
-      if (key === 'State') {
-        updatedFilter[key] =
-          value === 'California' ? 'Washington' : 'California'
-      } else if (typeof value === 'string') {
-        updatedFilter[key] = value.split('').reverse().join('')
-      }
-    })
-    tileSDK.updateFilters(updatedFilter, runDashboard)
-  }, [dashboardFilters, runDashboard])
+    if (Object.entries(dashboardFilters || {}).length === 0) {
+      updatedFilter.State = 'Washington'
+    } else {
+      Object.entries(dashboardFilters || {}).forEach(([key, value]) => {
+        updatedFilter[key] = value
+        if (key === 'State') {
+          updatedFilter[key] =
+            value === 'California' ? 'Washington' : 'California'
+        } else if (typeof value === 'string') {
+          updatedFilter[key] = value.split('').reverse().join('')
+        }
+      })
+    }
+    tileSDK.updateFilters(updatedFilter, run)
+  }, [dashboardFilters, run])
 
   const openScheduleDialogClick = useCallback(() => {
     tileSDK.openScheduleDialog()
@@ -249,11 +240,11 @@ export const EventTester = () => {
               Test stop dashboard
             </ButtonOutline>
             <ButtonOutline
-              onClick={triggerClick}
+              onClick={updateRowLimitClick}
               width="100%"
               disabled={!visualizationData}
             >
-              Test trigger
+              Update row limit
             </ButtonOutline>
             <ButtonOutline
               onClick={openDrillMenuClick}
@@ -279,9 +270,9 @@ export const EventTester = () => {
               Test update filters
             </ButtonOutline>
             <FieldToggleSwitch
-              label="Run dashboard"
-              onChange={(event) => setRunDashboard(event.target.checked)}
-              on={runDashboard}
+              label="Run"
+              onChange={(event) => setRun(event.target.checked)}
+              on={run}
             ></FieldToggleSwitch>
             <ButtonOutline
               onClick={openScheduleDialogClick}
@@ -290,7 +281,11 @@ export const EventTester = () => {
             >
               Test open schedule dialog
             </ButtonOutline>
-            <ButtonOutline onClick={updateTileClick} width="100%">
+            <ButtonOutline
+              onClick={updateTileClick}
+              width="100%"
+              disabled={isExploring}
+            >
               Update title title
             </ButtonOutline>
           </Grid>
diff --git a/react/javascript/tile-visualization/package.json b/react/javascript/tile-visualization/package.json
@@ -25,10 +25,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/typescript/access-key-demo/package.json b/react/typescript/access-key-demo/package.json
@@ -27,10 +27,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/typescript/helloworld-ts/package.json b/react/typescript/helloworld-ts/package.json
@@ -26,10 +26,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/embed-sdk": "^1.8.5",
     "@looker/i18n": "1.0.0",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/typescript/kitchensink/package.json b/react/typescript/kitchensink/package.json
@@ -26,10 +26,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/typescript/looks-query-redux/package.json b/react/typescript/looks-query-redux/package.json
@@ -26,10 +26,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/react/typescript/looks-query/package.json b/react/typescript/looks-query/package.json
@@ -26,10 +26,10 @@
     "@looker/design-tokens": "3.1.1",
     "@looker/i18n": "1.0.0",
     "@looker/embed-sdk": "^1.8.5",
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/extension-sdk-react": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/extension-sdk-react": "23.20.1",
     "@looker/icons": "1.5.21",
-    "@looker/sdk": "23.20.0",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.34.0",
diff --git a/scripts/update_packages.ts b/scripts/update_packages.ts
@@ -31,10 +31,10 @@ const packages = {
   '@looker/i18n': '1.0.0',
   '@looker/design-tokens': '3.1.1',
   '@looker/embed-sdk': '^1.8.5',
-  '@looker/extension-sdk': '23.20.0',
-  '@looker/extension-sdk-react': '23.20.0',
+  '@looker/extension-sdk': '23.20.1',
+  '@looker/extension-sdk-react': '23.20.1',
   '@looker/icons': '1.5.21',
-  '@looker/sdk': '23.20.0',
+  '@looker/sdk': '23.20.1',
   '@looker/sdk-rtl': '21.6.1',
   react: '^16.14.0',
   'react-content-loader': '^4.0.1',
diff --git a/vanilla/counter-ts/package.json b/vanilla/counter-ts/package.json
@@ -16,8 +16,8 @@
     "node": ">=14"
   },
   "dependencies": {
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/sdk": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1"
   },
   "devDependencies": {
diff --git a/vanilla/counter/package.json b/vanilla/counter/package.json
@@ -16,8 +16,8 @@
     "node": ">=14"
   },
   "dependencies": {
-    "@looker/extension-sdk": "23.20.0",
-    "@looker/sdk": "23.20.0",
+    "@looker/extension-sdk": "23.20.1",
+    "@looker/sdk": "23.20.1",
     "@looker/sdk-rtl": "21.6.1"
   },
   "devDependencies": {
