@kentico/xperience-admin-base 14.0.0-68025 → 14.0.0-87740

package/dist/shared-components/StickyHeader/StickyHeader.d.ts

@@ -0,0 +1,2 @@
+import { StickyHeaderProps } from './StickyHeader.types';
+export declare const StickyHeader: (props: StickyHeaderProps) => JSX.Element;

package/dist/shared-components/StickyHeader/StickyHeader.types.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface StickyHeaderProps {
+    readonly renderHeadline?: () => React.ReactNode;
+    readonly renderContent: () => React.ReactNode;
+}

package/dist/shared-components/StickyHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { StickyHeader } from './StickyHeader';
+export type { StickyHeaderProps } from './StickyHeader.types';

package/dist/shared-components/Textarea/TextareaActionButtons/Base/TextareaActionButton.d.ts

@@ -0,0 +1,5 @@
+import { TextareaActionButtonProps } from './TextareaActionButton.types';
+export declare const TextareaActionButton: {
+    ({ ...props }: TextareaActionButtonProps): JSX.Element;
+    displayName: string;
+};

package/dist/shared-components/Textarea/TextareaActionButtons/Base/TextareaActionButton.types.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '@kentico/xperience-admin-components';
+export interface TextareaActionButtonProps extends Omit<ButtonProps, 'size' | 'color'> {
+}

package/dist/shared-components/Textarea/TextareaActionButtons/Base/index.d.ts

@@ -0,0 +1,2 @@
+export { TextareaActionButton } from './TextareaActionButton';
+export type { TextareaActionButtonProps } from './TextareaActionButton.types';

package/dist/shared-components/Textarea/TextareaActionButtons/CopyButton/TextareaCopyButton.d.ts

@@ -0,0 +1,5 @@
+import { TextareaCopyButtonProps } from './TextareaCopyButton.types';
+export declare const TextareaCopyButton: {
+    ({ textToCopy, }: TextareaCopyButtonProps): JSX.Element;
+    displayName: string;
+};

package/dist/shared-components/Textarea/TextareaActionButtons/CopyButton/TextareaCopyButton.types.d.ts

@@ -0,0 +1,3 @@
+export interface TextareaCopyButtonProps {
+    readonly textToCopy?: string;
+}

package/dist/shared-components/Textarea/TextareaActionButtons/CopyButton/index.d.ts

@@ -0,0 +1,2 @@
+export { TextareaCopyButton } from './TextareaCopyButton';
+export type { TextareaCopyButtonProps } from './TextareaCopyButton.types';

package/dist/shared-components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextareaActionButtons/Base';
+export * from './TextareaActionButtons/CopyButton';

package/dist/shared-components/index.d.ts

@@ -1,5 +1,12 @@
-export * from './callout/Callout';
-export * from './callout/Callout.types';
-export * from './AssetsPanel';
+export * from './Callout/Callout';
+export * from './Callout/Callout.types';
+export * from './Assets/AssetPanel';
+export * from './Assets/AssetFolderTreeView';
+export * from './Assets/AssetsLoader';
+export * from './Assets';
 export * from './AppLinkButton';
 export * from './ConditionBuilder/ConditionBuilderOverview';
+export * from './Textarea';
+export * from './Assets/hooks';
+export * from './Assets/AssetTileHidden/AssetTileHidden';
+export * from './ConfirmationDialog';

package/dist/template-components/content-with-sidebar-layout-wrapper/ContentWithSidebarLayoutWrapper.d.ts

@@ -0,0 +1,2 @@
+import { ContentWithSidebarLayoutWrapperProps } from './ContentWithSidebarLayoutWrapper.types';
+export declare const ContentWithSidebarLayoutWrapper: (props: ContentWithSidebarLayoutWrapperProps) => JSX.Element;

package/dist/template-components/content-with-sidebar-layout-wrapper/ContentWithSidebarLayoutWrapper.types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ContentWithSidebarLayoutWrapperProps {
+    readonly children: React.ReactNode;
+    readonly sidebarContent?: React.ReactNode;
+}

