@fluid-app/rep-sdk 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/ContactsScreen-7RGAMMGN.cjs +18 -0
- package/dist/{ContactsScreen-ATASCZO2.cjs.map → ContactsScreen-7RGAMMGN.cjs.map} +1 -1
- package/dist/ContactsScreen-XKZE5HTP.js +5 -0
- package/dist/{ContactsScreen-33AJ5XUB.js.map → ContactsScreen-XKZE5HTP.js.map} +1 -1
- package/dist/CustomersScreen-BBQ3YHI4.js +5 -0
- package/dist/{CustomersScreen-E4HXBKV7.js.map → CustomersScreen-BBQ3YHI4.js.map} +1 -1
- package/dist/CustomersScreen-EMGCQ2PV.cjs +18 -0
- package/dist/{CustomersScreen-XMPMKSQA.cjs.map → CustomersScreen-EMGCQ2PV.cjs.map} +1 -1
- package/dist/MessagingScreen-I3GVOGKY.js +4 -0
- package/dist/{MessagingScreen-6WDU3XE4.js.map → MessagingScreen-I3GVOGKY.js.map} +1 -1
- package/dist/MessagingScreen-ZRD4WEOE.cjs +17 -0
- package/dist/{MessagingScreen-XKOBLDWM.cjs.map → MessagingScreen-ZRD4WEOE.cjs.map} +1 -1
- package/dist/OrdersScreen-ANDGND6F.js +5 -0
- package/dist/{OrdersScreen-IPPZLEYF.js.map → OrdersScreen-ANDGND6F.js.map} +1 -1
- package/dist/OrdersScreen-NNE6OSRS.cjs +18 -0
- package/dist/{OrdersScreen-X7FYUROL.cjs.map → OrdersScreen-NNE6OSRS.cjs.map} +1 -1
- package/dist/ProductsScreen-5PMFLPWS.js +5 -0
- package/dist/{ProductsScreen-YTSOZW7B.js.map → ProductsScreen-5PMFLPWS.js.map} +1 -1
- package/dist/ProductsScreen-ALQYD7ID.cjs +18 -0
- package/dist/{ProductsScreen-4ZIUQNUU.cjs.map → ProductsScreen-ALQYD7ID.cjs.map} +1 -1
- package/dist/{chunk-5UBEM3AX.cjs → chunk-2RIDFKS3.cjs} +4 -4
- package/dist/{chunk-5UBEM3AX.cjs.map → chunk-2RIDFKS3.cjs.map} +1 -1
- package/dist/{chunk-QZMWG7EM.js → chunk-4LTH3NNT.js} +3 -3
- package/dist/{chunk-QZMWG7EM.js.map → chunk-4LTH3NNT.js.map} +1 -1
- package/dist/chunk-4PHR2M6A.js +14 -0
- package/dist/{chunk-RS4OSTES.js.map → chunk-4PHR2M6A.js.map} +1 -1
- package/dist/{chunk-MHPK7YQ2.cjs → chunk-EKMZ4NIA.cjs} +4 -4
- package/dist/{chunk-MHPK7YQ2.cjs.map → chunk-EKMZ4NIA.cjs.map} +1 -1
- package/dist/{chunk-EOXYOOWS.cjs → chunk-HFPPHLOO.cjs} +4 -4
- package/dist/{chunk-EOXYOOWS.cjs.map → chunk-HFPPHLOO.cjs.map} +1 -1
- package/dist/{chunk-FG2CI6HA.cjs → chunk-HMOWQQDX.cjs} +4 -4
- package/dist/{chunk-FG2CI6HA.cjs.map → chunk-HMOWQQDX.cjs.map} +1 -1
- package/dist/{chunk-WMBD65GH.js → chunk-JXEED3FK.js} +3 -3
- package/dist/{chunk-WMBD65GH.js.map → chunk-JXEED3FK.js.map} +1 -1
- package/dist/{chunk-NZSRE4IB.cjs → chunk-LU42Y4H3.cjs} +14 -14
- package/dist/{chunk-NZSRE4IB.cjs.map → chunk-LU42Y4H3.cjs.map} +1 -1
- package/dist/{chunk-CMF2FYTD.js → chunk-NGOEPTWZ.js} +3 -3
- package/dist/{chunk-CMF2FYTD.js.map → chunk-NGOEPTWZ.js.map} +1 -1
- package/dist/chunk-NNZKBXNB.cjs +16 -0
- package/dist/{chunk-B6S6BEPL.cjs.map → chunk-NNZKBXNB.cjs.map} +1 -1
- package/dist/{chunk-VIITMYKW.js → chunk-SYZUEL6B.js} +9 -9
- package/dist/{chunk-VIITMYKW.js.map → chunk-SYZUEL6B.js.map} +1 -1
- package/dist/{chunk-WFPYEYC7.js → chunk-TB6OK3WH.js} +3 -3
- package/dist/{chunk-WFPYEYC7.js.map → chunk-TB6OK3WH.js.map} +1 -1
- package/dist/index.cjs +101 -101
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +34 -34
- package/dist/index.js.map +1 -1
- package/package.json +28 -29
- package/dist/ContactsScreen-33AJ5XUB.js +0 -5
- package/dist/ContactsScreen-ATASCZO2.cjs +0 -18
- package/dist/CustomersScreen-E4HXBKV7.js +0 -5
- package/dist/CustomersScreen-XMPMKSQA.cjs +0 -18
- package/dist/MessagingScreen-6WDU3XE4.js +0 -4
- package/dist/MessagingScreen-XKOBLDWM.cjs +0 -17
- package/dist/OrdersScreen-IPPZLEYF.js +0 -5
- package/dist/OrdersScreen-X7FYUROL.cjs +0 -18
- package/dist/ProductsScreen-4ZIUQNUU.cjs +0 -18
- package/dist/ProductsScreen-YTSOZW7B.js +0 -5
- package/dist/chunk-B6S6BEPL.cjs +0 -16
- package/dist/chunk-RS4OSTES.js +0 -14
package/dist/index.d.cts
CHANGED
|
@@ -11,9 +11,9 @@ export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADI
|
|
|
11
11
|
import { components } from '@fluid-app/fluidos-api-client';
|
|
12
12
|
import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
|
|
13
13
|
export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
|
|
14
|
-
import { MessagingAuthContext, FileUploader } from '@fluid-app/
|
|
15
|
-
export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/
|
|
16
|
-
import { MessagingApiConfig } from '@fluid-app/
|
|
14
|
+
import { MessagingAuthContext, FileUploader } from '@fluid-app/messaging-core';
|
|
15
|
+
export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/messaging-core';
|
|
16
|
+
import { MessagingApiConfig } from '@fluid-app/messaging-api-client';
|
|
17
17
|
import { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget } from '@fluid-app/rep-widgets/widgets';
|
|
18
18
|
export { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas } from '@fluid-app/rep-widgets/widgets';
|
|
19
19
|
import * as _fluid_app_rep_core_registries from '@fluid-app/rep-core/registries';
|
package/dist/index.d.ts
CHANGED
|
@@ -11,9 +11,9 @@ export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADI
|
|
|
11
11
|
import { components } from '@fluid-app/fluidos-api-client';
|
|
12
12
|
import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
|
|
13
13
|
export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
|
|
14
|
-
import { MessagingAuthContext, FileUploader } from '@fluid-app/
|
|
15
|
-
export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/
|
|
16
|
-
import { MessagingApiConfig } from '@fluid-app/
|
|
14
|
+
import { MessagingAuthContext, FileUploader } from '@fluid-app/messaging-core';
|
|
15
|
+
export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/messaging-core';
|
|
16
|
+
import { MessagingApiConfig } from '@fluid-app/messaging-api-client';
|
|
17
17
|
import { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget } from '@fluid-app/rep-widgets/widgets';
|
|
18
18
|
export { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas } from '@fluid-app/rep-widgets/widgets';
|
|
19
19
|
import * as _fluid_app_rep_core_registries from '@fluid-app/rep-core/registries';
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-
|
|
2
|
-
export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-
|
|
3
|
-
import { ContactsScreen } from './chunk-
|
|
4
|
-
export { ContactsScreen, contactsScreenPropertySchema } from './chunk-
|
|
5
|
-
import { OrdersScreen } from './chunk-
|
|
6
|
-
export { OrdersScreen, ordersScreenPropertySchema } from './chunk-
|
|
7
|
-
import { CustomersScreen } from './chunk-
|
|
8
|
-
export { CustomersScreen, customersScreenPropertySchema } from './chunk-
|
|
9
|
-
import { ProductsScreen } from './chunk-
|
|
10
|
-
export { ProductsScreen, productsScreenPropertySchema } from './chunk-
|
|
11
|
-
import { CoreScreenPlaceholder } from './chunk-
|
|
1
|
+
import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-SYZUEL6B.js';
|
|
2
|
+
export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-SYZUEL6B.js';
|
|
3
|
+
import { ContactsScreen } from './chunk-NGOEPTWZ.js';
|
|
4
|
+
export { ContactsScreen, contactsScreenPropertySchema } from './chunk-NGOEPTWZ.js';
|
|
5
|
+
import { OrdersScreen } from './chunk-TB6OK3WH.js';
|
|
6
|
+
export { OrdersScreen, ordersScreenPropertySchema } from './chunk-TB6OK3WH.js';
|
|
7
|
+
import { CustomersScreen } from './chunk-JXEED3FK.js';
|
|
8
|
+
export { CustomersScreen, customersScreenPropertySchema } from './chunk-JXEED3FK.js';
|
|
9
|
+
import { ProductsScreen } from './chunk-4LTH3NNT.js';
|
|
10
|
+
export { ProductsScreen, productsScreenPropertySchema } from './chunk-4LTH3NNT.js';
|
|
11
|
+
import { CoreScreenPlaceholder } from './chunk-4PHR2M6A.js';
|
|
12
12
|
import './chunk-424PT5DM.js';
|
|
13
13
|
import * as React2 from 'react';
|
|
14
14
|
import { createContext, memo, forwardRef, useContext, useRef, useEffect, useMemo, useState, useCallback } from 'react';
|
|
@@ -1659,11 +1659,11 @@ function RequireAuth({
|
|
|
1659
1659
|
|
|
1660
1660
|
// src/screens/index.ts
|
|
1661
1661
|
var screenPropertySchemas = {
|
|
1662
|
-
MessagingScreen: () => import('./MessagingScreen-
|
|
1663
|
-
ContactsScreen: () => import('./ContactsScreen-
|
|
1664
|
-
OrdersScreen: () => import('./OrdersScreen-
|
|
1665
|
-
CustomersScreen: () => import('./CustomersScreen-
|
|
1666
|
-
ProductsScreen: () => import('./ProductsScreen-
|
|
1662
|
+
MessagingScreen: () => import('./MessagingScreen-I3GVOGKY.js').then((m) => m.messagingScreenPropertySchema),
|
|
1663
|
+
ContactsScreen: () => import('./ContactsScreen-XKZE5HTP.js').then((m) => m.contactsScreenPropertySchema),
|
|
1664
|
+
OrdersScreen: () => import('./OrdersScreen-ANDGND6F.js').then((m) => m.ordersScreenPropertySchema),
|
|
1665
|
+
CustomersScreen: () => import('./CustomersScreen-BBQ3YHI4.js').then((m) => m.customersScreenPropertySchema),
|
|
1666
|
+
ProductsScreen: () => import('./ProductsScreen-5PMFLPWS.js').then((m) => m.productsScreenPropertySchema)
|
|
1667
1667
|
};
|
|
1668
1668
|
var CORE_PAGE_IDS = {
|
|
1669
1669
|
MESSAGING: "core-messaging",
|
|
@@ -1799,7 +1799,7 @@ function SdkBottomNav({
|
|
|
1799
1799
|
setMoreOpen(false);
|
|
1800
1800
|
};
|
|
1801
1801
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1802
|
-
/* @__PURE__ */ jsxs("nav", { className: "fixed right-0 bottom-0 left-0 z-40 flex h-16 items-end justify-around border-t
|
|
1802
|
+
/* @__PURE__ */ jsxs("nav", { className: "border-border bg-sidebar fixed right-0 bottom-0 left-0 z-40 flex h-16 items-end justify-around border-t pb-[env(safe-area-inset-bottom)]", children: [
|
|
1803
1803
|
visibleItems.map((item) => {
|
|
1804
1804
|
const isActive = isInSection(item, currentSlug);
|
|
1805
1805
|
return /* @__PURE__ */ jsxs(
|
|
@@ -1838,15 +1838,15 @@ function SdkBottomNav({
|
|
|
1838
1838
|
"aria-hidden": "true"
|
|
1839
1839
|
}
|
|
1840
1840
|
),
|
|
1841
|
-
/* @__PURE__ */ jsxs("div", { className: "rounded-t-2xl
|
|
1841
|
+
/* @__PURE__ */ jsxs("div", { className: "bg-sidebar rounded-t-2xl pb-[env(safe-area-inset-bottom)]", children: [
|
|
1842
1842
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
|
|
1843
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold
|
|
1843
|
+
/* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-semibold", children: "More" }),
|
|
1844
1844
|
/* @__PURE__ */ jsx(
|
|
1845
1845
|
"button",
|
|
1846
1846
|
{
|
|
1847
1847
|
type: "button",
|
|
1848
1848
|
onClick: () => setMoreOpen(false),
|
|
1849
|
-
className: "flex items-center justify-center rounded-full p-1
|
|
1849
|
+
className: "text-muted-foreground hover:bg-sidebar-accent flex items-center justify-center rounded-full p-1",
|
|
1850
1850
|
"aria-label": "Close",
|
|
1851
1851
|
children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faXmark, className: "size-5" })
|
|
1852
1852
|
}
|
|
@@ -2027,7 +2027,7 @@ function QuickLinksDropdown({ onNavigate }) {
|
|
|
2027
2027
|
ref: buttonRef,
|
|
2028
2028
|
type: "button",
|
|
2029
2029
|
onClick: () => setOpen((prev) => !prev),
|
|
2030
|
-
className: "
|
|
2030
|
+
className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex shrink-0 items-center justify-center rounded-md p-2",
|
|
2031
2031
|
"aria-label": "Quick links",
|
|
2032
2032
|
"aria-expanded": open,
|
|
2033
2033
|
children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faTableCellsLarge, className: "h-4 w-4" })
|
|
@@ -2037,32 +2037,32 @@ function QuickLinksDropdown({ onNavigate }) {
|
|
|
2037
2037
|
"div",
|
|
2038
2038
|
{
|
|
2039
2039
|
ref: panelRef,
|
|
2040
|
-
className: "absolute top-full right-0 z-50 mt-1 w-[700px] max-w-[90vw] overflow-hidden rounded-lg border
|
|
2040
|
+
className: "border-border bg-background absolute top-full right-0 z-50 mt-1 w-[700px] max-w-[90vw] overflow-hidden rounded-lg border shadow-lg",
|
|
2041
2041
|
children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
2042
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b
|
|
2042
|
+
/* @__PURE__ */ jsxs("div", { className: "bg-background flex items-center gap-2 border-b p-4", children: [
|
|
2043
2043
|
/* @__PURE__ */ jsx(
|
|
2044
2044
|
FontAwesomeIcon,
|
|
2045
2045
|
{
|
|
2046
2046
|
icon: faTableCellsLarge,
|
|
2047
|
-
className: "h-5 w-5
|
|
2047
|
+
className: "text-muted-foreground h-5 w-5"
|
|
2048
2048
|
}
|
|
2049
2049
|
),
|
|
2050
|
-
/* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold
|
|
2050
|
+
/* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold", children: "Shortcuts" })
|
|
2051
2051
|
] }),
|
|
2052
|
-
/* @__PURE__ */ jsx("div", { className: "space-y-6
|
|
2053
|
-
/* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold
|
|
2052
|
+
/* @__PURE__ */ jsx("div", { className: "bg-muted space-y-6 p-6", children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
|
|
2053
|
+
/* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold", children: sectionName }),
|
|
2054
2054
|
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: items.map((item) => /* @__PURE__ */ jsxs(
|
|
2055
2055
|
"button",
|
|
2056
2056
|
{
|
|
2057
2057
|
type: "button",
|
|
2058
2058
|
onClick: () => handleItemClick(item.slug),
|
|
2059
|
-
className: "flex items-center gap-2 rounded-lg px-3 py-2 text-sm
|
|
2059
|
+
className: "text-sidebar-foreground hover:bg-sidebar-primary hover:text-sidebar-primary-foreground flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
|
|
2060
2060
|
children: [
|
|
2061
2061
|
item.icon && /* @__PURE__ */ jsx(
|
|
2062
2062
|
RepIcon,
|
|
2063
2063
|
{
|
|
2064
2064
|
name: item.icon,
|
|
2065
|
-
className: "h-4 w-4 shrink-0
|
|
2065
|
+
className: "text-muted-foreground h-4 w-4 shrink-0"
|
|
2066
2066
|
}
|
|
2067
2067
|
),
|
|
2068
2068
|
/* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
|
|
@@ -2089,13 +2089,13 @@ function SdkHeader({
|
|
|
2089
2089
|
const baseSlug = match?.matchedSlug ?? normalizeSlug(currentSlug);
|
|
2090
2090
|
const themeIcon = themeMode.mode === "dark" ? faMoon : faSun;
|
|
2091
2091
|
const activeTabs = sidebar.isMobile && sidebar.useBottomNav && mobileTabs ? mobileTabs : tabs;
|
|
2092
|
-
return /* @__PURE__ */ jsxs("header", { className: "flex h-[52px] shrink-0 items-center gap-2
|
|
2092
|
+
return /* @__PURE__ */ jsxs("header", { className: "bg-sidebar flex h-[52px] shrink-0 items-center gap-2 px-6", children: [
|
|
2093
2093
|
sidebar.isMobile && !sidebar.useBottomNav && /* @__PURE__ */ jsx(
|
|
2094
2094
|
"button",
|
|
2095
2095
|
{
|
|
2096
2096
|
type: "button",
|
|
2097
2097
|
onClick: sidebar.toggleSidebar,
|
|
2098
|
-
className: "mr-2 flex shrink-0 items-center justify-center rounded-md p-2
|
|
2098
|
+
className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground mr-2 flex shrink-0 items-center justify-center rounded-md p-2",
|
|
2099
2099
|
"aria-label": "Toggle sidebar",
|
|
2100
2100
|
children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faBars, className: "size-5" })
|
|
2101
2101
|
}
|
|
@@ -2109,7 +2109,7 @@ function SdkHeader({
|
|
|
2109
2109
|
{
|
|
2110
2110
|
type: "button",
|
|
2111
2111
|
onClick: () => onNavigate(tabSlug),
|
|
2112
|
-
className: `border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors ${isActive ? "border-primary text-foreground" : "
|
|
2112
|
+
className: `border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors ${isActive ? "border-primary text-foreground" : "text-muted-foreground hover:border-border hover:text-foreground border-transparent"}`,
|
|
2113
2113
|
children: tab.label
|
|
2114
2114
|
},
|
|
2115
2115
|
tab.id ?? tabSlug
|
|
@@ -2121,7 +2121,7 @@ function SdkHeader({
|
|
|
2121
2121
|
{
|
|
2122
2122
|
type: "button",
|
|
2123
2123
|
onClick: themeMode.cycleMode,
|
|
2124
|
-
className: "ml-2 flex shrink-0 items-center justify-center rounded-md p-2
|
|
2124
|
+
className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground ml-2 flex shrink-0 items-center justify-center rounded-md p-2",
|
|
2125
2125
|
"aria-label": `Switch theme (current: ${themeMode.mode})`,
|
|
2126
2126
|
children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: themeIcon, className: "size-3" })
|
|
2127
2127
|
}
|
|
@@ -2145,7 +2145,7 @@ function WidgetRenderer({ widget, index }) {
|
|
|
2145
2145
|
function BuilderScreenViewImpl({ screen, className }) {
|
|
2146
2146
|
const widgets = screen.component_tree;
|
|
2147
2147
|
if (!widgets || widgets.length === 0) {
|
|
2148
|
-
return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center
|
|
2148
|
+
return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("p", { children: "This screen has no content yet." }) }) });
|
|
2149
2149
|
}
|
|
2150
2150
|
return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: widgets.map((widget, index) => {
|
|
2151
2151
|
if (!widget) return null;
|