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

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

@@ -0,0 +1,6 @@
+import { CategoryNode } from './SettingsLayout.types';
+export interface NodeComponentProps extends CategoryNode {
+    readonly level: number;
+    readonly expandedIds: number[];
+    readonly onNodeToggle: (isExpanded: boolean, id: number) => void;
+}

package/dist/templates/settings/layout/SettingsLayout.types.d.ts

@@ -0,0 +1,9 @@
+export interface SettingsLayoutProps {
+    readonly root: CategoryNode;
+}
+export interface CategoryNode {
+    readonly name: string;
+    readonly id: number;
+    readonly categoryPath: number[];
+    readonly children: CategoryNode[];
+}

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

@@ -0,0 +1,2 @@
+import { SettingsLayoutProps } from './SettingsLayout.types';
+export declare const SettingsLayoutTemplate: ({ root }: SettingsLayoutProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const SettingsSearchRowComponent: () => JSX.Element;

package/dist/templates/side-navigation-layout/SideNavigationLayout.d.ts

@@ -0,0 +1 @@
+export declare const SideNavigationLayout: () => JSX.Element;

package/dist/templates/side-navigation-layout/SideNavigationLayoutContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SideNavigationLayoutContextProps {
+    readonly limitHeight?: boolean;
+    readonly setLimitHeight: (limitHeight: boolean) => void;
+}
+export declare const SideNavigationLayoutContext: React.Context<SideNavigationLayoutContextProps>;
+export declare const useSideNavigationLayoutContext: () => SideNavigationLayoutContextProps;

package/dist/templates/side-navigation-layout/SideNavigationLayoutTemplate.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SideNavigationLayoutTemplate: () => JSX.Element;

package/dist/templates/side-navigation-layout/index.d.ts

@@ -0,0 +1,3 @@
+export { SideNavigationLayoutTemplate } from './SideNavigationLayoutTemplate';
+export { SideNavigationLayoutContext, useSideNavigationLayoutContext } from './SideNavigationLayoutContext';
+export type { SideNavigationLayoutContextProps } from './SideNavigationLayoutContext';

package/dist/templates/side-navigation-layout/vertical-menu/NavLinkItem.d.ts

@@ -0,0 +1,6 @@
+interface NavLinkItemProps {
+    readonly link: string;
+    readonly label: string;
+}
+export declare const NavLinkItem: ({ link, label, }: NavLinkItemProps) => JSX.Element;
+export {};

package/dist/templates/side-navigation-layout/vertical-menu/VerticalMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavigationItem } from '../../../template-properties';
 interface VerticalMenuProps {
     navigation: NavigationItem[];

package/dist/templates/view-menu-navigation-layout/ViewMenuNavigationLayoutTemplate.d.ts

@@ -0,0 +1 @@
+export declare const ViewMenuNavigationLayoutTemplate: () => JSX.Element;

package/dist/utils/basePathUtils.d.ts

@@ -1,8 +1,12 @@
 /**
- * Gets base path (without domain) obtained from html document
+ * Gets base path (without domain) obtained from html document.
  */
 export declare const getBaseUri: () => URL;
 /**
- * Removes the base path from the provided path
+ * Removes the base path from the provided path.
  */
 export declare const getPathWithoutBasePath: (path: string) => string;
+/**
+ * Removes last segment of the provided path.
+ */
+export declare const getPathWithoutLastSegment: (path: string) => string;

package/dist/utils/constants.d.ts

@@ -1,2 +1,5 @@
 export declare const conditionBuilderDialogMinWidth = "65vw";
+export declare const conditionBuilderDialogHeight = "100%";
+export declare const conditionBuilderDialogFullscreenBreakpoint = 1024;
 export declare const editTemplateDialogMinWidth = "65vw";
+export declare const scrollableContainerId = "scrollable-container";

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
 export * from './authentication/logonUrlProvider';
 export * from './postToAdmin';
 export * from './basePathUtils';
-export * from './convertTagGradient';

package/dist/utils/loadModule.d.ts

@@ -1,10 +1,9 @@
-declare type ModuleLoaderResultType = Promise<{
+export declare type ModuleLoaderResultType = Promise<{
     default: any;
 }>;
-declare type ModuleLoaderType = (packageName: string, importName: string) => ModuleLoaderResultType;
+export declare type ModuleLoaderType = (packageName: string, importName: string) => ModuleLoaderResultType;
 /**
  * Loads external module based on fully qualified path in format:
  * @scope/project/Component (e.g @kentico/xperience-admin-base/Listing)
  */
 export declare const loadModule: (fileName: string, moduleLoader?: ModuleLoaderType | undefined) => ModuleLoaderResultType;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kentico/xperience-admin-base",
-  "version": "14.0.0-68025",
+  "version": "14.0.0-87740",
   "main": "dist/entry.js",
   "types": "dist/entry.d.ts",
   "files": [
@@ -16,58 +16,64 @@
   ],
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "@kentico/xperience-admin-components": "14.0.0-68025",
+    "@kentico/xperience-admin-components": "14.0.0-87740",
     "classnames": "^2.3.1",
     "history": "^5.0.1",
     "react": "^17.0.2",
+    "react-cool-inview": "^2.0.8",
+    "react-dnd": "^14.0.4",
+    "react-dnd-html5-backend": "^14.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "6.0.0-beta.2",
-    "use-resize-observer": "7.0.1",
+    "use-resize-observer": "8.0.0",
     "uuid": "^8.3.2",
-    "@react-aria/visually-hidden": "^3.2.3"
+    "@react-aria/visually-hidden": "^3.2.3",
+    "@react-aria/focus": "^3.4.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.4",
-    "@babel/eslint-parser": "^7.15.4",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.4",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@babel/runtime": "^7.15.4",
+    "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.0",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@babel/runtime": "^7.16.0",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
     "@types/history": "^4.7.9",
-    "@types/jest": "^27.0.1",
-    "@types/react": "^17.0.19",
+    "@types/jest": "^27.0.2",
+    "@types/react": "^17.0.33",
     "@types/react-beautiful-dnd": "^13.1.2",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-router-dom": "^5.1.8",
+    "@types/react-dom": "^17.0.10",
+    "@types/react-router-dom": "^5.3.2",
     "@types/systemjs": "^6.1.1",
-    "@types/webpack-env": "^1.16.2",
+    "@types/webpack-env": "^1.16.3",
     "@types/uuid": "^8.3.1",
-    "autoprefixer": "^10.3.4",
-    "babel-loader": "8.2.2",
+    "autoprefixer": "^10.4.0",
+    "babel-loader": "8.2.3",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.2.0",
-    "eslint": "^7.32.0",
+    "css-loader": "^6.5.0",
+    "eslint": "^8.1.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-ts-react-important-stuff": "^3.0.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-react": "^7.26.1",
     "file-loader": "^6.2.0",
-    "jest": "^27.1.0",
-    "jest-junit": "^12.2.0",
-    "postcss": "^8.3.6",
-    "postcss-loader": "^6.1.1",
-    "prettier": "^2.3.2",
-    "sass": "^1.39.0",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^3.2.1",
-    "ts-jest": "^27.0.5",
-    "typescript": "^4.4.2",
-    "webpack": "^5.51.2",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.1.0",
+    "jest": "^27.3.1",
+    "jest-junit": "^13.0.0",
+    "postcss": "^8.3.11",
+    "postcss-loader": "^6.2.0",
+    "prettier": "^2.4.1",
+    "react-test-renderer": "^17.0.2",
+    "sass": "^1.43.4",
+    "sass-loader": "^12.3.0",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^27.0.7",
+    "typescript": "^4.4.4",
+    "webpack": "^5.61.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.4.0",
     "webpack-merge": "^5.8.0"
   },
   "scripts": {

package/dist/forms/validation-rules/required-value-rule/RequiredStringValueValidationRule.Types.d.ts

@@ -1,4 +0,0 @@
-import { ValidationRuleProps } from '../ValidationRule.types';
-export interface RequiredStringValueValidationRuleProps extends ValidationRuleProps {
-    missingValueMessage: string;
-}

package/dist/forms/validation-rules/required-value-rule/RequiredStringValueValidationRule.d.ts

@@ -1,3 +0,0 @@
-import { ValidationRule } from '../ValidationRule.types';
-import { RequiredStringValueValidationRuleProps } from './RequiredStringValueValidationRule.Types';
-export declare const RequiredStringValueValidationRule: ValidationRule<RequiredStringValueValidationRuleProps, string>;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AssetsFoldersTreeViewProps } from './AssetsFoldersTreeView.types';
-export declare const AssetsFoldersTreeView: React.ForwardRefExoticComponent<AssetsFoldersTreeViewProps & React.RefAttributes<HTMLUListElement>>;

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

@@ -1,17 +0,0 @@
-import { AssetsFoldersData } from '../AssetsSelector/AssetsSelector.types';
-export interface AssetsFoldersTreeViewProps {
-    readonly rootPath: string;
-    readonly selectedPath: string;
-    readonly nodes: AssetsFoldersTreeViewItems;
-    readonly onLevelLoad: (node: AssetsFoldersTreeViewItem) => void;
-    readonly onNodeClick?: (node: AssetsFoldersTreeViewItem) => void;
-}
-export interface AssetsFoldersTreeViewItem extends AssetsFoldersData {
-    readonly children: string[];
-    readonly areChildrenLoaded: boolean;
-    readonly isLoading: boolean;
-    readonly isOpen: boolean;
-}
-export interface AssetsFoldersTreeViewItems {
-    [path: string]: AssetsFoldersTreeViewItem;
-}

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

@@ -1,2 +0,0 @@
-export type { AssetsFoldersTreeViewItem, AssetsFoldersTreeViewItems } from './AssetsFoldersTreeView.types';
-export { AssetsFoldersTreeView } from './AssetsFoldersTreeView';

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AssetsPanelProps } from './AssetsPanel.types';
-export declare const AssetsPanel: ({ assets, selectedAssetIdentifiers, folders, rootFolderPath, selectedFolderPath, libraries, assetsTotalCount, onSelectionChange, onFolderLoad, onFolderClick, onUpload, onErrorClose, onLibraryChange, uploadInProgress, selectedLibraryIdentifier }: AssetsPanelProps) => JSX.Element;

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

