elseware-ui 2.27.10 → 2.29.0

package/dist/index.d.mts

@@ -1348,6 +1348,12 @@ interface DataViewTableProps<T> {
 }
 declare function DataViewTable<T extends Record<string, any>>({ title, columns, data, sortOptions, sortConfig, searchPlaceholder, defaultPageSize, isLoading, isSuccess, isError, error, }: DataViewTableProps<T>): react_jsx_runtime.JSX.Element;
 
+interface DocumentationPanelProps {
+    value: string;
+    toc?: boolean;
+}
+declare function DocumentationPanel({ value, toc }: DocumentationPanelProps): react_jsx_runtime.JSX.Element;
+
 interface WorldMapCountryTableProps {
     title?: string;
     data: WorldMapPoint[];
@@ -1512,12 +1518,6 @@ interface SidemenuLayoutProps {
 }
 declare function SidemenuLayout({ data, children }: SidemenuLayoutProps): react_jsx_runtime.JSX.Element;
 
-interface DocumentationLayoutProps {
-    value: string;
-    toc?: boolean;
-}
-declare function DocumentationLayout({ value, toc }: DocumentationLayoutProps): react_jsx_runtime.JSX.Element;
-
 interface EUIDevLayoutProps {
     children?: ReactNode;
     header?: ReactNode;
@@ -1525,6 +1525,12 @@ interface EUIDevLayoutProps {
 }
 declare function EUIDevLayout({ children, header, footer, }: EUIDevLayoutProps): react_jsx_runtime.JSX.Element;
 
+interface ScrollToTopProps {
+    trigger?: any;
+    behavior?: ScrollBehavior;
+}
+declare function ScrollToTop({ trigger, behavior }: ScrollToTopProps): null;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 declare const getCurrencySymbol: (code: string) => string | null;
@@ -1534,4 +1540,4 @@ declare function isRenderFn(children: ReactNode | ((activeTab: string) => ReactN
 declare const normalize: (path?: string) => string;
 declare const isMatch: (itemPath?: string, currentPath?: string) => boolean;
 
-export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, type BaseAnimationConfig, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Checkbox, Chip, CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Content, ContentArea, type CornerPosition, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, DocumentationLayout, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, GenericLayout, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HyperRefTarget, Image, ImageInput, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Layout, type LayoutContext, type LayoutExecutor, LineChart, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type OctilePosition, type OverlayVariant, Paragraph, PieChart, PriceTag, ProgressBar, type ProgressBarProps, Quote, Radio, RouteTab, type RouteTabMode, RouteTabs, Section, Select, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionDropdown, TransitionFadeIn, Typography, UnderConstructionBanner, ValueBadge, type Variant$1 as Variant, WorldMap, WorldMapCountryTable, YoutubeVideoPlayer, cn, createForceLayout, createGridLayout, createTreeLayout, getCurrencySymbol, getLayout, isMatch, isRenderFn, normalize, registerLayout, resolveWithGlobal, sendToast, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };
+export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, type BaseAnimationConfig, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Checkbox, Chip, CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Content, ContentArea, type CornerPosition, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, GenericLayout, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HyperRefTarget, Image, ImageInput, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Layout, type LayoutContext, type LayoutExecutor, LineChart, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type OctilePosition, type OverlayVariant, Paragraph, PieChart, PriceTag, ProgressBar, type ProgressBarProps, Quote, Radio, RouteTab, type RouteTabMode, RouteTabs, ScrollToTop, Section, Select, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionDropdown, TransitionFadeIn, Typography, UnderConstructionBanner, ValueBadge, type Variant$1 as Variant, WorldMap, WorldMapCountryTable, YoutubeVideoPlayer, cn, createForceLayout, createGridLayout, createTreeLayout, getCurrencySymbol, getLayout, isMatch, isRenderFn, normalize, registerLayout, resolveWithGlobal, sendToast, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };

package/dist/index.d.ts

@@ -1348,6 +1348,12 @@ interface DataViewTableProps<T> {
 }
 declare function DataViewTable<T extends Record<string, any>>({ title, columns, data, sortOptions, sortConfig, searchPlaceholder, defaultPageSize, isLoading, isSuccess, isError, error, }: DataViewTableProps<T>): react_jsx_runtime.JSX.Element;
 
+interface DocumentationPanelProps {
+    value: string;
+    toc?: boolean;
+}
+declare function DocumentationPanel({ value, toc }: DocumentationPanelProps): react_jsx_runtime.JSX.Element;
+
 interface WorldMapCountryTableProps {
     title?: string;
     data: WorldMapPoint[];
@@ -1512,12 +1518,6 @@ interface SidemenuLayoutProps {
 }
 declare function SidemenuLayout({ data, children }: SidemenuLayoutProps): react_jsx_runtime.JSX.Element;
 
-interface DocumentationLayoutProps {
-    value: string;
-    toc?: boolean;
-}
-declare function DocumentationLayout({ value, toc }: DocumentationLayoutProps): react_jsx_runtime.JSX.Element;
-
 interface EUIDevLayoutProps {
     children?: ReactNode;
     header?: ReactNode;
@@ -1525,6 +1525,12 @@ interface EUIDevLayoutProps {
 }
 declare function EUIDevLayout({ children, header, footer, }: EUIDevLayoutProps): react_jsx_runtime.JSX.Element;
 
+interface ScrollToTopProps {
+    trigger?: any;
+    behavior?: ScrollBehavior;
+}
+declare function ScrollToTop({ trigger, behavior }: ScrollToTopProps): null;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 declare const getCurrencySymbol: (code: string) => string | null;
@@ -1534,4 +1540,4 @@ declare function isRenderFn(children: ReactNode | ((activeTab: string) => ReactN
 declare const normalize: (path?: string) => string;
 declare const isMatch: (itemPath?: string, currentPath?: string) => boolean;
 
-export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, type BaseAnimationConfig, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Checkbox, Chip, CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Content, ContentArea, type CornerPosition, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, DocumentationLayout, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, GenericLayout, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HyperRefTarget, Image, ImageInput, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Layout, type LayoutContext, type LayoutExecutor, LineChart, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type OctilePosition, type OverlayVariant, Paragraph, PieChart, PriceTag, ProgressBar, type ProgressBarProps, Quote, Radio, RouteTab, type RouteTabMode, RouteTabs, Section, Select, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionDropdown, TransitionFadeIn, Typography, UnderConstructionBanner, ValueBadge, type Variant$1 as Variant, WorldMap, WorldMapCountryTable, YoutubeVideoPlayer, cn, createForceLayout, createGridLayout, createTreeLayout, getCurrencySymbol, getLayout, isMatch, isRenderFn, normalize, registerLayout, resolveWithGlobal, sendToast, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };
+export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, type BaseAnimationConfig, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Checkbox, Chip, CloudinaryImage, CloudinaryProvider, CloudinaryVideo, Content, ContentArea, type CornerPosition, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, GenericLayout, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HyperRefTarget, Image, ImageInput, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Layout, type LayoutContext, type LayoutExecutor, LineChart, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type OctilePosition, type OverlayVariant, Paragraph, PieChart, PriceTag, ProgressBar, type ProgressBarProps, Quote, Radio, RouteTab, type RouteTabMode, RouteTabs, ScrollToTop, Section, Select, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionDropdown, TransitionFadeIn, Typography, UnderConstructionBanner, ValueBadge, type Variant$1 as Variant, WorldMap, WorldMapCountryTable, YoutubeVideoPlayer, cn, createForceLayout, createGridLayout, createTreeLayout, getCurrencySymbol, getLayout, isMatch, isRenderFn, normalize, registerLayout, resolveWithGlobal, sendToast, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };

package/dist/index.js

@@ -15613,9 +15613,9 @@ function MarkdownTOC({ title = "Table of Contents" }) {
       {
         onClick: () => scrollToHeading(heading.id),
         className: classNames28__default.default(
-          "block w-full text-left text-sm transition-colors",
+          "block w-full text-left text-sm transition-all ease-in-out duration-150",
           "hover:text-primary",
-          activeHeading === heading.id ? "text-primary font-semibold" : "text-gray-500 dark:text-gray-400"
+          activeHeading === heading.id ? "text-primary font-semibold underline" : "text-gray-500 dark:text-gray-400"
         ),
         style: {
           paddingLeft: `${(heading.level - 1) * 12}px`
@@ -17007,6 +17007,13 @@ function DataViewTable({
   );
 }
 var DataViewTable_default = DataViewTable;
+function DocumentationPanel({ value, toc = true }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MarkdownProvider_default, { markdown: value, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen overflow-hidden grid grid-cols-[minmax(0,1fr)_280px] gap-10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "documentation_scrollbar min-w-0 h-screen overflow-y-auto scroll-smooth", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-6", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownViewer_default, {}) }) }),
+    toc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block h-screen border-l border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "documentation_scrollbar h-full overflow-y-auto px-6 pt-0 pb-10", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownTOC_default, {}) }) })
+  ] }) });
+}
+var DocumentationPanel_default = DocumentationPanel;
 function WorldMapCountryTable({
   title = "Country Breakdown",
   data
@@ -17555,13 +17562,6 @@ function SidemenuLayout({ data, children }) {
   ) });
 }
 var SidemenuLayout_default = SidemenuLayout;
