@ably/ui 15.6.0-dev.274a3001 → 15.6.0-dev.46254f5
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/core/DropdownMenu.js +1 -1
- package/core/DropdownMenu.js.map +1 -1
- package/core/Flash.js +1 -1
- package/core/Flash.js.map +1 -1
- package/core/Flyout.js +1 -1
- package/core/Flyout.js.map +1 -1
- package/core/Header/HeaderLinks.js +1 -1
- package/core/Header/HeaderLinks.js.map +1 -1
- package/core/Header.js +1 -1
- package/core/Header.js.map +1 -1
- package/core/LegacyMeganav/MeganavBlogPostsList/component.js +2 -0
- package/core/LegacyMeganav/MeganavBlogPostsList/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavControl/component.js +2 -0
- package/core/LegacyMeganav/MeganavControl/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js +2 -0
- package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js +2 -0
- package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js +2 -0
- package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavSearchAutocomplete/component.js +2 -0
- package/core/LegacyMeganav/MeganavSearchAutocomplete/component.js.map +1 -0
- package/core/LegacyMeganav/MeganavSearchSuggestions/component.js +2 -0
- package/core/LegacyMeganav/MeganavSearchSuggestions/component.js.map +1 -0
- package/core/LegacyMeganav/component.js +2 -0
- package/core/{Meganav → LegacyMeganav}/component.js.map +1 -1
- package/core/LegacyMeganav.js +2 -0
- package/core/LegacyMeganav.js.map +1 -0
- package/core/Meganav/.DS_Store +0 -0
- package/core/Meganav/Meganav.js +2 -0
- package/core/Meganav/Meganav.js.map +1 -0
- package/core/Meganav/MeganavMobile.js +2 -0
- package/core/Meganav/MeganavMobile.js.map +1 -0
- package/core/Meganav/MeganavPanel.js +2 -0
- package/core/Meganav/MeganavPanel.js.map +1 -0
- package/core/Meganav/data.js +2 -0
- package/core/Meganav/data.js.map +1 -0
- package/core/Meganav/images/fan-engagement-nav-image.png +0 -0
- package/core/Meganav/images/founders-nav-image.png +0 -0
- package/core/MeganavBlogPostsList.js.map +1 -1
- package/core/MeganavContentCompany.js.map +1 -1
- package/core/MeganavContentDevelopers.js.map +1 -1
- package/core/MeganavContentProducts.js.map +1 -1
- package/core/MeganavContentUseCases.js.map +1 -1
- package/core/MeganavControl.js.map +1 -1
- package/core/MeganavControlMobileDropdown.js.map +1 -1
- package/core/MeganavItemsDesktop.js +1 -1
- package/core/MeganavItemsDesktop.js.map +1 -1
- package/core/MeganavItemsMobile.js +1 -1
- package/core/MeganavItemsMobile.js.map +1 -1
- package/core/MeganavItemsSignedIn.js.map +1 -1
- package/core/MeganavSearch.js.map +1 -1
- package/core/MeganavSearchPanel.js.map +1 -1
- package/core/MeganavSearchSuggestions.js.map +1 -1
- package/core/Notice.js +1 -1
- package/core/Notice.js.map +1 -1
- package/core/SignOutLink.js.map +1 -1
- package/core/images/award/g2-best-meets-requirements-2025.png +0 -0
- package/core/images/award/g2-best-support-2025.png +0 -0
- package/core/images/award/g2-high-performer-2025.png +0 -0
- package/core/images/award/g2-users-most-likely-to-recommend-2025.png +0 -0
- package/index.d.ts +251 -152
- package/package.json +9 -11
- package/core/Meganav/component.js +0 -2
- package/core/Meganav.js +0 -2
- package/core/Meganav.js.map +0 -1
- package/core/MeganavBlogPostsList/component.js +0 -2
- package/core/MeganavBlogPostsList/component.js.map +0 -1
- package/core/MeganavControl/component.js +0 -2
- package/core/MeganavControl/component.js.map +0 -1
- package/core/MeganavControlMobileDropdown/component.js +0 -2
- package/core/MeganavControlMobileDropdown/component.js.map +0 -1
- package/core/MeganavControlMobilePanelClose/component.js +0 -2
- package/core/MeganavControlMobilePanelClose/component.js.map +0 -1
- package/core/MeganavControlMobilePanelOpen/component.js +0 -2
- package/core/MeganavControlMobilePanelOpen/component.js.map +0 -1
- package/core/MeganavSearchAutocomplete/component.js +0 -2
- package/core/MeganavSearchAutocomplete/component.js.map +0 -1
- package/core/MeganavSearchSuggestions/component.js +0 -2
- package/core/MeganavSearchSuggestions/component.js.map +0 -1
- package/core/hooks/use-rails-ujs-hooks.js +0 -2
- package/core/hooks/use-rails-ujs-hooks.js.map +0 -1
- package/core/styles/colors/computed-colors.json +0 -1
- /package/core/{Meganav → LegacyMeganav}/component.css +0 -0
- /package/core/{Meganav → LegacyMeganav}/component.json +0 -0
package/index.d.ts
CHANGED
|
@@ -343,28 +343,51 @@ declare module '@ably/ui/core/DropdownMenu' {
|
|
|
343
343
|
import { ReactNode } from "react";
|
|
344
344
|
import { IconName } from "@ably/ui/core/Icon/types";
|
|
345
345
|
type DropdownMenuProps = {
|
|
346
|
+
/**
|
|
347
|
+
* The content to be displayed within the dropdown menu.
|
|
348
|
+
*/
|
|
346
349
|
children: ReactNode;
|
|
347
350
|
};
|
|
348
351
|
type TriggerProps = {
|
|
352
|
+
/**
|
|
353
|
+
* The content to be displayed within the trigger element.
|
|
354
|
+
*/
|
|
349
355
|
children: ReactNode;
|
|
350
|
-
|
|
356
|
+
/**
|
|
357
|
+
* Additional class names to apply to the trigger element.
|
|
358
|
+
*/
|
|
359
|
+
triggerClassNames?: string;
|
|
360
|
+
/**
|
|
361
|
+
* A description for the trigger element, used for accessibility purposes.
|
|
362
|
+
*/
|
|
363
|
+
description?: string;
|
|
351
364
|
};
|
|
352
365
|
type ContentProps = {
|
|
366
|
+
/**
|
|
367
|
+
* The content to be displayed within the dropdown menu.
|
|
368
|
+
*/
|
|
353
369
|
children: ReactNode;
|
|
370
|
+
/**
|
|
371
|
+
* The position of the dropdown menu relative to the trigger element.
|
|
372
|
+
* Defaults to "right".
|
|
373
|
+
*/
|
|
354
374
|
anchorPosition?: string;
|
|
355
|
-
|
|
375
|
+
/**
|
|
376
|
+
* Additional class names to apply to the content container.
|
|
377
|
+
*/
|
|
378
|
+
contentClassNames?: string;
|
|
356
379
|
};
|
|
357
380
|
type LinkProps = {
|
|
358
381
|
url: string;
|
|
359
382
|
title: string;
|
|
360
|
-
subtitle
|
|
361
|
-
iconName
|
|
362
|
-
children
|
|
383
|
+
subtitle?: string;
|
|
384
|
+
iconName?: IconName;
|
|
385
|
+
children?: ReactNode;
|
|
363
386
|
};
|
|
364
387
|
const DropdownMenu: {
|
|
365
388
|
({ children }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
366
|
-
Trigger: ({ children,
|
|
367
|
-
Content: ({ children, anchorPosition,
|
|
389
|
+
Trigger: ({ children, triggerClassNames, description, }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
390
|
+
Content: ({ children, anchorPosition, contentClassNames, }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
368
391
|
Link: ({ url, title, subtitle, iconName, children }: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
369
392
|
};
|
|
370
393
|
export default DropdownMenu;
|
|
@@ -417,7 +440,7 @@ type FlashProps = {
|
|
|
417
440
|
};
|
|
418
441
|
type FlashesProps = {
|
|
419
442
|
flashes: {
|
|
420
|
-
items:
|
|
443
|
+
items: FlashProps[];
|
|
421
444
|
};
|
|
422
445
|
};
|
|
423
446
|
type BackendFlashesProps = {
|
|
@@ -452,9 +475,9 @@ type FlyoutProps = {
|
|
|
452
475
|
*/
|
|
453
476
|
menuItems: {
|
|
454
477
|
/**
|
|
455
|
-
*
|
|
478
|
+
* name for the menu item.
|
|
456
479
|
*/
|
|
457
|
-
|
|
480
|
+
name: string;
|
|
458
481
|
/**
|
|
459
482
|
* Optional content to be displayed in the flyout panel.
|
|
460
483
|
*/
|
|
@@ -522,14 +545,42 @@ export const HeaderLinks: React.FC<Pick<HeaderProps, "sessionState" | "headerLin
|
|
|
522
545
|
|
|
523
546
|
declare module '@ably/ui/core/Header' {
|
|
524
547
|
import React, { ReactNode } from "react";
|
|
548
|
+
import { NoticeProps } from "@ably/ui/core/Notice";
|
|
525
549
|
export type ThemedScrollpoint = {
|
|
526
550
|
id: string;
|
|
527
551
|
className: string;
|
|
528
552
|
};
|
|
553
|
+
/**
|
|
554
|
+
* Represents the state of the user session in the header.
|
|
555
|
+
*/
|
|
556
|
+
export type HeaderSessionState = {
|
|
557
|
+
/**
|
|
558
|
+
* Indicates if the user is signed in.
|
|
559
|
+
*/
|
|
560
|
+
signedIn: boolean;
|
|
561
|
+
/**
|
|
562
|
+
* Information required to log out the user.
|
|
563
|
+
*/
|
|
564
|
+
logOut: {
|
|
565
|
+
/**
|
|
566
|
+
* Token used for logging out.
|
|
567
|
+
*/
|
|
568
|
+
token: string;
|
|
569
|
+
/**
|
|
570
|
+
* URL to log out the user.
|
|
571
|
+
*/
|
|
572
|
+
href: string;
|
|
573
|
+
};
|
|
574
|
+
/**
|
|
575
|
+
* Name of the user's account.
|
|
576
|
+
*/
|
|
577
|
+
accountName: string;
|
|
578
|
+
};
|
|
529
579
|
/**
|
|
530
580
|
* Props for the Header component.
|
|
531
581
|
*/
|
|
532
582
|
export type HeaderProps = {
|
|
583
|
+
headerClassName?: string;
|
|
533
584
|
/**
|
|
534
585
|
* Optional search bar element.
|
|
535
586
|
*/
|
|
@@ -570,31 +621,7 @@ export type HeaderProps = {
|
|
|
570
621
|
/**
|
|
571
622
|
* State of the user session.
|
|
572
623
|
*/
|
|
573
|
-
sessionState?:
|
|
574
|
-
/**
|
|
575
|
-
* Indicates if the user is signed in.
|
|
576
|
-
*/
|
|
577
|
-
signedIn: boolean;
|
|
578
|
-
/**
|
|
579
|
-
* Account information.
|
|
580
|
-
*/
|
|
581
|
-
account: {
|
|
582
|
-
/**
|
|
583
|
-
* Links related to the account.
|
|
584
|
-
*/
|
|
585
|
-
links: {
|
|
586
|
-
/**
|
|
587
|
-
* Dashboard link information.
|
|
588
|
-
*/
|
|
589
|
-
dashboard: {
|
|
590
|
-
/**
|
|
591
|
-
* URL for the dashboard link.
|
|
592
|
-
*/
|
|
593
|
-
href: string;
|
|
594
|
-
};
|
|
595
|
-
};
|
|
596
|
-
};
|
|
597
|
-
};
|
|
624
|
+
sessionState?: HeaderSessionState;
|
|
598
625
|
/**
|
|
599
626
|
* Array of themed scrollpoints. The header will change its appearance based on the scrollpoint in view.
|
|
600
627
|
*/
|
|
@@ -606,6 +633,14 @@ export type HeaderProps = {
|
|
|
606
633
|
* - "mobile": Visible only on mobile devices.
|
|
607
634
|
*/
|
|
608
635
|
searchButtonVisibility?: "all" | "desktop" | "mobile";
|
|
636
|
+
/**
|
|
637
|
+
Props for the notice component to be displayed in the header.
|
|
638
|
+
*/
|
|
639
|
+
notice: NoticeProps;
|
|
640
|
+
/**
|
|
641
|
+
Reference to the notice DOM element for handling visibility and overflow.
|
|
642
|
+
*/
|
|
643
|
+
noticeRef: React.RefObject<HTMLDivElement>;
|
|
609
644
|
};
|
|
610
645
|
const Header: React.FC<HeaderProps>;
|
|
611
646
|
export default Header;
|
|
@@ -658,50 +693,63 @@ export default Icon;
|
|
|
658
693
|
//# sourceMappingURL=Icon.d.ts.map
|
|
659
694
|
}
|
|
660
695
|
|
|
661
|
-
declare module '@ably/ui/core/
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
iconColor?: ColorClass | ColorThemeSet;
|
|
669
|
-
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
670
|
-
const LinkButton: React.FC<LinkButtonProps>;
|
|
671
|
-
export default LinkButton;
|
|
672
|
-
//# sourceMappingURL=LinkButton.d.ts.map
|
|
696
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavControl/component' {
|
|
697
|
+
export default MeganavControl;
|
|
698
|
+
function MeganavControl(): {
|
|
699
|
+
teardown: () => void;
|
|
700
|
+
clear: () => void;
|
|
701
|
+
}[];
|
|
702
|
+
//# sourceMappingURL=component.d.ts.map
|
|
673
703
|
}
|
|
674
704
|
|
|
675
|
-
declare module '@ably/ui/core/
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
705
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown/component' {
|
|
706
|
+
export default MeganavControlMobileDropdown;
|
|
707
|
+
function MeganavControlMobileDropdown({ clearPanels }: {
|
|
708
|
+
clearPanels: any;
|
|
709
|
+
}): {
|
|
710
|
+
teardown: () => void;
|
|
711
|
+
clear: () => void;
|
|
680
712
|
};
|
|
681
|
-
|
|
682
|
-
export default Loader;
|
|
683
|
-
//# sourceMappingURL=Loader.d.ts.map
|
|
713
|
+
//# sourceMappingURL=component.d.ts.map
|
|
684
714
|
}
|
|
685
715
|
|
|
686
|
-
declare module '@ably/ui/core/
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
logoAlt?: string;
|
|
692
|
-
href?: string;
|
|
693
|
-
additionalImgAttrs?: object;
|
|
694
|
-
additionalLinkAttrs?: object;
|
|
695
|
-
theme?: "light" | "dark";
|
|
696
|
-
variant?: "default" | "mono";
|
|
697
|
-
orientation?: "default" | "stacked";
|
|
698
|
-
};
|
|
699
|
-
const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
|
|
716
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose/component' {
|
|
717
|
+
function _default(): {
|
|
718
|
+
teardown: () => void;
|
|
719
|
+
clear: () => void;
|
|
720
|
+
}[];
|
|
700
721
|
export default _default;
|
|
701
|
-
//# sourceMappingURL=
|
|
722
|
+
//# sourceMappingURL=component.d.ts.map
|
|
723
|
+
}
|
|
724
|
+
|
|
725
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelOpen/component' {
|
|
726
|
+
function _default(): {
|
|
727
|
+
teardown: () => void;
|
|
728
|
+
clear: () => void;
|
|
729
|
+
}[];
|
|
730
|
+
export default _default;
|
|
731
|
+
//# sourceMappingURL=component.d.ts.map
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavSearchAutocomplete/component' {
|
|
735
|
+
function _default(apiKey: any): {
|
|
736
|
+
teardown: () => void;
|
|
737
|
+
clear: () => void;
|
|
738
|
+
}[];
|
|
739
|
+
export default _default;
|
|
740
|
+
//# sourceMappingURL=component.d.ts.map
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
declare module '@ably/ui/core/LegacyMeganav/MeganavSearchSuggestions/component' {
|
|
744
|
+
export default MeganavSearchSuggestions;
|
|
745
|
+
function MeganavSearchSuggestions(): {
|
|
746
|
+
teardown: () => void;
|
|
747
|
+
clear: () => void;
|
|
748
|
+
};
|
|
749
|
+
//# sourceMappingURL=component.d.ts.map
|
|
702
750
|
}
|
|
703
751
|
|
|
704
|
-
declare module '@ably/ui/core/
|
|
752
|
+
declare module '@ably/ui/core/LegacyMeganav/component' {
|
|
705
753
|
export default function Meganav({ themeName, addSearchApiKey }: {
|
|
706
754
|
themeName: any;
|
|
707
755
|
addSearchApiKey: any;
|
|
@@ -709,7 +757,7 @@ export default function Meganav({ themeName, addSearchApiKey }: {
|
|
|
709
757
|
//# sourceMappingURL=component.d.ts.map
|
|
710
758
|
}
|
|
711
759
|
|
|
712
|
-
declare module '@ably/ui/core/
|
|
760
|
+
declare module '@ably/ui/core/LegacyMeganav' {
|
|
713
761
|
import { ReactNode } from "react";
|
|
714
762
|
import { ColorClass } from "@ably/ui/core/styles/colors/types";
|
|
715
763
|
export type MeganavTheme = {
|
|
@@ -726,6 +774,9 @@ export type MeganavPaths = {
|
|
|
726
774
|
logo?: string;
|
|
727
775
|
iconSprites: string;
|
|
728
776
|
ablyStack: string;
|
|
777
|
+
blogThumb1: string;
|
|
778
|
+
blogThumb2: string;
|
|
779
|
+
blogThumb3: string;
|
|
729
780
|
awsLogo?: string;
|
|
730
781
|
};
|
|
731
782
|
export type MeganavPanels = {
|
|
@@ -760,7 +811,7 @@ export type MeganavSessionState = {
|
|
|
760
811
|
href: string;
|
|
761
812
|
};
|
|
762
813
|
};
|
|
763
|
-
export type
|
|
814
|
+
export type MeganavNoticeProps = {
|
|
764
815
|
props: {
|
|
765
816
|
title: string;
|
|
766
817
|
bodyText: string;
|
|
@@ -779,7 +830,7 @@ export type NoticeApiProps = {
|
|
|
779
830
|
type MeganavProps = {
|
|
780
831
|
paths?: MeganavPaths;
|
|
781
832
|
themeName: "white" | "black" | "transparentToWhite";
|
|
782
|
-
notice?:
|
|
833
|
+
notice?: MeganavNoticeProps;
|
|
783
834
|
loginLink?: string;
|
|
784
835
|
urlBase?: string;
|
|
785
836
|
addSearchApiKey: string;
|
|
@@ -788,11 +839,121 @@ type MeganavProps = {
|
|
|
788
839
|
};
|
|
789
840
|
const Meganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, searchDataId, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
|
|
790
841
|
export default Meganav;
|
|
842
|
+
//# sourceMappingURL=LegacyMeganav.d.ts.map
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
declare module '@ably/ui/core/LinkButton' {
|
|
846
|
+
import React from "react";
|
|
847
|
+
import { ButtonPropsBase } from "@ably/ui/core/Button";
|
|
848
|
+
import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
|
|
849
|
+
export type LinkButtonProps = ButtonPropsBase & {
|
|
850
|
+
disabled?: boolean;
|
|
851
|
+
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
852
|
+
iconColor?: ColorClass | ColorThemeSet;
|
|
853
|
+
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
854
|
+
const LinkButton: React.FC<LinkButtonProps>;
|
|
855
|
+
export default LinkButton;
|
|
856
|
+
//# sourceMappingURL=LinkButton.d.ts.map
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
declare module '@ably/ui/core/Loader' {
|
|
860
|
+
type LoaderProps = {
|
|
861
|
+
size?: string;
|
|
862
|
+
ringColor?: string;
|
|
863
|
+
additionalCSS?: string;
|
|
864
|
+
};
|
|
865
|
+
const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
866
|
+
export default Loader;
|
|
867
|
+
//# sourceMappingURL=Loader.d.ts.map
|
|
868
|
+
}
|
|
869
|
+
|
|
870
|
+
declare module '@ably/ui/core/Logo' {
|
|
871
|
+
import React from "react";
|
|
872
|
+
type LogoProps = {
|
|
873
|
+
dataId?: string;
|
|
874
|
+
logoUrl?: string;
|
|
875
|
+
logoAlt?: string;
|
|
876
|
+
href?: string;
|
|
877
|
+
additionalImgAttrs?: object;
|
|
878
|
+
additionalLinkAttrs?: object;
|
|
879
|
+
theme?: "light" | "dark";
|
|
880
|
+
variant?: "default" | "mono";
|
|
881
|
+
orientation?: "default" | "stacked";
|
|
882
|
+
};
|
|
883
|
+
const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
|
|
884
|
+
export default _default;
|
|
885
|
+
//# sourceMappingURL=Logo.d.ts.map
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
declare module '@ably/ui/core/Meganav/Meganav' {
|
|
889
|
+
import { HeaderSessionState } from ".@ably/ui/core/Header";
|
|
890
|
+
import { NoticeProps } from ".@ably/ui/core/Notice";
|
|
891
|
+
export type MeganavProps = {
|
|
892
|
+
sessionState: HeaderSessionState;
|
|
893
|
+
searchDataId: string;
|
|
894
|
+
notice: NoticeProps;
|
|
895
|
+
};
|
|
896
|
+
const Meganav: ({ sessionState, searchDataId, notice }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
|
|
897
|
+
export default Meganav;
|
|
791
898
|
//# sourceMappingURL=Meganav.d.ts.map
|
|
792
899
|
}
|
|
793
900
|
|
|
901
|
+
declare module '@ably/ui/core/Meganav/MeganavMobile' {
|
|
902
|
+
import { AccordionData } from ".@ably/ui/core/Accordion/types";
|
|
903
|
+
export const MeganavMobile: ({ mobileNavItems, }: {
|
|
904
|
+
mobileNavItems: AccordionData[];
|
|
905
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
906
|
+
//# sourceMappingURL=MeganavMobile.d.ts.map
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
declare module '@ably/ui/core/Meganav/MeganavPanel' {
|
|
910
|
+
import React from "react";
|
|
911
|
+
import { FlyoutPanelHighlight, FlyoutPanelList } from "@ably/ui/core/data";
|
|
912
|
+
export const MeganavPanel: ({ displayProductTile, panelLeft, panelLeftClassName, panelRightHeading, panelRightItems, panelRightBottom, }: {
|
|
913
|
+
displayProductTile?: boolean;
|
|
914
|
+
panelLeft?: FlyoutPanelHighlight;
|
|
915
|
+
panelLeftClassName?: string;
|
|
916
|
+
panelRightHeading?: string;
|
|
917
|
+
panelRightItems: FlyoutPanelList[];
|
|
918
|
+
panelRightBottom?: React.ReactNode;
|
|
919
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
920
|
+
//# sourceMappingURL=MeganavPanel.d.ts.map
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
declare module '@ably/ui/core/Meganav/data' {
|
|
924
|
+
import React from "react";
|
|
925
|
+
import { IconName } from ".@ably/ui/core/Icon/types";
|
|
926
|
+
export type FlyoutPanelList = {
|
|
927
|
+
label: string;
|
|
928
|
+
icon: IconName;
|
|
929
|
+
link: string;
|
|
930
|
+
isMobile?: boolean;
|
|
931
|
+
};
|
|
932
|
+
export type FlyoutPanelHighlight = {
|
|
933
|
+
heading: string;
|
|
934
|
+
content: string;
|
|
935
|
+
labelLink: string;
|
|
936
|
+
url: string;
|
|
937
|
+
image: string;
|
|
938
|
+
};
|
|
939
|
+
export type MenuItem = {
|
|
940
|
+
name: string;
|
|
941
|
+
link?: string;
|
|
942
|
+
isHiddenMobile?: boolean;
|
|
943
|
+
content?: React.ReactNode;
|
|
944
|
+
panelClassName?: string;
|
|
945
|
+
};
|
|
946
|
+
export const menuItemLinks: {
|
|
947
|
+
name: string;
|
|
948
|
+
link: string;
|
|
949
|
+
isHiddenMobile: boolean;
|
|
950
|
+
}[];
|
|
951
|
+
export const menuItemsForHeader: MenuItem[];
|
|
952
|
+
//# sourceMappingURL=data.d.ts.map
|
|
953
|
+
}
|
|
954
|
+
|
|
794
955
|
declare module '@ably/ui/core/MeganavBlogPostsList' {
|
|
795
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
956
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
796
957
|
type MeganavBlogPostsListProps = {
|
|
797
958
|
recentBlogPosts: {
|
|
798
959
|
link: string;
|
|
@@ -807,7 +968,7 @@ export default MeganavBlogPostsList;
|
|
|
807
968
|
}
|
|
808
969
|
|
|
809
970
|
declare module '@ably/ui/core/MeganavContentCompany' {
|
|
810
|
-
import { AbsUrl, MeganavPaths } from "@ably/ui/core/
|
|
971
|
+
import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
|
|
811
972
|
type MeganavContentCompanyProps = {
|
|
812
973
|
absUrl: AbsUrl;
|
|
813
974
|
paths?: MeganavPaths;
|
|
@@ -818,7 +979,7 @@ export default MeganavContentCompany;
|
|
|
818
979
|
}
|
|
819
980
|
|
|
820
981
|
declare module '@ably/ui/core/MeganavContentDevelopers' {
|
|
821
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
982
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
822
983
|
const MeganavContentDevelopers: ({ absUrl, statusUrl, }: {
|
|
823
984
|
absUrl: AbsUrl;
|
|
824
985
|
statusUrl: string;
|
|
@@ -828,7 +989,7 @@ export default MeganavContentDevelopers;
|
|
|
828
989
|
}
|
|
829
990
|
|
|
830
991
|
declare module '@ably/ui/core/MeganavContentProducts' {
|
|
831
|
-
import { AbsUrl, MeganavPaths } from "@ably/ui/core/
|
|
992
|
+
import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
|
|
832
993
|
type MeganavContentProductsProps = {
|
|
833
994
|
paths?: MeganavPaths;
|
|
834
995
|
absUrl: AbsUrl;
|
|
@@ -839,7 +1000,7 @@ export default MeganavContentProducts;
|
|
|
839
1000
|
}
|
|
840
1001
|
|
|
841
1002
|
declare module '@ably/ui/core/MeganavContentUseCases' {
|
|
842
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
1003
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
843
1004
|
const MeganavContentUseCases: ({ absUrl }: {
|
|
844
1005
|
absUrl: AbsUrl;
|
|
845
1006
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -847,18 +1008,9 @@ export default MeganavContentUseCases;
|
|
|
847
1008
|
//# sourceMappingURL=MeganavContentUseCases.d.ts.map
|
|
848
1009
|
}
|
|
849
1010
|
|
|
850
|
-
declare module '@ably/ui/core/MeganavControl/component' {
|
|
851
|
-
export default MeganavControl;
|
|
852
|
-
function MeganavControl(): {
|
|
853
|
-
teardown: () => void;
|
|
854
|
-
clear: () => void;
|
|
855
|
-
}[];
|
|
856
|
-
//# sourceMappingURL=component.d.ts.map
|
|
857
|
-
}
|
|
858
|
-
|
|
859
1011
|
declare module '@ably/ui/core/MeganavControl' {
|
|
860
1012
|
import { ReactNode } from "react";
|
|
861
|
-
import { MeganavTheme } from "@ably/ui/core/
|
|
1013
|
+
import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
|
|
862
1014
|
type MeganavControlProps = {
|
|
863
1015
|
ariaControls: string;
|
|
864
1016
|
ariaLabel: string;
|
|
@@ -871,19 +1023,8 @@ export default MeganavControl;
|
|
|
871
1023
|
//# sourceMappingURL=MeganavControl.d.ts.map
|
|
872
1024
|
}
|
|
873
1025
|
|
|
874
|
-
declare module '@ably/ui/core/MeganavControlMobileDropdown/component' {
|
|
875
|
-
export default MeganavControlMobileDropdown;
|
|
876
|
-
function MeganavControlMobileDropdown({ clearPanels }: {
|
|
877
|
-
clearPanels: any;
|
|
878
|
-
}): {
|
|
879
|
-
teardown: () => void;
|
|
880
|
-
clear: () => void;
|
|
881
|
-
};
|
|
882
|
-
//# sourceMappingURL=component.d.ts.map
|
|
883
|
-
}
|
|
884
|
-
|
|
885
1026
|
declare module '@ably/ui/core/MeganavControlMobileDropdown' {
|
|
886
|
-
import { MeganavTheme } from "@ably/ui/core/
|
|
1027
|
+
import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
|
|
887
1028
|
const MeganavControlMobileDropdown: ({ theme }: {
|
|
888
1029
|
theme: MeganavTheme;
|
|
889
1030
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -891,15 +1032,6 @@ export default MeganavControlMobileDropdown;
|
|
|
891
1032
|
//# sourceMappingURL=MeganavControlMobileDropdown.d.ts.map
|
|
892
1033
|
}
|
|
893
1034
|
|
|
894
|
-
declare module '@ably/ui/core/MeganavControlMobilePanelClose/component' {
|
|
895
|
-
function _default(): {
|
|
896
|
-
teardown: () => void;
|
|
897
|
-
clear: () => void;
|
|
898
|
-
}[];
|
|
899
|
-
export default _default;
|
|
900
|
-
//# sourceMappingURL=component.d.ts.map
|
|
901
|
-
}
|
|
902
|
-
|
|
903
1035
|
declare module '@ably/ui/core/MeganavControlMobilePanelClose' {
|
|
904
1036
|
type MeganavControlMobilePanelCloseProps = {
|
|
905
1037
|
ariaControls: string;
|
|
@@ -910,15 +1042,6 @@ export default MeganavControlMobilePanelClose;
|
|
|
910
1042
|
//# sourceMappingURL=MeganavControlMobilePanelClose.d.ts.map
|
|
911
1043
|
}
|
|
912
1044
|
|
|
913
|
-
declare module '@ably/ui/core/MeganavControlMobilePanelOpen/component' {
|
|
914
|
-
function _default(): {
|
|
915
|
-
teardown: () => void;
|
|
916
|
-
clear: () => void;
|
|
917
|
-
}[];
|
|
918
|
-
export default _default;
|
|
919
|
-
//# sourceMappingURL=component.d.ts.map
|
|
920
|
-
}
|
|
921
|
-
|
|
922
1045
|
declare module '@ably/ui/core/MeganavControlMobilePanelOpen' {
|
|
923
1046
|
import { ReactNode } from "react";
|
|
924
1047
|
type MeganavControlMobilePanelOpenProps = {
|
|
@@ -932,7 +1055,7 @@ export default MeganavControlMobilePanelOpen;
|
|
|
932
1055
|
|
|
933
1056
|
declare module '@ably/ui/core/MeganavItemsDesktop' {
|
|
934
1057
|
import React from "react";
|
|
935
|
-
import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/
|
|
1058
|
+
import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
|
|
936
1059
|
type MeganavDesktopItems = {
|
|
937
1060
|
panels: MeganavPanels;
|
|
938
1061
|
paths?: MeganavPaths;
|
|
@@ -948,7 +1071,7 @@ export default _default;
|
|
|
948
1071
|
|
|
949
1072
|
declare module '@ably/ui/core/MeganavItemsMobile' {
|
|
950
1073
|
import React from "react";
|
|
951
|
-
import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/
|
|
1074
|
+
import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
|
|
952
1075
|
type MeganavItemsMobileProps = {
|
|
953
1076
|
panels: MeganavPanels;
|
|
954
1077
|
paths?: MeganavPaths;
|
|
@@ -965,7 +1088,7 @@ export default _default;
|
|
|
965
1088
|
}
|
|
966
1089
|
|
|
967
1090
|
declare module '@ably/ui/core/MeganavItemsSignedIn' {
|
|
968
|
-
import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/
|
|
1091
|
+
import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
|
|
969
1092
|
type MeganavItemsSignedIn = {
|
|
970
1093
|
sessionState: MeganavSessionState;
|
|
971
1094
|
theme: MeganavTheme;
|
|
@@ -978,7 +1101,7 @@ export default MeganavItemsSignedIn;
|
|
|
978
1101
|
}
|
|
979
1102
|
|
|
980
1103
|
declare module '@ably/ui/core/MeganavSearch' {
|
|
981
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
1104
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
982
1105
|
const MeganavSearch: ({ absUrl, dataId, }: {
|
|
983
1106
|
absUrl: AbsUrl;
|
|
984
1107
|
dataId?: string;
|
|
@@ -987,15 +1110,6 @@ export default MeganavSearch;
|
|
|
987
1110
|
//# sourceMappingURL=MeganavSearch.d.ts.map
|
|
988
1111
|
}
|
|
989
1112
|
|
|
990
|
-
declare module '@ably/ui/core/MeganavSearchAutocomplete/component' {
|
|
991
|
-
function _default(apiKey: any): {
|
|
992
|
-
teardown: () => void;
|
|
993
|
-
clear: () => void;
|
|
994
|
-
}[];
|
|
995
|
-
export default _default;
|
|
996
|
-
//# sourceMappingURL=component.d.ts.map
|
|
997
|
-
}
|
|
998
|
-
|
|
999
1113
|
declare module '@ably/ui/core/MeganavSearchAutocomplete' {
|
|
1000
1114
|
const MeganavSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
|
|
1001
1115
|
export default MeganavSearchAutocomplete;
|
|
@@ -1003,7 +1117,7 @@ export default MeganavSearchAutocomplete;
|
|
|
1003
1117
|
}
|
|
1004
1118
|
|
|
1005
1119
|
declare module '@ably/ui/core/MeganavSearchPanel' {
|
|
1006
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
1120
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
1007
1121
|
const MeganavSearchPanel: ({ absUrl }: {
|
|
1008
1122
|
absUrl: AbsUrl;
|
|
1009
1123
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1011,17 +1125,8 @@ export default MeganavSearchPanel;
|
|
|
1011
1125
|
//# sourceMappingURL=MeganavSearchPanel.d.ts.map
|
|
1012
1126
|
}
|
|
1013
1127
|
|
|
1014
|
-
declare module '@ably/ui/core/MeganavSearchSuggestions/component' {
|
|
1015
|
-
export default MeganavSearchSuggestions;
|
|
1016
|
-
function MeganavSearchSuggestions(): {
|
|
1017
|
-
teardown: () => void;
|
|
1018
|
-
clear: () => void;
|
|
1019
|
-
};
|
|
1020
|
-
//# sourceMappingURL=component.d.ts.map
|
|
1021
|
-
}
|
|
1022
|
-
|
|
1023
1128
|
declare module '@ably/ui/core/MeganavSearchSuggestions' {
|
|
1024
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
1129
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
1025
1130
|
type MeganavSearchSuggestionsProps = {
|
|
1026
1131
|
absUrl: AbsUrl;
|
|
1027
1132
|
displaySupportLink: boolean;
|
|
@@ -1043,6 +1148,7 @@ function Notice({ bannerContainer, cookieId, noticeId, options }: {
|
|
|
1043
1148
|
}
|
|
1044
1149
|
|
|
1045
1150
|
declare module '@ably/ui/core/Notice' {
|
|
1151
|
+
import React from "react";
|
|
1046
1152
|
import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
|
|
1047
1153
|
export type NoticeProps = {
|
|
1048
1154
|
buttonLink?: string;
|
|
@@ -1066,7 +1172,7 @@ export type NoticeProps = {
|
|
|
1066
1172
|
collapse: boolean;
|
|
1067
1173
|
};
|
|
1068
1174
|
};
|
|
1069
|
-
const Notice:
|
|
1175
|
+
const Notice: React.ForwardRefExoticComponent<NoticeProps & React.RefAttributes<HTMLDivElement>>;
|
|
1070
1176
|
export default Notice;
|
|
1071
1177
|
//# sourceMappingURL=Notice.d.ts.map
|
|
1072
1178
|
}
|
|
@@ -1248,7 +1354,7 @@ export default ProductTile;
|
|
|
1248
1354
|
|
|
1249
1355
|
declare module '@ably/ui/core/SignOutLink' {
|
|
1250
1356
|
import { MouseEventHandler, ReactNode } from "react";
|
|
1251
|
-
import { AbsUrl } from "@ably/ui/core/
|
|
1357
|
+
import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
|
|
1252
1358
|
type SignOutLinkProps = {
|
|
1253
1359
|
token: string;
|
|
1254
1360
|
href: string;
|
|
@@ -1462,13 +1568,6 @@ export function queryIdAll(val: any, root?: Document): NodeListOf<Element>;
|
|
|
1462
1568
|
//# sourceMappingURL=dom-query.d.ts.map
|
|
1463
1569
|
}
|
|
1464
1570
|
|
|
1465
|
-
declare module '@ably/ui/core/hooks/use-rails-ujs-hooks' {
|
|
1466
|
-
import { RefObject } from "react";
|
|
1467
|
-
const useRailsUjsLinks: () => RefObject<HTMLDivElement>;
|
|
1468
|
-
export default useRailsUjsLinks;
|
|
1469
|
-
//# sourceMappingURL=use-rails-ujs-hooks.d.ts.map
|
|
1470
|
-
}
|
|
1471
|
-
|
|
1472
1571
|
declare module '@ably/ui/core/hubspot-chat-toggle' {
|
|
1473
1572
|
export default function toggleChatWidget(params: any): (() => void) | undefined;
|
|
1474
1573
|
//# sourceMappingURL=hubspot-chat-toggle.d.ts.map
|