@@ -1,39 +0,0 @@
-import { AssetsFoldersTreeViewItem, AssetsFoldersTreeViewItems } from '../AssetsFoldersTreeView/AssetsFoldersTreeView.types';
-export interface AssetsPanelProps {
-    readonly assets?: AssetsPanelItem[];
-    readonly folders: AssetsFoldersTreeViewItems;
-    readonly rootFolderPath: string;
-    readonly selectedFolderPath: string;
-    readonly libraries: AssetsLibrary[];
-    readonly assetsTotalCount: number;
-    readonly onSelectionChange?: (isSelected: boolean, asset: AssetsPanelItem) => void;
-    readonly onFolderLoad: (node: AssetsFoldersTreeViewItem) => void;
-    readonly onFolderClick?: (node: AssetsFoldersTreeViewItem) => void;
-    readonly onUpload: (files: FileList) => void;
-    readonly onErrorClose: (asset: AssetsPanelItem) => void;
-    readonly onLibraryChange: (identifier: string) => void;
-    readonly selectedAssetIdentifiers: string[];
-    readonly uploadInProgress: boolean;
-    readonly selectedLibraryIdentifier: string;
-}
-export interface AssetsPanelItem {
-    readonly name: string;
-    readonly description: string;
-    readonly title: string;
-    readonly size: number;
-    readonly dimensions?: {
-        readonly width: number;
-        readonly height: number;
-    };
-    readonly url?: string;
-    readonly identifier: string;
-    readonly isImage: boolean;
-    readonly hasError: boolean;
-    readonly errorMessage: string;
-    readonly isPlaceholder: boolean;
-    readonly uploadProgress: number;
-}
-export interface AssetsLibrary {
-    readonly identifier: string;
-    readonly name: string;
-}

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

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AssetsSelectorProps } from './AssetsSelector.types';
-export declare const AssetsSelector: ({ selectorRef, onLoadAssetsLibraries, onLoadAssetsFolders, onLoadAssetsPanelItems, onSelectAssets, onUploadAssets, ...props }: AssetsSelectorProps) => JSX.Element;

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

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import { RefObject } from 'packages/kentico-xperience-admin-components/node_modules/@types/react';
-import { AssetsLibrary, AssetsPanelItem } from '../../shared-components/AssetsPanel/AssetsPanel.types';
-export interface AssetsSelectorProps {
-    readonly enabled: boolean;
-    readonly onLoadAssetsPanelItems: (libraryIdentifier: string, folderPath: string, handle: (result: LoadAssetsPanelItemsResult | undefined) => void) => Promise<void>;
-    readonly onLoadAssetsFolders: (libraryIdentifier: string, folderPath: string, isSelected: boolean, handle: (result: LoadAssetsFoldersResult | undefined) => void) => Promise<void>;
-    readonly onUploadAssets: (libraryIdentifier: string, folderPath: string, files: FileList, handle: (result: UploadAssetsResult | undefined) => void) => Promise<void>;
-    readonly onLoadAssetsLibraries: (handle: (result: LoadAssetsLibrariesResult | undefined) => void) => Promise<void>;
-    readonly onSelectAssets: (assets: AssetsPanelItem[]) => void;
-    readonly selectorRef: RefObject<AssetsSelectorRef>;
-}
-export interface AssetsSelectorRef {
-    readonly open: () => Promise<void>;
-    readonly close: () => void;
-}
-export interface LoadAssetsPanelItemsResult {
-    readonly assets: AssetsPanelItem[];
-    readonly totalCount: number;
-}
-export interface AssetsFoldersData {
-    readonly name: string;
-    readonly parentPath: string;
-    readonly path: string;
-    readonly hasChildren: boolean;
-}
-export interface LoadAssetsFoldersResult {
-    readonly folders: AssetsFoldersData[];
-}
-export interface UploadAssetsResult {
-    readonly assets: AssetsPanelItem[];
-}
-export interface LoadAssetsLibrariesResult {
-    readonly libraries: AssetsLibrary[];
-}