package/dist/template-components/content-with-sidebar-layout-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentWithSidebarLayoutWrapper } from './ContentWithSidebarLayoutWrapper';
+export type { ContentWithSidebarLayoutWrapperProps } from './ContentWithSidebarLayoutWrapper.types';

package/dist/template-components/dialog/TemplateDialog.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TemplateDialogProps } from './TemplateDialog.types';
 export declare const TemplateDialog: (props: TemplateDialogProps) => JSX.Element;

package/dist/template-components/dialog/TemplateDialogContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TemplateDialogContextProps, TemplateDialogProviderProps } from './TemplateDialogContext.types';
 export declare const useTemplateDialog: () => TemplateDialogContextProps;
 export declare const TemplateDialogProvider: ({ children }: TemplateDialogProviderProps) => JSX.Element;

package/dist/template-components/dialog/TemplateDialogContext.types.d.ts

@@ -14,8 +14,18 @@ export interface TemplateDialogContextProps {
     readonly isInDialog: boolean;
     readonly title: string;
     readonly setTitle: (title: string) => void;
-    readonly minWidth?: string;
-    readonly setMinWidth: (width: string) => void;
+    readonly minWidth?: string | number;
+    readonly setMinWidth: (width: string | number) => void;
+    readonly width?: string | number;
+    readonly setWidth: (width: string | number) => void;
+    readonly maxWidth?: string | number;
+    readonly setMaxWidth: (width: string | number) => void;
+    readonly minHeight?: string | number;
+    readonly setMinHeight: (height: string | number) => void;
+    readonly height?: string | number;
+    readonly setHeight: (height: string | number) => void;
+    readonly maxHeight?: string | number;
+    readonly setMaxHeight: (height: string | number) => void;
     readonly dialogHandlers: DialogHandlers;
     readonly setDialogHandlers: (dialogHandlers: DialogHandlers) => void;
     readonly messages: NotificationMessage[];
@@ -23,6 +33,8 @@ export interface TemplateDialogContextProps {
     readonly removeDialogMessage: (id: string | number) => void;
     readonly canProcessMessageType: (messageVariant: NotificationMessageType) => boolean;
     readonly closeDialog: () => void;
+    readonly isFullscreen: boolean;
+    readonly setIsFullscreen: (isFullscreen: boolean) => void;
 }
 /**
  * Represents properties for Dialog provider component.

package/dist/template-components/index.d.ts

@@ -2,3 +2,4 @@ export * from './routing-content-placeholder/RoutingContentPlaceholder';
 export * from './template-loader/TemplateLoader';
 export * from './dialog/TemplateDialog';
 export * from './dialog/TemplateDialogContext';
+export * from './content-with-sidebar-layout-wrapper';

package/dist/template-components/routing-content-placeholder/RoutingContentPlaceholder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RoutingContentPlaceholderProps } from './RoutingContentPlaceholder.types';
 declare const RoutingContentPlaceholder: ({ children }: RoutingContentPlaceholderProps) => JSX.Element;
 export { RoutingContentPlaceholder };

package/dist/template-components/template-loader/TemplateLoader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TemplateLoaderProps {
     readonly templateName: string;
 }

package/dist/template-components/template-loader/useTemplateDataLoader.d.ts

@@ -2,7 +2,7 @@ import { TemplateProperties } from '../../template-properties';
 /**
  * Loads the template data based on location.
  */
-export declare const useTemplateDataLoader: (endpoint: string) => {
+export declare const useTemplateDataLoader: (endpoint: string, preventRefetch: boolean) => {
     isComplete: boolean;
     isError: boolean;
     data: TemplateProperties | undefined;

package/dist/template-properties/TemplateProperties.types.d.ts

@@ -26,4 +26,5 @@ export interface TemplateProperties {
     defaultRoute?: Route;
     breadcrumbs: Breadcrumbs;
     navigation: NavigationItem[];
+    preventRefetch: boolean;
 }

package/dist/templates/app/App.types.d.ts

@@ -1,4 +1,6 @@
 import { IconName } from '@kentico/xperience-admin-components';
+import { TemplateProperties } from '../../template-properties';
+import { SiteSelectorProps } from './siteselector/SiteSelector.types';
 export interface Application {
     readonly name: string;
     readonly icon: IconName;
@@ -8,10 +10,15 @@ export interface ApplicationCategory {
     readonly name: string;
     readonly icon: IconName;
     readonly applications: Application[];
-    readonly path: string;
     readonly codeName: string;
 }
-export interface ApplicationCategories {
+export interface UserProfile {
+    readonly userName: string;
+    readonly firstName: string;
+    readonly lastName: string;
+}
+export interface AppTemplateProps extends TemplateProperties {
     readonly categories: ApplicationCategory[];
-    readonly siteName: string;
+    readonly siteSelectorProperties: SiteSelectorProps;
+    readonly userProfile: UserProfile;
 }

package/dist/templates/app/AppTemplate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ApplicationCategories } from './App.types';
-declare const AppTemplate: ({ categories, siteName }: ApplicationCategories) => JSX.Element;
+import { AppTemplateProps } from './App.types';
+declare const AppTemplate: ({ categories }: AppTemplateProps) => JSX.Element;
 export { AppTemplate };

package/dist/templates/app/application-menu/ApplicationMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ApplicationMenuProps } from './ApplicationMenu.types';
+declare const ApplicationMenu: React.ForwardRefExoticComponent<ApplicationMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { ApplicationMenu };

package/dist/templates/app/application-menu/ApplicationMenu.types.d.ts

@@ -0,0 +1,5 @@
+import { UITestProps } from '@kentico/xperience-admin-components';
+import { ApplicationCategory } from '../App.types';
+export interface ApplicationMenuProps extends UITestProps {
+    readonly categories: ApplicationCategory[];
+}

package/dist/templates/app/application-menu/application-list/ApplicationList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ApplicationListProps } from './ApplicationList.types';
+declare const ApplicationList: React.ForwardRefExoticComponent<ApplicationListProps & React.RefAttributes<HTMLDivElement>>;
+export { ApplicationList };

package/dist/templates/app/application-menu/application-list/ApplicationList.types.d.ts

@@ -0,0 +1,31 @@
+import { RefObject } from 'react';
+import { UITestProps } from '@kentico/xperience-admin-components';
+import { Application, ApplicationCategory } from '../../App.types';
+export declare enum ApplicationListView {
+    List = "list",
+    Tiles = "tiles"
+}
+export interface ApplicationListProps {
+    readonly categories: ApplicationCategory[];
+    readonly selectedCategory?: ApplicationCategory;
+    readonly applicationPath: string;
+    readonly handleClick: (selectedCategory: ApplicationCategory) => void;
+    readonly overlayRef: RefObject<HTMLDivElement>;
+    readonly className?: string;
+}
+export interface ApplicationListGroupProps {
+    readonly category?: ApplicationCategory;
+    readonly applicationPath: string;
+    readonly view: ApplicationListView;
+    readonly handleClick: (category: ApplicationCategory) => void;
+    readonly renderToggleButtons?: () => React.ReactNode;
+}
+export declare enum ApplicationListItemState {
+    Default = "Default",
+    Activated = "Activated"
+}
+export interface ApplicationListItemProps extends UITestProps {
+    readonly state: ApplicationListItemState;
+    readonly application: Application;
+    readonly handleClick: () => void;
+}

package/dist/templates/app/application-menu/application-list/ApplicationListGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ApplicationListGroupProps } from './ApplicationList.types';
+declare const ApplicationListGroup: React.ForwardRefExoticComponent<ApplicationListGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ApplicationListGroup };

