Migrating from UIContentWrap to HighRise ContentWrap

HLContentWrap wraps HighRise providers (theme, modal, notification, i18n). It replaces UIContentWrap with a slimmer prop surface: locale handling, optional full-screen padding removal, and notification provider config.

Component Implementation Changes

Import Changes

- import { UIContentWrap } from '@gohighlevel/ghl-ui'
+ import { HLContentWrap } from '@platform-ui/highrise'

Basic Usage Changes

- <UIContentWrap>
-   <div>Your content here</div>
- </UIContentWrap>
+ <HLContentWrap locale="en-US">
+   <div>Your content here</div>
+ </HLContentWrap>

Props Changes

ghl-ui Prop	HighRise Prop	Notes
locale	locale	Same locale codes; defaults to en-US.
notificationConfig	notificationConfig	See structure below.
fullScreen	fullScreen	Removes default 32px padding when true.
-	namespace	CSS namespace prefix; default platform-ui__highrise.
-	dir	Text direction (ltr default, rtl supported).

Notification Config Structure (HighRise)

interface notificationConfigType {
  containerClass: string
  containerStyle: string | CSSProperties
  placement: 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right'
  max: number
  scrollable: boolean
  to: string | HTMLElement
}

Defaults: empty containerClass, placement='top-right', max=5, scrollable=false, to=body.

Provider Notes

• Wrap your app root with HLContentWrap to inherit HighRise theme overrides and notification provider.
• Modal provider is included; no extra setup required for HLModal.
• Locale changes are reactive; updating locale will re-provide language/date locales.

Examples

Custom Notification Placement

<HLContentWrap
  :notification-config="{
    placement: 'bottom-right',
    max: 4,
    scrollable: true,
    containerClass: 'app-notifications',
  }"
>
  <RouterView />
</HLContentWrap>

RTL + Full Screen

<HLContentWrap dir="rtl" fullScreen>
  <AppShell />
</HLContentWrap>