@kentico/xperience-admin-base 14.0.0-51372 → 22.0.0

package/package.json

@@ -1,78 +1,96 @@
 {
-	"name": "@kentico/xperience-admin-base",
-	"version": "14.0.0-51372",
-	"main": "dist/entry.js",
-	"types": "dist/entry.d.ts",
-	"files": [
-		"dist"
-	],
-	"description": "Kentico Xperience administration base library.",
-	"keywords": [
-		"kentico",
-		"xperience",
-		"administration",
-		"admin",
-		"base"
-	],
-	"license": "SEE LICENSE IN LICENSE.txt",
-	"dependencies": {
-		"@kentico/xperience-admin-components": "14.0.0-51372",
-		"classnames": "^2.3.1",
-		"history": "^5.0.0",
-		"react": "^17.0.2",
-		"react-dom": "^17.0.2",
-		"react-router-dom": "^6.0.0-beta.0"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.13.16",
-		"@babel/eslint-parser": "^7.13.14",
-		"@babel/plugin-transform-runtime": "^7.13.15",
-		"@babel/preset-env": "^7.13.15",
-		"@babel/preset-react": "^7.13.13",
-		"@babel/preset-typescript": "^7.13.0",
-		"@babel/runtime": "^7.13.17",
-		"@testing-library/jest-dom": "^5.11.10",
-		"@testing-library/react": "^11.2.6",
-		"@types/history": "^4.7.8",
-		"@types/jest": "^26.0.22",
-		"@types/react": "^17.0.3",
-		"@types/react-dom": "^17.0.3",
-		"@types/react-router-dom": "^5.1.7",
-		"@types/systemjs": "^6.1.0",
-		"@types/webpack-env": "^1.16.0",
-		"autoprefixer": "^10.2.5",
-		"babel-loader": "8.2.2",
-		"cross-env": "^7.0.3",
-		"css-loader": "^5.2.4",
-		"eslint": "^7.24.0",
-		"eslint-config-prettier": "^8.2.0",
-		"eslint-config-ts-react-important-stuff": "^3.0.0",
-		"eslint-plugin-prettier": "^3.4.0",
-		"eslint-plugin-react": "^7.23.2",
-		"file-loader": "^6.2.0",
-		"jest": "^26.6.3",
-		"jest-junit": "^12.0.0",
-		"postcss": "^8.2.15",
-		"postcss-loader": "^5.3.0",
-		"prettier": "^2.2.1",
-		"sass": "^1.32.13",
-		"sass-loader": "^10.1.0",
-		"style-loader": "^2.0.0",
-		"svg-url-loader": "^7.1.1",
-		"ts-jest": "^26.5.5",
-		"typescript": "^4.2.4",
-		"webpack": "^5.37.0",
-		"webpack-cli": "^4.7.0",
-		"webpack-dev-server": "^3.11.2",
-		"webpack-merge": "^5.7.3"
-	},
-	"scripts": {
-		"start": "webpack serve --mode development",
-		"dev:remote": "webpack serve --mode development --env remote",
-		"build": "webpack --mode=production",
-		"declaration": "tsc --project tsconfig.declaration.json",
-		"typecheck": "tsc --noEmit",
-		"analyze": "webpack --mode=production --env.analyze=true",
-		"test": "cross-env BABEL_ENV=test jest"
-	}
-}
+  "name": "@kentico/xperience-admin-base",
+  "version": "22.0.0",
+  "main": "dist/entry.js",
+  "types": "dist/entry.d.ts",
+  "files": [
+    "dist"
+  ],
+  "description": "Kentico Xperience administration base library.",
+  "keywords": [
+    "kentico",
+    "xperience",
+    "administration",
+    "admin",
+    "base"
+  ],
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "dependencies": {
+    "@kentico/xperience-admin-components": "22.0.0",
+    "@react-aria/focus": "^3.6.1",
+    "@react-aria/visually-hidden": "^3.3.1",
+    "classnames": "^2.3.1",
+    "history": "^5.3.0",
+    "react": "^18.2.0",
+    "react-cool-inview": "^3.0.1",
+    "react-dnd": "^15.1.1",
+    "react-dnd-html5-backend": "^15.1.2",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "6.3.0",
+    "react-select": "^5.3.2",
+    "react-select-async-paginate": "^0.6.1",
+    "use-debounce": "^8.0.1",
+    "use-resize-observer": "9.0.2",
+    "uuid": "^8.3.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.6",
+    "@babel/eslint-parser": "^7.18.2",
+    "@babel/plugin-transform-runtime": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/runtime": "^7.18.6",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/dompurify": "2.3.3",
+    "@types/jest": "^28.1.3",
+    "@types/react": "^18.0.14",
+    "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-dom": "^18.0.5",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/systemjs": "^6.1.1",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@types/uuid": "^8.3.4",
+    "@types/webpack-env": "^1.17.0",
+    "autoprefixer": "^10.4.7",
+    "babel-loader": "8.2.5",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.7.1",
+    "dompurify": "2.3.8",
+    "eslint": "^8.18.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-ts-react-important-stuff": "^3.0.0",
+    "eslint-plugin-prettier": "^4.1.0",
+    "eslint-plugin-react": "^7.30.1",
+    "file-loader": "^6.2.0",
+    "jest": "^28.1.1",
+    "jest-environment-jsdom": "28.1.1",
+    "jest-junit": "^14.0.0",
+    "postcss": "^8.4.14",
+    "postcss-loader": "^7.0.0",
+    "prettier": "^2.7.1",
+    "react-test-renderer": "^18.2.0",
+    "sass": "^1.53.0",
+    "sass-loader": "^13.0.2",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^28.0.5",
+    "typescript": "^4.7.4",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.2",
+    "webpack-merge": "^5.8.0"
+  },
+  "scripts": {
+    "start": "webpack serve --mode development",
+    "dev:remote": "webpack serve --mode development --env remote",
+    "build": "webpack --mode=production",
+    "typecheck": "tsc --noEmit",
+    "analyze": "webpack --mode=production --env.analyze=true",
+    "test": "cross-env BABEL_ENV=test jest",
+    "tsc-decleration": "tsc --project tsconfig.declaration.json",
+    "declaration": "npm run tsc-decleration && npx ts-node ../../scripts/typesRollup",
+    "validate-api": "npx ts-node ../../scripts/validateApi"
+  }
+}