package/dist/templates/app/application-menu/application-list/ApplicationListItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ApplicationListItemProps } from './ApplicationList.types';
+declare const ApplicationListItem: React.ForwardRefExoticComponent<ApplicationListItemProps & React.RefAttributes<HTMLLIElement>>;
+export { ApplicationListItem };

package/dist/templates/app/application-menu/application-list/index.d.ts

@@ -0,0 +1 @@
+export { ApplicationList } from './ApplicationList';

package/dist/templates/app/application-menu/application-list/utils.d.ts

@@ -0,0 +1,10 @@
+import { ApplicationCategory } from '../../App.types';
+/**
+ * Filters applications in list of categories. Applications are sorted according to best matching result.
+ * If no application of category match query, whole category is omitted.
+ *
+ * @param categories List of categories with applications to filter.
+ * @param filter Filter string to match.
+ * @returns FilteredCategories Categories with matched applications.
+ */
+export declare const filterCategories: (categories: ApplicationCategory[], filter: string) => ApplicationCategory[];

package/dist/templates/app/application-menu/index.d.ts

@@ -0,0 +1 @@
+export { ApplicationMenu } from './ApplicationMenu';

package/dist/templates/app/avatar/Avatar.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-declare type AvatarBaseProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'onClick'>;
-interface AvatarProps extends AvatarBaseProps {
-    image?: string;
-    name?: string;
+import { UserProfile } from '../App.types';
+interface AvatarProps {
+    readonly userProfile: UserProfile;
 }
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+declare const Avatar: {
+    ({ userProfile }: AvatarProps): JSX.Element;
+    displayName: string;
+};
 export { Avatar };

package/dist/templates/app/breadcrumbs/BreadcrumbsProvider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BreadcrumbsProviderProps } from './Breadcrumbs.types';
 export declare const BreadcrumbsProvider: ({ children }: BreadcrumbsProviderProps) => JSX.Element;

