@budibase/frontend-core 3.11.2 → 3.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.11.2",
+  "version": "3.12.0",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -17,5 +17,5 @@
     "shortid": "2.2.15",
     "socket.io-client": "^4.7.5"
   },
-  "gitHead": "4c2f13e1b36fa559124df22462d83d2b4d1e7e9d"
+  "gitHead": "4d3f7719ab1ae02d3d01908b8a14a31a0c81445d"
 }

package/src/api/index.ts

@@ -48,6 +48,7 @@ import { buildRowActionEndpoints } from "./rowActions"
 import { buildOAuth2Endpoints } from "./oauth2"
 import { buildAgentEndpoints } from "./agents"
 import { buildFeatureFlagEndpoints } from "./features"
+import { buildNavigationEndpoints } from "./navigation"
 
 export type { APIClient } from "./types"
 
@@ -296,5 +297,6 @@ export const createAPIClient = (config: APIClientConfig = {}): APIClient => {
     viewV2: buildViewV2Endpoints(API),
     rowActions: buildRowActionEndpoints(API),
     oauth2: buildOAuth2Endpoints(API),
+    navigation: buildNavigationEndpoints(API),
   }
 }

package/src/api/navigation.ts

@@ -0,0 +1,17 @@
+import { BaseAPIClient } from "./types"
+import { AppNavigation, UpdateNavigationRequest } from "@budibase/types"
+
+export interface NavigationEndpoints {
+  updateNavigation: (appId: string, navigation: AppNavigation) => Promise<void>
+}
+
+export const buildNavigationEndpoints = (
+  API: BaseAPIClient
+): NavigationEndpoints => ({
+  updateNavigation: async (appId: string, navigation: AppNavigation) => {
+    return await API.put<UpdateNavigationRequest>({
+      url: `/api/navigation/${appId}`,
+      body: { navigation },
+    })
+  },
+})

package/src/api/types.ts

@@ -35,6 +35,7 @@ import { UserEndpoints } from "./user"
 import { ViewEndpoints } from "./views"
 import { ViewV2Endpoints } from "./viewsV2"
 import { AgentEndpoints } from "./agents"
+import { NavigationEndpoints } from "./navigation"
 
 export enum HTTPMethod {
   POST = "POST",
@@ -66,7 +67,7 @@ export type APICallConfig<RequestT, ResponseT> = {
 
 export type APICallParams<
   RequestT = null,
-  ResponseT = void
+  ResponseT = void,
 > = RequestT extends null
   ? Pick<APICallConfig<RequestT, ResponseT>, "url"> &
       Partial<APICallConfig<RequestT, ResponseT>>
@@ -141,4 +142,5 @@ export type APIClient = BaseAPIClient &
     rowActions: RowActionEndpoints
     viewV2: ViewV2Endpoints
     oauth2: OAuth2Endpoints
+    navigation: NavigationEndpoints
   }

package/src/components/ConditionField.svelte

@@ -155,8 +155,8 @@
     width: 31px;
     color: var(--spectrum-alias-text-color);
     background-color: var(--spectrum-global-color-gray-75);
-    transition: background-color
-        var(--spectrum-global-animation-duration-100, 130ms),
+    transition:
+      background-color var(--spectrum-global-animation-duration-100, 130ms),
       box-shadow var(--spectrum-global-animation-duration-100, 130ms),
       border-color var(--spectrum-global-animation-duration-100, 130ms);
     height: calc(var(--spectrum-alias-item-height-m));

package/src/components/FilterField.svelte

@@ -298,8 +298,8 @@
     width: 31px;
     color: var(--spectrum-alias-text-color);
     background-color: var(--spectrum-global-color-gray-75);
-    transition: background-color
-        var(--spectrum-global-animation-duration-100, 130ms),
+    transition:
+      background-color var(--spectrum-global-animation-duration-100, 130ms),
       box-shadow var(--spectrum-global-animation-duration-100, 130ms),
       border-color var(--spectrum-global-animation-duration-100, 130ms);
     height: calc(var(--spectrum-alias-item-height-m));

package/src/components/grid/stores/datasources/index.ts

@@ -7,7 +7,7 @@ import {
 } from "@budibase/types"
 
 interface DatasourceBaseActions<
-  TSaveDefinitionRequest = UpdateViewRequest | SaveTableRequest
+  TSaveDefinitionRequest = UpdateViewRequest | SaveTableRequest,
 > {
   saveDefinition: (newDefinition: TSaveDefinitionRequest) => Promise<void>
   addRow: (row: SaveRowRequest) => Promise<UIRow | undefined>
@@ -27,5 +27,6 @@ export interface DatasourceViewActions
 export interface DatasourceNonPlusActions
   extends DatasourceBaseActions<never> {}
 
-export type DatasourceActions =
-  | DatasourceTableActions & DatasourceViewActions & DatasourceNonPlusActions
+export type DatasourceActions = DatasourceTableActions &
+  DatasourceViewActions &
+  DatasourceNonPlusActions

package/src/fetch/DataFetch.ts

@@ -61,7 +61,7 @@ export default abstract class BaseDataFetch<
     schema?: Record<string, any> | null
     primaryDisplay?: string
   },
-  TQuery extends {} = SearchFilters
+  TQuery extends {} = SearchFilters,
 > {
   API: APIClient
   features: {

package/src/fetch/FieldFetch.ts

@@ -18,7 +18,7 @@ export default class FieldFetch<
   TDatasource extends
     | FieldDatasource
     | QueryArrayFieldDatasource
-    | JSONArrayFieldDatasource = FieldDatasource
+    | JSONArrayFieldDatasource = FieldDatasource,
 > extends BaseDataFetch<TDatasource, FieldDefinition> {
   async getDefinition(): Promise<FieldDefinition | null> {
     const { datasource } = this.options

package/src/fetch/index.ts

@@ -78,7 +78,7 @@ export type DataFetchDefinition =
 // Constructs a new fetch model for a certain datasource
 export const fetchData = <
   T extends DataFetchDatasource,
-  Type extends T["type"] = T["type"]
+  Type extends T["type"] = T["type"],
 >({
   API,
   datasource,

package/src/utils/jsonFormatter.ts

@@ -60,10 +60,10 @@ export function format(json: JSONValue, colorOptions: ColorsOptions = {}) {
         color = /true/.test(match)
           ? colors.trueColor
           : /false/.test(match)
-          ? colors.falseColor
-          : /null/.test(match)
-          ? colors.nullColor
-          : color
+            ? colors.falseColor
+            : /null/.test(match)
+              ? colors.nullColor
+              : color
       }
       return `<span style="${style}color:${color}">${match}</span>`
     }

package/src/utils/utils.ts

@@ -19,7 +19,7 @@ export const sleep = (ms: number) =>
  */
 export const sequential = <
   TReturn,
-  TFunction extends (...args: any[]) => Promise<TReturn>
+  TFunction extends (...args: any[]) => Promise<TReturn>,
 >(
   fn: TFunction
 ): TFunction => {