package/dist/commands/CommandContext.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-/**
- * Instance of command context type.
- */
-export declare const CommandContext: React.Context<CommandContextType>;
-/**
- * Defines a command context type.
- */
-export interface CommandContextType {
-    /**
-     * Executes page command.
-     * @param name Name of the command to be executed.
-     * @param data Data passed to the command.
-     */
-    executeCommand: <TResponse = void, TData = unknown>(name: string, data?: TData) => Promise<TResponse>;
-    /**
-    * Registers command into the current provider.
-    * @param name Name of the command to be registered.
-    * @param execute Callback that executes the command.
-    */
-    registerCommand: <T>(name: string, execute: (data: T) => Promise<void>) => void;
-}
-/**
- * Returns the command provider for the current page.
- */
-export declare const usePageCommandProvider: () => CommandContextType;

package/dist/commands/CommandProvider.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface CommandProviderProps {
-    readonly children: React.ReactNode;
-}
-/**
- * Ensures the command context for current template.
- */
-export declare const CommandProvider: {
-    ({ children }: CommandProviderProps): JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/commands/index.d.ts

@@ -1,3 +0,0 @@
-export { usePageCommand } from './usePageCommand';
-export { usePageCommandProvider } from './CommandContext';
-export type { Command, CommandExecutor, UseCommandConfig } from './useCommand.types';

package/dist/commands/useCommand.types.d.ts

@@ -1,36 +0,0 @@
-/**
- * Command result interface.
- */
-export interface Command<T = any> {
-    /**
-     * Invocation callback.
-     */
-    execute: CommandExecutor<T, void>;
-}
-/**
- * Command execution configuration.
- */
-export declare type UseCommandConfig<TCommandResult, TCommandData> = {
-    /**
-     * Command data.
-     */
-    data?: TCommandData;
-    /**
-     * Indicates whether command should be invoked automatically on component mount.
-     * Defaults to `false`.
-     */
-    executeOnMount?: boolean;
-    /**
-     * Custom action executed before the command execution.
-     * If the function returns `false` the command will not be executed.
-     */
-    before?: () => boolean | void;
-    /**
-     * Custom action executed after the command execution.
-     */
-    after?: (commandResult: TCommandResult) => void;
-};
-/**
- * Command invocation callback.
- */
-export declare type CommandExecutor<TData, TResponse> = (data?: TData) => Promise<TResponse>;

package/dist/commands/useCommandInvoker.d.ts

@@ -1,9 +0,0 @@
-/**
- * Defines a command invocation function with messaging and navigation support.
- *
- * @returns Command invocation function.
- */
-export declare function useCommandInvoker<T>(): (name: string, data?: any) => Promise<{
-    result: T;
-    command: string;
-}>;

package/dist/commands/usePageCommand.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Command, UseCommandConfig } from './useCommand.types';
-/**
- * Registers command into the current command provider and returns its invocation callback.
- *
- * @param commandName Name of the command.
- * @param config Command options.
- * @param dependencies If present, command will only activate if the values in the list change.
- * @returns Invocation callback to be executed manually.
- */
-export declare function usePageCommand<TCommandResult, TCommandData = void>(commandName: string, config?: UseCommandConfig<TCommandResult, TCommandData>, dependencies?: React.DependencyList): Command<TCommandData>;