package/dist/templates/app/main/Main.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
 import { ApplicationCategory } from '../App.types';
 interface MainProps {
     readonly categories: ApplicationCategory[];
-    readonly siteName: string;
 }
-declare const Main: ({ categories, siteName }: MainProps) => JSX.Element;
+declare const Main: ({ categories }: MainProps) => JSX.Element;
 export { Main };

package/dist/templates/app/siteselector/SiteSelector.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-interface SiteSelectorProps {
-    siteName: string;
-}
+import { SiteSelectorProps } from './SiteSelector.types';
 declare const SiteSelector: React.FC<SiteSelectorProps>;
 export { SiteSelector };

package/dist/templates/app/siteselector/SiteSelector.types.d.ts

@@ -0,0 +1,27 @@
+import { DropdownActionMenuProps, IconName } from '@kentico/xperience-admin-components';
+import React from 'react';
+export interface SiteSelectorProps {
+    sites: SiteSelectorItemModel[];
+    currentSiteName: string;
+    sitesApplication: ApplicationNavigationModel;
+}
+export interface SiteSelectorItemModel {
+    name: string;
+    url: string;
+}
+export interface ApplicationNavigationModel {
+    name: string;
+    path: string;
+}
+export interface SelectType {
+    readonly id: string;
+    readonly title: string;
+    readonly defaultLabel: string;
+    readonly noItemLabel: string;
+    readonly icon?: IconName;
+    readonly options: SiteSelectorItemModel[];
+    readonly footer: ApplicationNavigationModel;
+}
+export interface DropdownControlledType extends Omit<DropdownActionMenuProps, 'children'> {
+    renderMenu: (setOpen: (open: boolean) => void) => React.ReactNode;
+}

package/dist/templates/app/status-bar/StatusBar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * StatusBar is upper part of application shell. It contains main navigation,
+ * like breadcrumbs, selects, avatar and application specific buttons.
+ */
+declare const StatusBar: {
+    (): JSX.Element;
+    displayName: string;
+};
+export { StatusBar };

