From 8e72f1f0facd831a62c385fb88754d0a36972710 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Thu, 30 May 2024 11:07:30 +0200
Subject: [PATCH] Lock readonly

---
 packages/builder/src/stores/portal/licensing.js        |  6 ++++++
 .../grid/controls/ColumnsSettingButton.svelte          | 10 ++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/stores/portal/licensing.js b/packages/builder/src/stores/portal/licensing.js
index 179d0918bb..1378a734e8 100644
--- a/packages/builder/src/stores/portal/licensing.js
+++ b/packages/builder/src/stores/portal/licensing.js
@@ -138,6 +138,11 @@ export const createLicensingStore = () => {
       const isViewPermissionsEnabled = license.features.includes(
         Constants.Features.VIEW_PERMISSIONS
       )
+
+      const isViewReadonlyColumnsEnabled = license.features.includes(
+        Constants.Features.VIEW_READONLY_COLUMNS
+      )
+
       store.update(state => {
         return {
           ...state,
@@ -157,6 +162,7 @@ export const createLicensingStore = () => {
           triggerAutomationRunEnabled,
           isViewPermissionsEnabled,
           perAppBuildersEnabled,
+          isViewReadonlyColumnsEnabled,
         }
       })
     },
diff --git a/packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte b/packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte
index 7e330b77e4..8faf603b80 100644
--- a/packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte
+++ b/packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte
@@ -1,6 +1,7 @@
 <script>
   import { getContext } from "svelte"
   import { ActionButton, Popover, Icon, notifications } from "@budibase/bbui"
+  import { licensing } from "stores/portal"
   import { getColumnIcon } from "../lib/utils"
   import ToggleActionButtonGroup from "./ToggleActionButtonGroup.svelte"
 
@@ -32,6 +33,8 @@
     return hidden ? `Columns (${hidden} restricted)` : "Columns"
   }
 
+  $: isViewReadonlyColumnsEnabled = $licensing.isViewReadonlyColumnsEnabled
+
   const PERMISSION_OPTIONS = {
     WRITABLE: "writable",
     READONLY: "readonly",
@@ -43,10 +46,13 @@
     value: PERMISSION_OPTIONS.WRITABLE,
     tooltip: "Writable",
   }
-  const READONLY_OPTION = {
+  $: READONLY_OPTION = {
     icon: "Visibility",
     value: PERMISSION_OPTIONS.READONLY,
-    tooltip: "Read only",
+    tooltip: isViewReadonlyColumnsEnabled
+      ? "Read only"
+      : "Read only (premium feature)",
+    disabled: !isViewReadonlyColumnsEnabled,
   }
   const HIDDEN_OPTION = {
     icon: "VisibilityOff",