package/dist/components/ActionList/ActionList.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ActionListProps } from './ActionList.types';
-export declare const ActionList: ({ actions }: ActionListProps) => JSX.Element;

package/dist/components/ActionList/ActionList.types.d.ts

@@ -1,4 +0,0 @@
-import { Action } from '../../types';
-export interface ActionListProps {
-    actions?: Action[];
-}

package/dist/components/index.d.ts

@@ -1,5 +0,0 @@
-export { ActionList } from './ActionList/ActionList';
-export { Loader } from './loader/Loader';
-export { PageLoader } from './page-loader/PageLoader';
-export { PageMessagePane } from './page-message-pane/PageMessagePane';
-export { Portal } from './portal/Portal';

package/dist/components/loader/Loader.d.ts

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

package/dist/components/page-loader/PageLoader.d.ts

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

package/dist/components/page-message-pane/PageMessagePane.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface PageMessagePaneProps {
-    readonly title: string;
-    readonly text?: string;
-    readonly children?: React.ReactNode;
-}
-export declare const PageMessagePane: ({ title, text, children }: PageMessagePaneProps) => JSX.Element;

package/dist/components/portal/Portal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface PortalProps {
-    readonly children: React.ReactNode;
-    readonly container: HTMLElement | null;
-    readonly key?: string | null | undefined;
-}
-declare const Portal: ({ children, container, key }: PortalProps) => JSX.Element;
-export { Portal };

package/dist/forms/form/Form.d.ts

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

