@geowiki/ui 0.0.0

package/dist/index.d.ts

@@ -0,0 +1,1088 @@
+import { LinkButtonItem } from '@geowiki/design-system';
+export * from '@geowiki/design-system';
+import * as react from 'react';
+import react__default, { Dispatch, SetStateAction } from 'react';
+import { DefaultSettings, BaseProp } from '@geowiki/core';
+import { ProfileDto, PagedResultDtoOfTenantDto, IdentityUserUpdateDto, PagedResultDtoOfIdentityUserDto, IdentityRoleUpdateDto, PagedResultDtoOfIdentityRoleDto, ExternalNewsDto, KeyValuePairOfString_String, ClusterDto, FarmerClusterNewsDto } from '@geowiki/api-proxy';
+import { GeoWikiSettingsItemDto, FeatureItemItemDto, LinkPartDto, ApplicationItemDto, PublicationItemDto, HtmlLinkItemDto } from '@geowiki/cms-proxy';
+import { OnChangeValue, ActionMeta } from 'react-select';
+
+interface FooterProps$1 {
+    settings: DefaultSettings;
+    sessionStatus?: string;
+}
+declare const Footer: ({ settings, sessionStatus }: FooterProps$1) => react.JSX.Element;
+
+declare const getSelectTheme: (selectTheme: any, theme: any) => any;
+declare const customSelectInputStyles: {
+    input: (base: any) => any;
+};
+declare const formatTagString: (tag: string) => string;
+declare function formatDate(input: string | number, monthFormat: any): string;
+declare enum Permissions {
+    ROLES = "AbpIdentity.Roles",
+    USERS = "AbpIdentity.Users",
+    TENANTS = "AbpTenantManagement.Tenants",
+    MANAGE_HOST_FEATURES = "FeatureManagement.ManageHostFeatures",
+    SETTINGS = "SettingManagement.Emailing"
+}
+declare enum PermissionsGrant {
+    ROLE_MANAGEMENT = "Role management",
+    TENANT_MANAGEMENT = "Tenant management",
+    FEATURE_MANAGEMENT = "Feature management",
+    SETTING_MANAGEMENT = "Setting management"
+}
+declare const tableCustomStyles: {
+    headRow: {
+        style: {
+            backgroundColor: string;
+            borderTopRightRadius: string;
+            borderTopLeftRadius: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+};
+declare const tableDesigntyles: {
+    headRow: {
+        style: {
+            backgroundColor: string;
+            borderTopRightRadius: string;
+            borderTopLeftRadius: string;
+            borderBottom: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+    rows: {
+        style: {
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+    pagination: {
+        style: {
+            borderBottomRightRadius: string;
+            borderBottomLeftRadius: string;
+        };
+    };
+};
+declare function parseTitle(title: string, type: "LandingTitle" | "H1" | "H2"): string;
+declare const isAdmin: (token: string) => boolean;
+
+interface TopNavbarProps {
+    branding: {
+        logo: string;
+        title: string;
+        imageWidth: number;
+        imageHeight: number;
+    };
+    mainMenu: {
+        link: string;
+        text: string;
+        subMenu: {
+            link: string;
+            text: string;
+        }[];
+    }[];
+    canLogin: boolean;
+}
+declare const TopNavbar: ({ branding, mainMenu }: TopNavbarProps) => react.JSX.Element;
+
+declare const TopNav2: () => react.JSX.Element;
+
+interface TopNav3Props {
+}
+declare const TopNav3: React.FC<TopNav3Props>;
+
+declare const TopNav4: () => react.JSX.Element;
+
+interface ProfileSettingsProps {
+    data: ProfileDto;
+}
+declare const ProfileSettings: ({ data }: ProfileSettingsProps) => react.JSX.Element;
+
+declare const ChangePassword: () => react.JSX.Element;
+
+interface AccountDetailProps {
+    data: ProfileDto;
+}
+declare const AccountDetail: ({ data }: AccountDetailProps) => react.JSX.Element;
+
+declare const Emailing: () => react.JSX.Element;
+
+type FeaturesProps = {
+    onDismiss: () => void;
+};
+declare const Features: ({ onDismiss }: FeaturesProps) => react.JSX.Element;
+
+declare const FeatureManagement: () => react.JSX.Element;
+
+type TestEmailProps = {
+    onDismiss: () => void;
+};
+declare const TestEmail: ({ onDismiss }: TestEmailProps) => react.JSX.Element;
+
+declare const AddTenant: () => react.JSX.Element;
+
+interface TenantListProps {
+    data: PagedResultDtoOfTenantDto | undefined;
+    searchStr: string | undefined;
+    setSearchStr: any;
+    setPagination: any;
+    pageSize: number;
+    pagination: any;
+    showButtonArray: Array<boolean>;
+}
+declare const TenantList: ({ data, searchStr, setSearchStr, setPagination, pageSize, pagination, showButtonArray, }: TenantListProps) => react.JSX.Element;
+
+type AddUserProps$1 = {
+    showButtonAdd: boolean;
+};
+declare const AddUser: ({ showButtonAdd }: AddUserProps$1) => react.JSX.Element;
+
+type DeleteUserProps = {
+    user: {
+        userId: string;
+        username: string;
+    };
+    onDismiss: () => void;
+};
+declare const DeleteUser: ({ user: { userId, username }, onDismiss, }: DeleteUserProps) => react.JSX.Element;
+
+declare const UserDropDown: () => react.JSX.Element;
+
+type UserEditProps = {
+    userDto: IdentityUserUpdateDto;
+    userId: string;
+    onDismiss: () => void;
+};
+declare const UserEdit: ({ userDto, userId, onDismiss }: UserEditProps) => react.JSX.Element;
+
+interface UserListProps {
+    data: PagedResultDtoOfIdentityUserDto | undefined;
+    searchStr: string | undefined;
+    setSearchStr: any;
+    setPagination: any;
+    pageSize: number;
+    pagination: any;
+    showButtonArray: Array<boolean>;
+}
+declare const UserList: ({ data, searchStr, setSearchStr, pageSize, setPagination, pagination, showButtonArray, }: UserListProps) => react.JSX.Element;
+
+interface UserMenusProps {
+}
+declare const UserMenus: ({}: UserMenusProps) => react.JSX.Element;
+
+type UserPermissionProps = {
+    userDto: IdentityUserUpdateDto;
+    userId: string;
+    onDismiss: () => void;
+};
+declare const UserPermission: ({ userDto, userId, onDismiss, }: UserPermissionProps) => react.JSX.Element;
+
+type DeleteRoleProps = {
+    role: {
+        roleId: string;
+        roleName: string;
+    };
+    onDismiss: () => void;
+};
+declare const DeleteRole: ({ role: { roleId, roleName }, onDismiss, }: DeleteRoleProps) => react.JSX.Element;
+
+type RoleEditProps = {
+    roleDto: IdentityRoleUpdateDto;
+    roleId: string;
+    onDismiss: () => void;
+};
+declare const RoleEdit: ({ roleDto, roleId, onDismiss }: RoleEditProps) => react.JSX.Element;
+
+interface RoleListProps {
+    data: PagedResultDtoOfIdentityRoleDto | undefined;
+    searchStr: string | undefined;
+    setSearchStr: any;
+    setPagination: any;
+    pageSize: number;
+    pagination: any;
+    showButtonArray: Array<boolean>;
+}
+declare const RoleList: ({ data, searchStr, setSearchStr, setPagination, pageSize, pagination, showButtonArray, }: RoleListProps) => react.JSX.Element;
+
+type RolePermissionProps = {
+    roleDto: IdentityRoleUpdateDto;
+    onDismiss: () => void;
+};
+declare const RolePermission: ({ roleDto, onDismiss }: RolePermissionProps) => react.JSX.Element;
+
+type AddUserProps = {
+    showButtonAdd: boolean;
+};
+declare const AddRole: ({ showButtonAdd }: AddUserProps) => react.JSX.Element;
+
+interface IPanelMainProps {
+    direction?: "horizontal" | "vertical";
+    leftPanel?: React.ReactNode;
+    rightPanel?: React.ReactNode;
+    middlePanel?: React.ReactNode;
+    onResize?: () => void;
+}
+declare const PanelMain: React.FC<IPanelMainProps>;
+
+interface IVerticalHorizontalProps {
+    first: React.ReactNode;
+    second: React.ReactNode;
+}
+declare const PanelVertical: React.FC<IVerticalHorizontalProps>;
+
+interface AdminLayoutProps {
+    children: react__default.ReactNode;
+    generalSettings?: GeoWikiSettingsItemDto;
+    title?: string;
+}
+declare const AdminLayout: ({ children, generalSettings, }: AdminLayoutProps) => react__default.JSX.Element;
+
+interface Props$v extends BaseProp {
+    children: react__default.ReactNode;
+    title: string;
+}
+declare const MapLayout: ({ title, children, settings }: Props$v) => react__default.JSX.Element;
+
+interface HtmlViewProps {
+    html: string;
+    cssClass?: string;
+    imgClass?: string;
+}
+declare const HtmlView: (props: HtmlViewProps) => react.JSX.Element;
+
+declare const TopProgress: () => react.JSX.Element;
+
+interface PaginationProps$2 {
+    totalCount: number;
+    currentPage: number;
+    siblingCount: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    scrollToTop?: boolean;
+    elementId?: string;
+}
+declare const Pagination: ({ totalCount, currentPage, siblingCount, pageSize, onPageChange, elementId, scrollToTop, }: PaginationProps$2) => react__default.JSX.Element | null;
+
+interface SortItemProps {
+    name: string;
+    key: string;
+    sortDirection: string;
+    selected: boolean;
+}
+interface FilterItemProps$2 {
+    Name: string;
+    FetchDetail: string;
+    LabelField: string;
+    LabelLookUpField: string;
+    ValueField: string;
+    LabelLookUp: any;
+    Parameter: any;
+}
+interface CustomFilterSortProps {
+    sort: any;
+    setSort: any;
+    sortItems?: SortItemProps[];
+    filter: any;
+    setFilter: any;
+    filterItems?: FilterItemProps$2[];
+    customName: any;
+    isFreeText: any;
+    showButtons: any;
+}
+declare const CustomFilterSort: (props: CustomFilterSortProps) => react__default.JSX.Element;
+
+interface InfoCardProps {
+    id: string;
+    url: string;
+    imageId: string;
+    title: string;
+    subtitle: string[];
+    text: string;
+    isSubTitlePreLine: boolean;
+    fileUrl: string;
+}
+declare const InfoCard: (props: InfoCardProps) => react.JSX.Element;
+
+interface Props$u {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    heading: string;
+    children: react__default.ReactNode;
+}
+declare const DialogWrapper: ({ isOpen, setIsOpen, heading, children, }: Props$u) => react__default.JSX.Element;
+
+interface Props$t {
+    items: [
+        {
+            id: string;
+            url: string;
+            imageId: string;
+            title: string;
+            subtitle: [];
+            text: string;
+        }
+    ];
+    title: string;
+    isSubTitlePreLine: boolean;
+    emptyText: string;
+    parentId: string | undefined;
+    fileUrl: string;
+}
+declare const ContentGrid: (props: Props$t) => react.JSX.Element;
+
+interface Props$s {
+    tags?: string[];
+    label?: string;
+    tagColor?: string;
+}
+declare const ShowTagItem: (props: Props$s) => react__default.JSX.Element;
+
+interface PageNotFoundProps {
+}
+declare const PageNotFound: (_props: PageNotFoundProps) => react__default.JSX.Element;
+
+interface NextImageProps {
+    src: string;
+    width: number;
+    height: number;
+    alt: string;
+    className?: string;
+}
+declare const NextImage: ({ src, width, height, alt, className, }: NextImageProps) => react__default.JSX.Element;
+
+type Props$r = {
+    src: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+    className?: string;
+    cmsUrl?: string;
+    priority?: boolean;
+    showPlaceholder?: boolean;
+};
+declare const CmsImage: ({ src, width, height, alt, className, showPlaceholder, }: Props$r) => react.JSX.Element;
+
+declare const Video: ({ media, poster, className, controls, autoPlay, }: any) => react.JSX.Element;
+
+interface FeatureItemElementProps {
+    item: FeatureItemItemDto;
+    cmsUrl: string;
+}
+declare const FeatureItemElement: ({ item, cmsUrl, }: FeatureItemElementProps) => react.JSX.Element;
+
+interface MediaItemProps {
+    cmsUrl: string;
+    path: string;
+}
+declare const MediaItem: ({ path, cmsUrl }: MediaItemProps) => react__default.JSX.Element;
+
+interface Props$q {
+    data: LinkPartDto;
+}
+declare const CustomLink: ({ data }: Props$q) => react.JSX.Element;
+
+declare function News({ news }: any): react__default.JSX.Element;
+
+interface Props$p {
+    app: ApplicationItemDto;
+    cmsUrl: string;
+}
+declare function ApplicationView({ app, cmsUrl }: Props$p): react.JSX.Element;
+
+interface CustomDropDownProps {
+    PlaceholderName: string;
+    FetchDetail: string;
+    LabelLookUp?: {
+        value: string;
+        label: string;
+    }[];
+    LabelLookUpField: string;
+    ValueField: string;
+    LabelField: string;
+    Parameter?: any;
+    onValueChange: any;
+}
+declare const CustomDropDown: (props: CustomDropDownProps) => react.JSX.Element;
+
+declare const UiTimer: ({ getStopWatchTime, IsTimerReset, setSTopWatchTime, }: any) => react__default.JSX.Element;
+
+interface FeatureProps {
+    feature: string;
+    children: React.ReactNode;
+}
+declare const RequireFeature: ({ children, feature }: FeatureProps) => react.JSX.Element | null;
+
+interface Props$o {
+    Carousel: [
+        {
+            id: string;
+            url: string;
+            imageId: string;
+            title: string;
+            subtitle: [];
+            text: string;
+        }
+    ];
+    title: string;
+    isSubTitlePreLine: boolean;
+    emptyText: string;
+}
+declare const ContentCarousel: (props: Props$o) => react.JSX.Element;
+
+interface Props$n {
+    coverImageDropzone: any;
+    coverImage: any;
+    displayText: string;
+    displayDescription?: string;
+    isRequired?: boolean;
+    info?: string;
+}
+declare const CoverImage: (props: Props$n) => react__default.JSX.Element;
+
+interface Props$m {
+    value: any;
+    defaultValue?: string;
+    setValue: any;
+    isRequired?: boolean;
+    displayText?: string;
+}
+declare const RichTextContent: (props: Props$m) => react__default.JSX.Element;
+
+interface Option {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    options: Option[];
+    onChange?: (value: OnChangeValue<any, true>, actionMeta: ActionMeta<any>) => void;
+    name: string;
+    displayText: string;
+    isRequired: boolean;
+    isLabelBold?: boolean;
+    errors?: any;
+    control: any;
+}
+declare const MultiSelectFreeText: (props: SelectProps) => react__default.JSX.Element;
+
+type Props$l = {
+    href: string;
+    onClick?: any;
+};
+declare const EditLinkButton: (props: Props$l) => react.JSX.Element;
+
+type Props$k = {
+    href: string;
+};
+declare const ViewLink: (props: Props$k) => react__default.JSX.Element;
+
+declare const ButtonList: ({ data }: any) => any;
+
+type AuthenticationFailureProps = {};
+declare const AuthenticationFailure: ({}: AuthenticationFailureProps) => react.JSX.Element;
+
+declare const Error: () => react.JSX.Element;
+
+interface CookieConsentProps {
+    gTagId: string;
+}
+declare const CookieConsent: ({ gTagId }: CookieConsentProps) => react__default.JSX.Element;
+
+interface NewsItemListProps {
+    newsItems: ExternalNewsDto[];
+    currentLang: string;
+}
+declare const NewsItemList: ({ newsItems }: NewsItemListProps) => react.JSX.Element;
+
+interface PublicationListProps {
+    publications: PublicationItemDto[];
+}
+declare const PublicationList: ({ publications }: PublicationListProps) => react__default.JSX.Element;
+
+interface HeroWidgetProps {
+    paths: string[] | undefined;
+    contentItemId: any;
+    mainText: string;
+    subText: string;
+    contentItems: any;
+    cmsUrl: string;
+}
+declare const HeroWidgetOld: (props: HeroWidgetProps) => react.JSX.Element;
+
+interface HeroWithCenterTextProps {
+    paths: string[];
+    title: string | null | undefined;
+    description: string | null | undefined;
+    links: HtmlLinkItemDto[];
+    cmsUrl: string;
+}
+declare const HeroWithCenterText: (props: HeroWithCenterTextProps) => react.JSX.Element;
+
+interface HeroWithMapProps {
+    title: string | null | undefined;
+    description: string | null | undefined;
+    links: HtmlLinkItemDto[];
+}
+declare const HeroWithMap: (props: HeroWithMapProps) => react.JSX.Element;
+
+interface HeroProps$2 {
+    paths: string[] | undefined;
+    contentItemId: any;
+    title: string | null | undefined;
+    description: string | null | undefined;
+    links: HtmlLinkItemDto[];
+    cmsUrl: string;
+}
+declare const HeroWithMultipleImage: (props: HeroProps$2) => react.JSX.Element;
+
+interface HeroWithThreeImageProps {
+    paths: string[];
+    title: string | null | undefined;
+    description: string | null | undefined;
+    cmsUrl: string;
+    links: HtmlLinkItemDto[];
+}
+declare const HeroWithThreeImage: (props: HeroWithThreeImageProps) => react.JSX.Element;
+
+interface StoreLink {
+    url: string;
+    type: "google" | "apple";
+}
+interface HeroWidgetMobileDeviceProps {
+    version: 1 | 2;
+    title: string;
+    description: string;
+    image: string;
+    storeLinks: StoreLink[];
+    cmsUrl: string;
+    links: any;
+}
+/**
+ * HeroWidgetMobileDevice displays a hero section with a mobile device image and app store links.
+ * Supports two layout versions: (1) image below text, (2) image right of text.
+ */
+declare const HeroWidgetMobileDevice: react__default.FC<HeroWidgetMobileDeviceProps>;
+
+interface UpdatePasswordProps {
+    ShowUpdatePassword: boolean;
+    setShowUpdatePassword: any;
+}
+declare const UpdatePassword: (props: UpdatePasswordProps) => react__default.JSX.Element;
+
+interface UpdateUserProfileProps {
+    ShowProfile: boolean;
+    setShowProfile: any;
+    data: ProfileDto | undefined;
+}
+declare const UpdateUserProfile: ({ ShowProfile, setShowProfile, data, }: UpdateUserProfileProps) => react__default.JSX.Element;
+
+interface SidebarProps {
+    toggleSidebar: boolean;
+    onToggle?: (f: boolean) => void;
+    generalSettings?: GeoWikiSettingsItemDto;
+}
+declare const SidebarIcon: ({ type }: {
+    type: any;
+}) => react__default.JSX.Element | null;
+declare const Sidebar: ({ toggleSidebar, onToggle, generalSettings, }: SidebarProps) => react__default.JSX.Element;
+
+declare const SettingsManagement: () => react.JSX.Element;
+
+interface FAQProps {
+    faqs: {
+        question: string;
+        answer: React.ReactNode;
+        hint?: string;
+    }[];
+    backgroundColor?: string;
+}
+declare const FAQ: ({ faqs, backgroundColor }: FAQProps) => react.JSX.Element;
+
+interface PaginationProps$1 {
+    totalCount: number;
+    currentPage: number;
+    siblingCount: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    scrollToTop?: boolean;
+    elementId?: string;
+}
+declare const DesignPagination: ({ totalCount, currentPage, siblingCount, pageSize, onPageChange, elementId, scrollToTop, }: PaginationProps$1) => react__default.JSX.Element | null;
+
+interface ItemProps {
+    name: string;
+    href: string;
+}
+interface FooterProps {
+    branding: {
+        logo: string;
+        title: string;
+    };
+    navigation: {
+        category: string;
+        items: ItemProps[];
+    }[];
+    bottomMenu: {
+        name: string;
+        href: string;
+        iconPath?: string;
+    }[];
+    footerLogoPath: string | undefined;
+    footerText: string;
+    imagesPaths: string[] | undefined;
+    copyrights?: string | undefined;
+    socialLinks?: {
+        name: string;
+        href: string;
+        isNewTab?: boolean;
+    }[];
+}
+declare const DesignFooter: (props: FooterProps) => react.JSX.Element;
+
+interface DesignHeaderProps {
+    branding: {
+        logo: string;
+        title: string;
+    };
+    mainMenu: {
+        link: string;
+        text: string;
+        isNewTab?: boolean;
+        subMenu?: {
+            link: string;
+            text: string;
+            isNewTab?: boolean;
+        }[];
+    }[];
+    sessionStatus: "authenticated" | "unauthenticated" | "loading";
+    canLogin: boolean;
+    canSignUp: boolean;
+    isAdmin: boolean;
+    hasStickyNavBar?: boolean;
+}
+declare const DesignHeader: ({ branding, mainMenu, sessionStatus, canLogin, canSignUp: canSignup, isAdmin, hasStickyNavBar, }: DesignHeaderProps) => react.JSX.Element;
+
+type SearchProps = {
+    textButton: string;
+    placeholder: string;
+    onUpdate: (searchStr: string) => void;
+    value: string;
+};
+declare const DesignSearchInput: react.MemoExoticComponent<({ textButton, placeholder, onUpdate, value, }: SearchProps) => react.JSX.Element>;
+
+interface PaginationProps {
+    totalCount: number;
+    currentPage: number;
+    siblingCount: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    scrollToTop?: boolean;
+    elementId?: string;
+    pageSegments: number[];
+}
+declare const DesignDashboardPagination: ({ totalCount, currentPage, siblingCount, pageSize, onPageChange, elementId, scrollToTop, pageSegments, }: PaginationProps) => react.JSX.Element | null;
+
+interface DesignSortProps {
+    totalCount: number;
+    name: string;
+}
+declare const DesignSort: ({ totalCount, name }: DesignSortProps) => react.JSX.Element;
+
+interface FilterDropdownProps {
+    name: string;
+    filterKey: string;
+    sortItems: KeyValuePairOfString_String[];
+}
+declare const FilterDropdown: ({ name, filterKey, sortItems, }: FilterDropdownProps) => react.JSX.Element;
+
+interface TestimonialProps {
+    info: string;
+    name: string;
+    position: string;
+    imagePath?: string;
+}
+interface Props$j {
+    testimonials: TestimonialProps[];
+}
+declare const DesignTestimonials: ({ testimonials }: Props$j) => react.JSX.Element;
+
+interface LinkProps$1 {
+    text: string;
+    href: string;
+    isNewTab: boolean;
+}
+interface BannerFollowLinksProps {
+    title: string;
+    links: LinkProps$1[];
+}
+declare const BannerFollowLinks: ({ title, links }: BannerFollowLinksProps) => react.JSX.Element;
+
+interface Props$i {
+    cluster: ClusterDto;
+}
+declare const ListTagsGroup: ({ cluster }: Props$i) => react.JSX.Element;
+
+type ApiImageProps = {
+    imageId: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+    className?: string;
+    sizes?: string;
+};
+declare const ApiImage: ({ imageId, className, alt, width, height, }: ApiImageProps) => react.JSX.Element;
+
+interface SignUpBannerProps {
+    title: string;
+    text: string;
+    button: LinkButtonItem;
+    imagePaths: string[];
+}
+declare const SignUpBanner: ({ title, text, button, imagePaths, }: SignUpBannerProps) => react.JSX.Element;
+
+declare const RoutePagination: ({ pageSize, total, }: {
+    pageSize: number;
+    total: number;
+}) => react.JSX.Element;
+
+declare const LanguagePopup: () => react.JSX.Element | null;
+
+interface FilterItemProps$1 {
+    value: string;
+    label: string;
+}
+interface FilterGroup {
+    filterName: string;
+    routerFiltername: string;
+    filterItems: FilterItemProps$1[];
+}
+interface MobileFilterPopupProps {
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    name: string;
+    filters: FilterGroup[];
+    isMultiSelect?: boolean;
+}
+declare function MobileFilterPopup({ open, setOpen, name, filters, isMultiSelect, }: MobileFilterPopupProps): react.JSX.Element;
+
+interface FilterItemProps {
+    value: string;
+    label: string;
+}
+interface MobileFilterPopupOpenedProps {
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    setParentOpen?: Dispatch<SetStateAction<boolean>>;
+    name: string;
+    list: FilterItemProps[];
+    routerFiltername: string;
+    isMultiSelect?: boolean;
+}
+declare function MobileFilterPopupOpened({ open, setOpen, setParentOpen, name, list, routerFiltername, isMultiSelect, }: MobileFilterPopupOpenedProps): react.JSX.Element;
+
+interface LinkProps {
+    title: string;
+    href: string;
+    isNewTab: boolean;
+    type: string;
+    description?: string;
+    subtitle?: string;
+}
+interface Props$h {
+    link: LinkProps;
+    fillColor?: string;
+}
+declare const DesignLink: ({ link, fillColor }: Props$h) => react.JSX.Element;
+
+interface Props$g {
+    links: LinkProps[];
+    fillColor?: string;
+}
+declare const DesignListLink: ({ links, fillColor }: Props$g) => react.JSX.Element;
+
+interface CustomLinkItemProps {
+    linkText: string;
+    href: string;
+    isNewTab: boolean;
+    fillColor?: string;
+    className?: string;
+}
+declare const DesignCustomLink: ({ linkText, href, isNewTab, fillColor, className, }: CustomLinkItemProps) => react.JSX.Element;
+
+interface ClusterNewsItemProps {
+    id: string;
+    title: string | null | undefined;
+    clusterName?: string | null | undefined;
+    username?: string | null | undefined;
+    time: string | number | Date | undefined;
+    clusterCountry: string | null | undefined;
+    path: string | null | undefined;
+}
+declare const ClusterNewsItem: (props: ClusterNewsItemProps) => react.JSX.Element;
+
+interface Props$f {
+    clusterNewsItems?: ClusterNewsItemProps[];
+}
+declare const ClusterNewsList: ({ clusterNewsItems }: Props$f) => react.JSX.Element;
+
+interface Props$e {
+    clusterId: any;
+    newsId: any;
+    fileUrl?: string;
+    ClusterCountry: string;
+    ClusterName?: string;
+    ClusterNews?: FarmerClusterNewsDto[];
+    NewsCreationTime: string;
+    NewsTitle: string;
+    NewsIntro: string;
+    UserName: string;
+    NewsCoverImageId: string;
+    NewsContent: string;
+}
+declare const ClusterStoryItem: (props: Props$e) => react.JSX.Element;
+
+interface ClusterNewsProps {
+    clusterId: string | undefined;
+    clusterName: string | null | undefined;
+    clusterCountry: string | null | undefined;
+}
+declare const ClusterNews: ({ clusterName, clusterId, clusterCountry, }: ClusterNewsProps) => react__default.JSX.Element | null;
+
+declare const SixClusterNews: () => react__default.JSX.Element;
+
+interface ClusterProps {
+    title: string | null | undefined;
+    path: string;
+    imageId: string;
+    country: string | null | undefined;
+    status: string | null | undefined;
+}
+declare const Cluster: ({ title, path, country, status, imageId, }: ClusterProps) => react.JSX.Element;
+
+interface Props$d {
+    clusters: ClusterProps[];
+}
+declare const ClusterList: ({ clusters }: Props$d) => react.JSX.Element;
+
+interface H3ClustersProps {
+    clusters: ClusterDto[];
+}
+declare const H3Clusters: ({ clusters }: H3ClustersProps) => react.JSX.Element;
+
+interface GalleryItemProps {
+    text: string;
+    id: string;
+}
+declare const GalleryItem: ({ text, id }: GalleryItemProps) => react.JSX.Element;
+
+interface Props$c {
+    galleryItems: GalleryItemProps[];
+}
+declare const GalleryItemList: ({ galleryItems }: Props$c) => react.JSX.Element;
+
+interface NewsArticleProps {
+    title: string;
+    description: string;
+    username?: string | null | undefined;
+    time: string | number | Date;
+    language: string;
+    path: string | undefined;
+    link?: string;
+}
+declare const NewsArticle: (props: NewsArticleProps) => "" | react.JSX.Element | undefined;
+
+interface Props$b {
+    newsArticles: NewsArticleProps[];
+    pageSize: number;
+}
+declare const NewsArticleList: ({ newsArticles }: Props$b) => react.JSX.Element;
+
+interface BioBlitzObservationPinProps {
+    title: string;
+    link: string;
+    linkText: string;
+    isNewTab: boolean;
+    path?: string;
+    taxonomicName?: string;
+    date?: string;
+}
+interface Props$a {
+    bioBlitzObservation: BioBlitzObservationPinProps;
+}
+declare const BioBlitzObservationPin: ({ bioBlitzObservation }: Props$a) => react.JSX.Element;
+
+interface DesignFarmerClusterPinProps {
+    title: string;
+    description: string;
+    path: string | undefined;
+    viewUrl: string;
+}
+interface Props$9 {
+    farmerCluster: DesignFarmerClusterPinProps;
+    buttonText?: string;
+}
+declare const DesignFarmerClusterPin: ({ farmerCluster, buttonText, }: Props$9) => react.JSX.Element;
+
+interface Props$8 {
+    title: string;
+    textBody: string;
+    button: LinkButtonItem;
+}
+declare const LandingTitleBodyButton: ({ title, textBody, button }: Props$8) => react.JSX.Element;
+
+interface H1BodyButtonProps {
+    title: string;
+    textBody?: string;
+    button?: LinkButtonItem;
+}
+declare const H1BodyButton: ({ title, textBody, button, }: H1BodyButtonProps) => react.JSX.Element;
+
+interface Props$7 {
+    title: string;
+    textBody: string;
+    tag: string;
+    button: LinkButtonItem;
+    bottomPadding?: string;
+}
+declare const H2BodyButton: ({ title, textBody, button, tag, bottomPadding, }: Props$7) => react.JSX.Element;
+
+interface H1BodyProps {
+    title: string;
+    textBody: string;
+}
+declare const H1Body: ({ title, textBody }: H1BodyProps) => react.JSX.Element;
+
+interface H7BodyProps {
+    title: string;
+    textBody: string;
+}
+declare const H7Body: ({ title, textBody }: H7BodyProps) => react.JSX.Element;
+
+declare const NewsHeading: () => react.JSX.Element;
+
+interface Props$6 {
+    title: string;
+    subtitle: string;
+    content: string;
+    button: LinkButtonItem;
+    backgroundColor?: string;
+    imgClass?: string;
+}
+declare const SubtitleH3Body: ({ title, subtitle, content, button, backgroundColor, imgClass, }: Props$6) => react.JSX.Element;
+
+interface Props$5 {
+    title: string;
+    subtitle: string;
+    textBody: string | null | undefined;
+    links: LinkProps[];
+}
+declare const SubtitleH3BodyInternalLinkList: ({ title, subtitle, textBody, links, }: Props$5) => react.JSX.Element;
+
+interface Props$4 {
+    title: string;
+    subtitle: string;
+    description?: string;
+    faqs?: FAQProps["faqs"];
+    backgroundColor?: string;
+}
+declare const SubtitleH3Faq: ({ title, subtitle, description, faqs, backgroundColor, }: Props$4) => react.JSX.Element;
+
+interface Props$3 {
+    title: string;
+    subtitle: string;
+    button: LinkButtonItem;
+}
+declare const SubtitleH3Cluster4Column: ({ title, subtitle, button, }: Props$3) => react.JSX.Element;
+
+interface Props$2 {
+    title: string;
+    subtitle: string;
+    button: LinkButtonItem;
+}
+declare const SubtitleH3ClusterNews3Column: ({ title, subtitle, button, }: Props$2) => react.JSX.Element;
+
+interface Props$1 {
+    title: string;
+    content: string;
+    button: LinkButtonItem;
+    videoLink: string;
+}
+declare const SubtitleH2BodyVideo: ({ title, content, button, videoLink, }: Props$1) => react.JSX.Element;
+
+interface Props {
+    title: string;
+    content: string;
+    button: LinkButtonItem;
+    path: string | undefined;
+}
+declare const ImageLeftH3BodyLink: ({ title, content, button, path, }: Props) => react.JSX.Element;
+
+interface NewsfeedPreviewProps {
+    newsArticleData: NewsArticleProps[];
+}
+/**
+ * Renders a preview of news articles in a global newsfeed.
+ *
+ * @param {NewsfeedPreviewProps} newsArticleData - Array of news article data to display in the preview.
+ * @returns {JSX.Element} A component displaying a preview of news articles with a title, a "View all" button, and a list of news articles.
+ */
+declare const NewsfeedPreview: ({ newsArticleData }: NewsfeedPreviewProps) => react.JSX.Element;
+
+interface HeroProps$1 {
+    path: string | undefined;
+    text: string | null | undefined;
+    logoPath?: string;
+}
+declare const HeroImageLeft: (props: HeroProps$1) => react.JSX.Element;
+
+interface HeroProps {
+    path: string | undefined;
+    title: string | null | undefined;
+    description: string | null | undefined;
+}
+declare const HeroImageRight: (props: HeroProps) => react.JSX.Element;
+
+interface ImageLeftH3BodyProps {
+    imagePath: string | undefined;
+    title: string | null | undefined;
+    text: string | null | undefined;
+    button: LinkButtonItem;
+}
+declare const ImageLefttH3Body: (props: ImageLeftH3BodyProps) => react.JSX.Element;
+
+interface KeyValuePairListProps {
+    title?: string;
+    subTitle?: string;
+    keyName: string;
+    valueName: string;
+    showAddAnother?: boolean;
+    addAnnotherText?: string;
+    getValues: any;
+}
+declare const KeyValuePairList: (props: KeyValuePairListProps) => react.JSX.Element;
+
+interface PieChartProps {
+    data: {
+        label: string;
+        value: number | undefined;
+    }[];
+    outerRadius: number;
+    innerRadius: number;
+}
+declare const PieChart: ({ data, outerRadius, innerRadius }: PieChartProps) => react.JSX.Element;
+
+interface RegisterFormProps {
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+    defaultAppName?: string;
+    className?: string;
+}
+declare function RegisterForm({ onSuccess, onError, defaultAppName, className, }: RegisterFormProps): react.JSX.Element;
+
+export { AccountDetail, AddRole, AddTenant, AddUser, type AddUserProps$1 as AddUserProps, AdminLayout, type AdminLayoutProps, ApiImage, type ApiImageProps, ApplicationView, AuthenticationFailure, BannerFollowLinks, BioBlitzObservationPin, type BioBlitzObservationPinProps, ButtonList, ChangePassword, Cluster, ClusterList, ClusterNews, ClusterNewsItem, type ClusterNewsItemProps, ClusterNewsList, type ClusterNewsProps, type ClusterProps, ClusterStoryItem, CmsImage, ContentCarousel, ContentGrid, CookieConsent, CoverImage, CustomDropDown, CustomFilterSort, CustomLink, DeleteRole, DeleteUser, DesignCustomLink, DesignDashboardPagination, DesignFarmerClusterPin, type DesignFarmerClusterPinProps, DesignFooter, DesignHeader, DesignLink, DesignListLink, DesignPagination, DesignSearchInput, DesignSort, DesignTestimonials, DialogWrapper, EditLinkButton, Emailing, Error, FAQ, type FAQProps, FeatureItemElement, FeatureManagement, Features, FilterDropdown, Footer, GalleryItem, GalleryItemList, type GalleryItemProps, H1Body, H1BodyButton, type H1BodyProps, H2BodyButton, H3Clusters, type H3ClustersProps, H7Body, type H7BodyProps, HeroImageLeft, HeroImageRight, HeroWidgetMobileDevice, HeroWidgetOld, HeroWithCenterText, HeroWithMap, HeroWithMultipleImage, HeroWithThreeImage, HtmlView, type IPanelMainProps, type IVerticalHorizontalProps, ImageLeftH3BodyLink, ImageLefttH3Body, InfoCard, KeyValuePairList, LandingTitleBodyButton, LanguagePopup, type LinkProps, ListTagsGroup, MapLayout, MediaItem, MobileFilterPopup, MobileFilterPopupOpened, MultiSelectFreeText, News, NewsArticle, NewsArticleList, type NewsArticleProps, NewsHeading, NewsItemList, NewsfeedPreview, type NewsfeedPreviewProps, NextImage, PageNotFound, Pagination, PanelMain, PanelVertical, Permissions, PermissionsGrant, PieChart, ProfileSettings, PublicationList, RegisterForm, type RegisterFormProps, RequireFeature, RichTextContent, RoleEdit, RoleList, RolePermission, RoutePagination, SettingsManagement, ShowTagItem, Sidebar, SidebarIcon, type SidebarProps, SignUpBanner, SixClusterNews, SubtitleH2BodyVideo, SubtitleH3Body, SubtitleH3BodyInternalLinkList, SubtitleH3Cluster4Column, SubtitleH3ClusterNews3Column, SubtitleH3Faq, TenantList, TestEmail, type TestEmailProps, type TestimonialProps, TopNav2, TopNav3, TopNav4, TopNavbar, type TopNavbarProps, TopProgress, UiTimer, UpdatePassword, UpdateUserProfile, UserDropDown, UserEdit, UserList, UserMenus, type UserMenusProps, UserPermission, Video, ViewLink, customSelectInputStyles, formatDate, formatTagString, getSelectTheme, isAdmin, parseTitle, tableCustomStyles, tableDesigntyles };