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

package/dist/hooks/index.d.ts

@@ -1 +1,5 @@
 export { useHandleClickOutside } from './useHandleClickOutside';
+export { useFocusElementOnMount } from './useFocusElementOnMount';
+export { useScrollToElementOnMount } from './useScrollToElementOnMount';
+export { useWindowDimensions } from './useWindowDimensions';
+export { useOnScreenDetect } from './useOnScreenDetect';

package/dist/hooks/useComponent.d.ts

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

package/dist/hooks/useFocusElementOnMount.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useFocusElementOnMount: (ref: RefObject<HTMLElement>) => void;

package/dist/hooks/useOnScreenDetect.d.ts

@@ -0,0 +1 @@
+export declare const useOnScreenDetect: (ref: React.RefObject<HTMLElement>) => boolean;

package/dist/hooks/useScrollToElementOnMount.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useScrollToElementOnMount: (ref: RefObject<HTMLElement>, args?: boolean | ScrollIntoViewOptions) => void;

package/dist/hooks/useSliceOverflowingItems.d.ts

@@ -10,5 +10,13 @@ interface OverflowingItemsInfo<TItem> {
     readonly visibleItems: ReadonlyArray<TItem>;
     readonly hiddenItems: ReadonlyArray<TItem>;
 }
+/**
+ * Determines whether list of items can fit into container element, or which items should be hidden because of overflow.
+ *
+ * @param allItems List of all items, which can be hidden.
+ * @param containerRef Ref of container element used for available width computation.
+ * @param sliceFrom Whether hide items from start or end.
+ * @returns OverflowingItemsInfo Object with items which should be visible, hidden, and function for list item refs.
+ */
 export declare const useSliceOverflowingItems: <TItem>(allItems: readonly TItem[], containerRef: RefObject<HTMLElement>, sliceFrom: SliceFrom, hiddenAll?: boolean) => OverflowingItemsInfo<TItem>;
 export {};

package/dist/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const useWindowDimensions: () => {
+    width: number;
+    height: number;
+};

package/dist/tokens/colors.d.ts

@@ -44,9 +44,11 @@ export declare enum Colors {
     ProductHover = "var(--color-product-hover)",
     ProductHoverComplementary = "var(--color-product-hover-complementary)",
     ProductSelected = "var(--color-product-selected)",
+    ProductSelectedHover = "var(--color-product-selected-hover)",
     GradientProduct = "var(--gradient-product)",
     GradientProductHover = "var(--gradient-product-hover)",
     GradientBackgroundDesk = "var(--gradient-background-desk)",
+    GradientBlueDark = "var(--color-gradient-blue-dark)",
     ShalfBackground = "var(--color-shelf-background)",
     SkeletonBackground = "var(--color-skeleton-background)",
     SkeletonContent = "var(--color-skeleton-content)",

package/dist/tokens/dimensions.d.ts

@@ -1,3 +1,5 @@
 export declare enum Dimensions {
-    GridUnit = "8px"
+    GridUnit = "8px",
+    SelectableAssetTileMaxWidth = "218px",
+    PreviewAssetTileMaxWidth = "323px"
 }

package/dist/tokens/gradientUtils.d.ts

@@ -0,0 +1,9 @@
+import { Gradients } from '.';
+export declare abstract class GradientUtils {
+    private static readonly GradientNameByValue;
+    private static GetGradientNameByValue;
+    /**
+     * Returns true if gradient is considered as dark; otherwise false
+     */
+    static GradientIsDark(gradient: Gradients): boolean;
+}

package/dist/tokens/index.d.ts

@@ -4,3 +4,4 @@ export * from './spacing';
 export * from './borderRadius';
 export * from './iconSize';
 export * from './gradients';
+export * from './zindex';

package/dist/tokens/zindex.d.ts

@@ -0,0 +1,14 @@
+export declare enum Zindex {
+    Hidden = "-1",
+    Visible = "0",
+    Elevated = "1",
+    Rte = "10",
+    RtePopup = "20",
+    Dropdown = "100",
+    StickyHeader = "200",
+    Sidepanel = "1000",
+    AppMenu = "2000",
+    Dialog = "3000",
+    Snackbar = "5000",
+    Tooltip = "4000"
+}

package/dist/utils/isTextElementHorizontallyOverflowing.d.ts

@@ -0,0 +1 @@
+export declare const isTextElementHorizontallyOverflowing: (element: HTMLElement | undefined | null) => boolean;

package/dist/utils/isTextElementVerticallyOverflowing.d.ts

@@ -0,0 +1 @@
+export declare const isTextElementVerticallyOverflowing: (element: HTMLElement | undefined | null) => boolean;

package/dist/utils/loadModule.d.ts

@@ -0,0 +1,10 @@
+declare type ModuleLoaderResultType = Promise<{
+    default: any;
+}>;
+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-components",
-  "version": "14.0.0-68025",
+  "version": "14.0.0-87740",
   "main": "dist/entry.js",
   "types": "dist/entry.d.ts",
   "files": [
@@ -16,13 +16,13 @@
   ],
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "@react-aria/focus": "^3.4.1",
-    "@react-aria/interactions": "^3.5.1",
+    "@react-aria/focus": "^3.5.0",
+    "@react-aria/interactions": "^3.6.0",
     "@react-aria/radio": "^3.1.5",
     "@react-aria/overlays": "^3.7.2",
     "@react-aria/visually-hidden": "^3.2.3",
     "@react-stately/radio": "^3.3.2",
-    "@tippyjs/react": "^4.2.5",
+    "@tippyjs/react": "^4.2.6",
     "classnames": "^2.3.1",
     "froala-editor": "3.2.7",
     "history": "^5.0.1",
@@ -36,53 +36,55 @@
     "use-resize-observer": "8.0.0"
   },
   "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",
     "@svgr/cli": "^5.5.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-modal": "^3.12.1",