-function DocumentationLayout({ value, toc = true }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MarkdownProvider_default, { markdown: value, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen overflow-hidden grid grid-cols-[minmax(0,1fr)_280px] gap-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 h-screen overflow-y-auto scroll-smooth", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-6", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownViewer_default, {}) }) }),
-    toc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block h-screen border-l border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto px-6 pt-0 pb-10", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownTOC_default, {}) }) })
-  ] }) });
-}
-var DocumentationLayout_default = DocumentationLayout;
 function EUIDevLayout({
   children,
   header = /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
@@ -17586,6 +17586,16 @@ function EUIDevLayout({
   );
 }
 var EUIDevLayout_default = EUIDevLayout;
+function ScrollToTop({ trigger, behavior = "smooth" }) {
+  React4.useEffect(() => {
+    window.scrollTo({
+      top: 0,
+      behavior
+    });
+  }, [trigger]);
+  return null;
+}
+var ScrollToTop_default = ScrollToTop;
 
 exports.Accordion = Accordion_default;
 exports.AsyncComponentWrapper = AsyncComponentWrapper_default;
@@ -17617,7 +17627,7 @@ exports.DataView = DataView;
 exports.DataViewTable = DataViewTable_default;
 exports.DateSelector = DateSelector_default;
 exports.DefaultLayout = DefaultLayout_default;
-exports.DocumentationLayout = DocumentationLayout_default;
+exports.DocumentationPanel = DocumentationPanel_default;
 exports.Drawer = Drawer;
 exports.DrawerToggler = DrawerToggler_default;
 exports.EUIDevLayout = EUIDevLayout_default;
@@ -17681,6 +17691,7 @@ exports.Quote = Quote;
 exports.Radio = Radio_default;
 exports.RouteTab = RouteTab_default;
 exports.RouteTabs = RouteTabs_default;
+exports.ScrollToTop = ScrollToTop_default;
 exports.Section = Section;
 exports.Select = Select_default;
 exports.ShapeSwitch = ShapeSwitch;