package/dist/templates/app/status-bar/index.d.ts

@@ -0,0 +1 @@
+export { StatusBar } from './StatusBar';

package/dist/templates/condition-builder/ConditionBuilderTemplate.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ConditionBuilderTemplateProps } from './ConditionBuilderTemplate.types';
 export declare const ConditionBuilderTemplate: ({ backLink, errorMessage, caption, submitLabel, initialConfiguration, availableMacroRuleConfigurations, availableMacroRules }: ConditionBuilderTemplateProps) => JSX.Element;

package/dist/templates/dashboard/Dashboard.types.d.ts

@@ -0,0 +1,4 @@
+import { Application } from '../app/App.types';
+export interface DashboardProps {
+    readonly applications: Application[];
+}

package/dist/templates/dashboard/DashboardTemplate.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ApplicationCategories } from '../app/App.types';
-export declare const DashboardTemplate: ({ categories }: ApplicationCategories) => JSX.Element;
+import { DashboardProps } from './Dashboard.types';
+export declare const DashboardTemplate: ({ applications }: DashboardProps) => JSX.Element;

package/dist/templates/edit/EditSectionTemplate.d.ts

@@ -0,0 +1,2 @@
+import { EditSectionTemplateProps } from './EditSectionTemplate.types';
+export declare const EditSectionTemplate: ({ components, submitLabel, errorMessage, readOnly, headline, backLink, ...props }: EditSectionTemplateProps) => JSX.Element;

package/dist/templates/edit/{EditTemplate.types.d.ts → EditSectionTemplate.types.d.ts}

@@ -1,11 +1,13 @@
 import { FormComponentProps } from '../../forms/form-components/FormComponent.types';
