@sybilion/uilib 1.2.24 → 1.2.26

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';