package/dist/forms/form/Form.types.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../form-components/FormComponent.types';
-/**
- * Form reference exposing function for submission.
- */
-export declare type FormRef = {
-    submit: (action?: string) => void;
-} | null;
-/**
- * Properties for Form cmponent.
- */
-export interface FormProps {
-    /**
-     * Form component has no button rendered, define the children to display submitting component.
-     */
-    readonly children?: React.ReactNode;
-    /**
-     * Collection of form components which will be displayed inside the form.
-     */
-    readonly components: FormComponentProps[];
-    /**
-     * Function for form value change monitoring.
-     */
-    readonly onChange?: (e: ChangeEventHandler) => void;
-    /**
-     * Submit function used to submit form data.
-     */
-    readonly onSubmit: (e: SubmitEventHandler, action?: string) => void;
-}
-export interface ChangeEventHandler {
-    readonly changedField: {
-        name: string;
-        hasDependencies: boolean;
-    };
-    readonly values: {
-        [fieldName: string]: any;
-    };
-}
-export interface SubmitEventHandler {
-    readonly values: {
-        [fieldName: string]: any;
-    };
-}
-/**
- * Represents result of form submission.
- */
-export interface FormSubmissionResult {
-    /**
-     * Collection of form components which will be displayed inside the form.
-     */
-    readonly components: FormComponentProps[];
-    /**
-     * Status of the form submission and validation process.
-     */
-    readonly status: FormSubmissionStatus;
-}
-/**
- * Indicates the state of the form submission and validation result.
- */
-export declare enum FormSubmissionStatus {
-    /**
-     * Error during the form submission.
-     */
-    Error = "error",
-    /**
-     * Form validation failed.
-     */
-    ValidationFailure = "validationFailure",
-    /**
-     * Submission and validation successful.
-     */
-    ValidationSuccess = "validationSuccess"
-}

package/dist/forms/form/FormField.d.ts

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

package/dist/forms/form/FormField.types.d.ts

@@ -1,7 +0,0 @@
-import { FormComponentProps } from '../form-components/FormComponent.types';
-import { ValidationResult } from '../validation-rules/ValidationRule.types';
-export interface FormFieldProps extends FormComponentProps {
-    readonly fieldValues: Record<string, any>;
-    readonly allowRevalidate: boolean;
-    readonly onValidated?: (invalidValidationResults: ValidationResult[]) => void;
-}

package/dist/forms/form/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Form';
-export * from './Form.types';

package/dist/forms/form-components/FormComponent.types.d.ts

@@ -1,15 +0,0 @@
-import { ValidationRuleProps } from '../validation-rules/ValidationRule.types';
-export declare type OnChangeValueType = string | number | boolean;
-export interface FormComponentProps {
-    readonly componentName: string;
-    readonly hasDependencies: boolean;
-    readonly name: string;
-    readonly label?: string;
-    readonly explanationText?: string;
-    readonly tooltip?: string;
-    readonly value?: any;
-    readonly invalid?: boolean;
-    readonly validationMessage?: string;
-    readonly validationRules?: ValidationRuleProps[];
-    readonly onChange?: (value: OnChangeValueType) => void;
-}

package/dist/forms/form-components/FormComponentLoader.d.ts

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

package/dist/forms/form-components/index.d.ts

@@ -1,4 +0,0 @@
-export * from './textarea-form-component/TextAreaFormComponent';
-export * from './text-input-form-component/TextInputFormComponent';
-export * from './password-form-component/PasswordFormComponent';
-export * from './FormComponent.types';

package/dist/forms/form-components/password-form-component/PasswordFormComponent.d.ts

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

package/dist/forms/form-components/text-input-form-component/TextInputFormComponent.d.ts

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

package/dist/forms/form-components/textarea-form-component/TextAreaFormComponent.d.ts

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

package/dist/forms/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useValidationRule';

package/dist/forms/hooks/useValidationRule.d.ts

@@ -1,2 +0,0 @@
-import { ValidationRule, ValidationRuleProps } from '../validation-rules/ValidationRule.types';
-export declare function useValidationRule(rule: string): ValidationRule<ValidationRuleProps, any> | null;

package/dist/forms/index.d.ts

@@ -1,4 +0,0 @@
-export * from './form';
-export * from './form-components';
-export * from './hooks';
-export * from './validation-rules';

package/dist/forms/validation-rules/ValidationRule.types.d.ts

@@ -1,12 +0,0 @@
-export interface ValidationRule<P extends ValidationRuleProps, T> {
-    (props: P, value: T, fieldValues: Record<string, any>): ValidationResult;
-}
-export interface ValidationRuleProps {
-    readonly ruleName: string;
-    readonly isValid: boolean;
-    readonly validationError: string | null;
-}
-export interface ValidationResult {
-    readonly isValid: boolean;
-    readonly errorMessage: string | null;
-}