-export interface EditTemplateProps {
+import { CalloutConfiguration } from '../../shared-components';
+export interface EditSectionTemplateProps {
     readonly backLink?: string;
     readonly readOnly: boolean;
     readonly submitLabel: string;
     readonly components: FormComponentProps[];
-    readonly caption: string;
+    readonly headline: string;
     readonly errorMessage?: string;
+    readonly callouts: CalloutConfiguration[];
 }
 export interface FormChangeResult {
     readonly components: FormComponentProps[];

package/dist/templates/field-editor/FieldEditorBarItemHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FieldEditorBarItemHeaderProps } from './FieldEditorBarItemHeader.types';
 export declare const FieldEditorBarItemHeader: ({ fieldData }: FieldEditorBarItemHeaderProps) => JSX.Element;

package/dist/templates/field-editor/FieldEditorForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldEditorFormProps } from './FieldEditorForm.types';
 /**
  * Form used in Field Editor for each displayed field.

package/dist/templates/field-editor/FieldEditorTemplate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldEditorTemplateProps } from './FieldEditorTemplate.types';
 export declare const FieldEditorCommands: {
     CreateField: string;

package/dist/templates/index.d.ts

@@ -1,10 +1,12 @@
 export * from './app/AppTemplate';
 export * from './dashboard/DashboardTemplate';
-export * from './edit/EditTemplate';
+export * from './edit/EditSectionTemplate';
 export * from './condition-builder/ConditionBuilderTemplate';
 export * from './overview/OverviewTemplate';
 export * from './listing/ListingTemplate';
-export * from './side-navigation-layout/SideNavigationLayoutTemplate';
+export * from './side-navigation-layout';
 export * from './field-editor/FieldEditorTemplate';
 export * from './app/breadcrumbs/BreadcrumbsProvider';
 export * from './app/breadcrumbs';
+export * from './view-menu-navigation-layout/ViewMenuNavigationLayoutTemplate';
+export * from './settings';

package/dist/templates/listing/Listing.types.d.ts

@@ -1,4 +1,5 @@
 import { TableColumn, TableRow, SortType } from '@kentico/xperience-admin-components';
+import { CalloutConfiguration } from '../../shared-components';
 import { Action } from '../../types';
 export interface ListingProps {
     readonly columns: TableColumn[];
@@ -9,6 +10,7 @@ export interface ListingProps {
     readonly sortBy: string;
     readonly sortType: SortType;
     readonly pageSizesLabel: string;
+    readonly callout?: CalloutConfiguration;
 }
 export interface ListingRow extends TableRow {
     readonly action: Action;

package/dist/templates/listing/ListingTemplate.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ListingProps } from './Listing.types';
-export declare const ListingTemplate: ({ headerActions, columns, caption, ...props }: ListingProps) => JSX.Element;
+export declare const ListingTemplate: ({ headerActions, columns, caption, callout, ...props }: ListingProps) => JSX.Element;

package/dist/templates/overview/OverviewTemplate.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { OverviewTemplateProps } from './OverviewTemplate.types';
 export declare const OverviewTemplate: ({ errorMessage }: OverviewTemplateProps) => JSX.Element;

package/dist/templates/overview/OverviewTemplate.types.d.ts

@@ -1,4 +1,5 @@
-import { CalloutType, CalloutPlacementType, IconName } from '@kentico/xperience-admin-components';
+import { Gradients, IconName } from '@kentico/xperience-admin-components';
+import { CalloutConfiguration } from '../../shared-components/Callout/Callout.types';
 import { ConditionBuilderProps } from '../../shared-components/ConditionBuilder/ConditionBuilder';
 export interface OverviewTemplateProps {
     readonly errorMessage?: string;
@@ -7,23 +8,6 @@ export interface LoadOverviewDataResult {
     callouts: CalloutConfiguration[];
     cardGroups: CardGroupConfiguration[];
 }
-export interface CalloutConfiguration {
-    readonly headline: string;
-    readonly content: string;
-    readonly actionButton?: CalloutButtonConfiguration;
-    readonly type: CalloutType;
-    readonly placement: CalloutPlacementType;
-}
-export interface CalloutButtonConfiguration {
-    readonly text: string;
-    readonly clickCommandName: string;
-    readonly statusCommandName?: string;
-    disabled: boolean;
-    inProgress: boolean;
-}
-export interface CalloutButtonStatusCommandResponse {
-    readonly inProgress: boolean;
-}
 export interface CardGroupConfiguration {
     readonly cards: CardConfiguration[];
 }
@@ -40,32 +24,6 @@ export interface CardActionConfiguration {
     readonly clickCommandName: string;
 }
 export interface CardTagConfiguration {
-    readonly gradient: TagGradient;
+    readonly gradient: keyof typeof Gradients;
     readonly label: string;
 }
-export declare enum TagGradient {
-    CoolGrayDark = "coolGrayDark",
-    GrayDark = "grayDark",
-    KenticoOrangeDark = "kenticoOrangeDark",
-    RedDark = "redDark",
-    YellowDark = "yellowDark",
-    NavyBlueDark = "navyBlueDark",
-    NeonGreenDark = "neonGreenDark",
-    PersianGreenDark = "persianGreenDark",
-    SkyBlueDark = "skyBlueDark",
-    XperienceBlueDark = "xperienceBlueDark",
-    PurpleDark = "purpleDark",
-    RoseDark = "roseDark",
-    CoolGrayLight = "coolGrayLight",
-    GrayLight = "grayLight",
-    KenticoOrangeLight = "kenticoOrangeLight",
-    RedLight = "redLight",
-    YellowLight = "yellowLight",
-    NavyBlueLight = "navyBlueLight",
-    NeonGreenLight = "neonGreenLight",
-    PersianGreenLight = "persianGreenLight",
-    SkyBlueLight = "skyBlueLight",
-    XperienceBlueLight = "xperienceBlueLight",
-    PurpleLight = "purpleLight",
-    RoseLight = "roseLight"
-}

package/dist/templates/settings/context/SettingsContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SettingsContextType } from './SettingsContext.types';
+export declare const SettingsContext: React.Context<SettingsContextType>;
+export declare function useSettingsContext(): SettingsContextType;

package/dist/templates/settings/context/SettingsContext.types.d.ts

@@ -0,0 +1,11 @@
+export declare type CategoryNamesDictionary = {
+    [key: number]: string;
+};
+export interface SettingsContextType {
+    invokeOnSubmitHandler: () => Promise<void>;
+    registerOnSubmitHandler: (handler: () => Promise<void>) => void;
+    registerClearSearchHandler: (handler: () => void) => void;
+    searchFilter: string;
+    setSearchFilter: (value: string) => void;
+    settingsCategoryNames: CategoryNamesDictionary;
+}

package/dist/templates/settings/context/SettingsContextProvider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface SettingContextProps {
+    readonly categories: {
+        [key: number]: string;
+    };
+    readonly children: React.ReactNode;
+}
+export declare const SettingsContextProvider: {
+    ({ children, categories }: SettingContextProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/templates/settings/detail/SettingsBreadcrumbs.d.ts

@@ -0,0 +1,2 @@
+import { Category } from './SettingsDetails.types';
+export declare const SettingsBreadcrumbs: ({ categoryId, categoryIdPath, displayName }: Category) => JSX.Element;

package/dist/templates/settings/detail/SettingsDetails.types.d.ts

@@ -0,0 +1,24 @@
+import { FormComponentProps } from '../../../forms/form-components';
+export interface SettingsDetailsTemplateProps {
+    readonly title: string;
+    readonly categories: Category[];
+}
+export interface SettingsNoResultPageProps {
+    readonly filter: string;
+    readonly clearSearchHandler: () => void;
+}
+export interface Category {
+    readonly categoryId: number;
+    readonly categoryParentId: number;
+    readonly categoryIdPath: string;
+    readonly displayName: string;
+    readonly components: FormComponentProps[];
+}
+export interface SaveKeysArguments {
+    readonly keyValues: Record<string, any>;
+    readonly filter: string;
+}
+export interface SaveKeysResult {
+    readonly isValid: boolean;
+    readonly categories: Category[];
+}

package/dist/templates/settings/detail/SettingsDetailsTemplate.d.ts

@@ -0,0 +1,2 @@
+import { SettingsDetailsTemplateProps } from './SettingsDetails.types';
+export declare const SettingsDetailsTemplate: (props: SettingsDetailsTemplateProps) => JSX.Element;

package/dist/templates/settings/detail/SettingsNoResultPage.d.ts

@@ -0,0 +1,2 @@
+import { SettingsNoResultPageProps } from './SettingsNoResultPage.types';
+export declare const SettingsNoResultPage: ({ filter, clearSearchHandler }: SettingsNoResultPageProps) => JSX.Element;

package/dist/templates/settings/detail/SettingsNoResultPage.types.d.ts

@@ -0,0 +1,4 @@
+export interface SettingsNoResultPageProps {
+    readonly filter: string;
+    readonly clearSearchHandler: () => void;
+}

package/dist/templates/settings/detail/SettingsSearchTemplate.d.ts

@@ -0,0 +1,2 @@
+import { SettingsDetailsTemplateProps } from './SettingsDetails.types';
+export declare const SettingsSearchTemplate: (props: SettingsDetailsTemplateProps) => JSX.Element;

package/dist/templates/settings/index.d.ts

@@ -0,0 +1,3 @@
+export { SettingsLayoutTemplate } from './layout/SettingsLayoutTemplate';
+export { SettingsDetailsTemplate } from './detail/SettingsDetailsTemplate';
+export { SettingsSearchTemplate } from './detail/SettingsSearchTemplate';

package/dist/templates/settings/layout/NodeComponent.d.ts

@@ -0,0 +1,2 @@
+import { NodeComponentProps } from './NodeComponentProps';
+export declare const NodeComponent: ({ name, id, children, level, onNodeToggle, expandedIds }: NodeComponentProps) => JSX.Element;