@sybilion/uilib 1.2.23 → 1.2.26

package/src/docs/pages/StandaloneAppLayoutPage/StandaloneAppLayoutPage.tsx

@@ -157,8 +157,8 @@ function StandaloneLayoutPreview() {
               appsStorageKey={DOCS_WORKSPACE_APPS_LS_KEY}
               defaultApps={DOCS_PREVIEW_APPS}
               user={{
-                name: 'Preview User',
-                email: 'preview@example.com',
+                name: 'Example User',
+                email: 'user@example.com',
                 avatar: '',
               }}
               onLogout={() => undefined}
@@ -191,11 +191,9 @@ export default function StandaloneAppLayoutPage() {
         title="Standalone app layout"
         subheader={
           <>
-            Live preview of AppShell + Sidebar + main column.{' '}
-            <br />
-            Greenfield wiring: copy{' '}
-            <code>mini/sybilion-app-template/</code> and follow its README — this
-            page is layout only.
+            Live preview of AppShell + Sidebar + main column. <br />
+            Greenfield wiring: copy <code>mini/sybilion-app-template/</code> and
+            follow its README — this page is layout only.
           </>
         }
         actions={<DocsHeaderActions />}

package/src/docs/pages/TooltipPage.tsx

@@ -9,6 +9,8 @@ import {
 import { AppPageHeader } from '../components/AppPageHeader/AppPageHeader';
 import { DocsHeaderActions } from '../docsHeaderActions';
 
+const TOOLTIP_SIDES = ['left', 'top', 'bottom', 'right'] as const;
+
 export default function TooltipPage() {
   return (
     <>
@@ -19,16 +21,18 @@ export default function TooltipPage() {
         actions={<DocsHeaderActions />}
       />
       <PageContentSection>
-        <span>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <Button type="button" variant="outline">
-                Hover me
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent>Tooltip text</TooltipContent>
-          </Tooltip>
-        </span>
+        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8 }}>
+          {TOOLTIP_SIDES.map(side => (
+            <Tooltip key={side}>
+              <TooltipTrigger asChild>
+                <Button type="button" variant="outline">
+                  {side.charAt(0).toUpperCase() + side.slice(1)}
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side={side}>Tooltip opens {side}</TooltipContent>
+            </Tooltip>
+          ))}
+        </div>
       </PageContentSection>
     </>
   );

package/src/docs/registry.ts

@@ -13,6 +13,7 @@ export const DOC_SECTION_ORDER = [
   'Feedback',
   'Layout',
   'Navigation',
+  'Widgets',
   'Overlays',
   'Data display',
   'Charts',
@@ -115,10 +116,10 @@ export const DOC_REGISTRY: DocEntry[] = [
     load: () => import('./pages/DialogPage'),
   },
   {
-    slug: 'drawer',
-    title: 'Drawer',
-    section: 'Overlays',
-    load: () => import('./pages/DrawerPage'),
+    slug: 'driver-map',
+    title: 'DriverMap',
+    section: 'Widgets',
+    load: () => import('./pages/DriverMapPage'),
   },
   {
     slug: 'dropdown-menu',
@@ -286,7 +287,7 @@ export const DOC_REGISTRY: DocEntry[] = [
   {
     slug: 'sidebar-datasets-items-grouped',
     title: 'SidebarDatasetsItemsGrouped',
-    section: 'Navigation',
+    section: 'Widgets',
     load: () => import('./pages/SidebarDatasetsItemsGroupedPage'),
   },
   {

package/src/hooks/index.ts

@@ -1 +1,2 @@
 export { useIsMobile } from './useIsMobile';
+export { default as useEvent, type UseEventParams } from './useEvent';

package/src/hooks/useEvent.ts

@@ -20,11 +20,9 @@ export default function useEvent({
   const callbackRef = useRef(callback);
   callbackRef.current = callback;
 
-  // Track when elem.current changes to force effect re-run
   const [elemKey, setElemKey] = useState(0);
   const prevElemRef = useRef<HTMLElement | null>(null);
 
-  // Watch for elem.current changes and update state to trigger main effect re-run
   useEffect(() => {
     const currentElem = Array.isArray(elem)
       ? elem.find(ref => ref?.current)?.current || null

package/src/index.ts

@@ -60,6 +60,7 @@ export * from './components/ui/Tooltip';
 export * from './components/ui/VimeoEmbed';
 export * from './components/ui/WorkspaceAppSwitcher';
 export * from './components/widgets/SidebarDatasetsItemsGrouped';
+export * from './components/widgets/DriverMap';
 export * from './components/widgets/SybilionAppHeader';
 export * from './components/widgets/SybilionAuthLayout';
 export * from './components/widgets/SybilionSignInPanel';

package/src/sybilion-auth/SybilionAuthProvider.tsx

@@ -15,7 +15,7 @@ import {
 } from 'react';
 
 import { normalizeApiBaseUrl } from '#uilib/sybilion-auth/authPaths';
-import type { LoginTokenResponse, SybilionSDK } from '@sybilion/sdk';
+import type { LoginTokenResponse, SybilionSDK } from '@sybilion/platform-sdk';
 
 const DEFAULT_TOKEN_KEY = 'sybilion.standalone.jwt';