-    "@types/react-router-dom": "^5.1.8",
+    "@types/react-dom": "^17.0.10",
+    "@types/react-modal": "^3.13.1",
+    "@types/react-router-dom": "^5.3.2",
     "@types/systemjs": "^6.1.1",
-    "@types/webpack-env": "^1.16.2",
-    "autoprefixer": "^10.3.4",
-    "babel-loader": "8.2.2",
+    "@types/webpack-env": "^1.16.3",
+    "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",
-    "glob": "^7.1.7",
-    "jest": "^27.1.0",
-    "jest-junit": "^12.2.0",
-    "plop": "^2.7.4",
-    "postcss": "^8.3.6",
-    "postcss-loader": "^6.1.1",
-    "prettier": "^2.3.2",
+    "glob": "^7.2.0",
+    "jest": "^27.3.1",
+    "jest-junit": "^13.0.0",
+    "plop": "^2.7.6",
+    "postcss": "^8.3.11",
+    "postcss-loader": "^6.2.0",
+    "prettier": "^2.4.1",
+    "react-test-renderer": "^17.0.2",
     "resolve-url-loader": "^4.0.0",
-    "sass": "^1.39.0",
-    "style-loader": "^3.2.1",
-    "ts-jest": "^27.0.5",
-    "typescript": "^4.4.2",
+    "sass": "^1.43.4",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^27.0.7",
+    "typescript": "^4.4.4",
     "typescript-plugin-css-modules": "^3.4.0",
-    "webpack": "^5.51.2",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.1.0",
+    "webpack": "^5.61.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.4.0",
     "webpack-merge": "^5.8.0",
-    "yargs": "^17.1.1"
+    "yargs": "^17.2.1"
   },
   "scripts": {
     "start": "webpack serve --mode development",
@@ -95,6 +97,8 @@
     "test": "cross-env BABEL_ENV=test jest --passWithNoTests",
     "new-component": "plop component",
     "generate-css-variable-types": "node src/utils/css-var-typing --path src/styles/*.export.scss --result src/tokens",
-    "test-css-variable-types": "node src/utils/css-var-typing --path src/styles/*.export.scss --result src/tokens --test"
+    "test-css-variable-types": "node src/utils/css-var-typing --path src/styles/*.export.scss --result src/tokens --test",
+    "generate-token-enums": "node src/utils/enum-generator --configPath ./src/tokens/enumGenerator.cofig.json",
+    "test-token-enums": "node src/utils/enum-generator --configPath ./src/tokens/enumGenerator.cofig.json --test"
   }
 }