package/dist/shared-components/ConditionBuilder/ConditionBuilderOverview/Parameters/ComponentParameter/TextInputFormParameterOverview.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../../../../../forms/form-components';
-export declare const TextInputParameterOverview: (props: FormComponentProps) => JSX.Element;

package/dist/shared-components/callout/Callout.d.ts

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

package/dist/shared-components/callout/Callout.types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CalloutPlacementType, CalloutType } from '@kentico/xperience-admin-components';
-export interface CalloutProps {
-    readonly headline?: string;
-    readonly type: CalloutType;
-    readonly placement: CalloutPlacementType;
-    readonly actionButton?: React.ReactNode;
-    readonly children?: React.ReactNode;
-}

package/dist/templates/app/header/Header.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare const Header: ({ siteName }: {
-    siteName: string;
-}) => JSX.Element;
-export { Header };

package/dist/templates/app/header/index.d.ts

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

package/dist/templates/app/sidebar/Sidebar.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ApplicationCategory } from '../App.types';
-interface SidebarProps {
-    readonly categories: ApplicationCategory[];
-}
-declare const Sidebar: ({ categories }: SidebarProps) => JSX.Element;
-export { Sidebar };

package/dist/templates/app/sidebar/index.d.ts

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

package/dist/templates/dashboard/tile/Tile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { Application } from '../../app/App.types';
-export declare const Tile: (application: Application) => JSX.Element;

package/dist/templates/dashboard/tile-category/TileCategory.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ApplicationCategory } from '../../app/App.types';
-export declare const TileCategory: (applicationCategory: ApplicationCategory) => JSX.Element;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { EditTemplateProps } from './EditTemplate.types';
-export declare const EditTemplate: ({ components, submitLabel, errorMessage, readOnly, caption, backLink }: EditTemplateProps) => JSX.Element;

package/dist/utils/convertTagGradient.d.ts

@@ -1,3 +0,0 @@
-import { Gradients } from '@kentico/xperience-admin-components';
-import { TagGradient } from '../templates/overview/OverviewTemplate.types';
-export declare const convertTagGradient: (gradient: TagGradient) => Gradients.CoolGrayDark | Gradients.GrayDark | Gradients.KenticoOrangeDark | Gradients.RedDark | Gradients.YellowDark | Gradients.NavyBlueDark | Gradients.NeonGreenDark | Gradients.PersianGreenDark | Gradients.SkyBlueDark | Gradients.XperienceBlueDark | Gradients.PurpleDark | Gradients.RoseDark;