package/dist/forms/validation-rules/ValidationRuleLoader.d.ts

@@ -1,2 +0,0 @@
-import { ValidationRuleLoaderProps } from './ValidationRuleLoader.types';
-export declare const ValidationRuleLoader: (props: ValidationRuleLoaderProps) => null;

package/dist/forms/validation-rules/ValidationRuleLoader.types.d.ts

@@ -1,7 +0,0 @@
-import { ValidationResult, ValidationRuleProps } from './ValidationRule.types';
-export interface ValidationRuleLoaderProps extends ValidationRuleProps {
-    fieldValues: Record<string, any>;
-    value?: any;
-    allowRevalidate: boolean;
-    onValidated: (result: ValidationResult) => void;
-}

package/dist/forms/validation-rules/index.d.ts

@@ -1,7 +0,0 @@
-export * from './max-length-rule/MaxLengthValidationRule.types';
-export * from './max-length-rule/MaxLengthValidationRule';
-export * from './min-length-rule/MinLengthValidationRule.types';
-export * from './min-length-rule/MinLengthValidationRule';
-export * from './required-value-rule/RequiredStringValueValidationRule';
-export * from './required-value-rule/RequiredStringValueValidationRule.Types';
-export * from './ValidationRule.types';

package/dist/forms/validation-rules/max-length-rule/MaxLengthValidationRule.d.ts

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

package/dist/forms/validation-rules/max-length-rule/MaxLengthValidationRule.types.d.ts

@@ -1,5 +0,0 @@
-import { ValidationRuleProps } from '../ValidationRule.types';
-export interface MaxLengthValidationRuleProps extends ValidationRuleProps {
-    maxLength: number;
-    invalidLengthMessage: string;
-}

package/dist/forms/validation-rules/min-length-rule/MinLengthValidationRule.d.ts

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

package/dist/forms/validation-rules/min-length-rule/MinLengthValidationRule.types.d.ts

@@ -1,5 +0,0 @@
-import { ValidationRuleProps } from '../ValidationRule.types';
-export interface MinLengthValidationRuleProps extends ValidationRuleProps {
-    minLength: number;
-    invalidLengthMessage: string;
-}

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/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useComponent';
-export * from './usePagePath';

package/dist/hooks/useComponent.d.ts

@@ -1 +0,0 @@
-export declare function useComponent(component: string): any;

package/dist/hooks/usePagePath.d.ts

@@ -1 +0,0 @@
-export declare const usePagePath: () => string;

package/dist/localization/Localization.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare type LocalizationContextType = {
-    localization: any;
-};
-export interface LocalizationProviderProps {
-    readonly children: React.ReactNode;
-}

package/dist/localization/LocalizationContext.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LocalizationContextType } from './Localization.types';
-export declare const LocalizationContext: React.Context<LocalizationContextType>;
-export declare const useLocalization: () => LocalizationContextType;

package/dist/localization/LocalizationProvider.d.ts

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

package/dist/localization/index.d.ts

@@ -1,4 +0,0 @@
-export { LocalizationProvider } from './LocalizationProvider';
-export * from './LocalizationContext';
-export * from './Localization.types';
-export * from './LocalizationProvider';

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

@@ -1,2 +0,0 @@
-export * from './routing-content-placeholder/RoutingContentPlaceholder';
-export * from './template-loader/TemplateLoader';

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

@@ -1,6 +0,0 @@
-import React from 'react';
-interface RoutingContentPlacholderProps {
-    children?: React.ReactNode;
-}
-declare const RoutingContentPlaceholder: ({ children }: RoutingContentPlacholderProps) => JSX.Element;
-export { RoutingContentPlaceholder };

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface TemplateLoaderProps {
-    readonly templateName: string;
-}
-declare const TemplateLoader: ({ templateName }: TemplateLoaderProps) => JSX.Element;
-export { TemplateLoader };