@gravity-ui/dashkit 8.22.0 → 8.22.1-beta.0

package/build/esm/context/DashkitOverlayControlsContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DashKitProps } from '../components';
+import type { ConfigLayout, ItemParams, ItemState } from '../shared';
+import type { MenuItem } from '../typings';
+export type OverlayControlsCtxShape = Pick<DashKitProps, 'context' | 'overlayControls' | 'itemsStateAndParams' | 'getPreparedCopyItemOptions' | 'onCopyFulfill'> & {
+    menu: DashKitProps['overlayMenuItems'] | MenuItem[];
+    itemsState?: Record<string, ItemState>;
+    itemsParams: Record<string, ItemParams>;
+    editItem: DashKitProps['onItemEdit'];
+    removeItem: (id: string) => void;
+    getLayoutItem: (id: string) => ConfigLayout | void;
+};
+export declare const DashkitOvelayControlsContext: React.Context<void | OverlayControlsCtxShape>;

package/build/esm/context/DashkitOverlayControlsContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const DashkitOvelayControlsContext = React.createContext(undefined);

package/build/esm/context/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DashKitContext';
+export * from './DashkitOverlayControlsContext';
+export * from './DashKitDnDContext';

package/build/esm/context/index.js

@@ -0,0 +1,3 @@
+export * from './DashKitContext';
+export * from './DashkitOverlayControlsContext';
+export * from './DashKitDnDContext';

package/build/esm/hocs/prepareItem.d.ts

@@ -66,6 +66,7 @@ export function prepareItem(Component: any): {
         onItemMountChange: PropTypes.Requireable<(...args: any[]) => any>;
         forwardedPluginRef: PropTypes.Requireable<any>;
     };
-    contextType: React.Context<any>;
+    contextType: React.Context<import("../context").DashKitCtxShape>;
 };
 import React from 'react';
+import PropTypes from 'prop-types';

package/build/esm/hocs/prepareItem.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
-import { DashKitContext } from '../context/DashKitContext';
+import { DashKitContext } from '../context';
 export function prepareItem(Component) {
     var _a;
     return _a = class PrepareItem extends React.Component {

package/build/esm/hocs/withContext.js

@@ -3,7 +3,7 @@ import React from 'react';
 import isEqual from 'lodash/isEqual';
 import pick from 'lodash/pick';
 import { COMPACT_TYPE_HORIZONTAL_NOWRAP, DEFAULT_GROUP, DEFAULT_WIDGET_HEIGHT, DEFAULT_WIDGET_WIDTH, TEMPORARY_ITEM_ID, } from '../constants/common';
-import { DashKitContext, DashKitDnDContext, DashkitOvelayControlsContext, } from '../context/DashKitContext';
+import { DashKitContext, DashKitDnDContext, DashkitOvelayControlsContext } from '../context';
 import { useDeepEqualMemo } from '../hooks/useDeepEqualMemo';
 import { getItemsParams, getItemsState } from '../shared';
 import { UpdateManager, resolveLayoutGroup } from '../utils';
@@ -283,6 +283,7 @@ function useMemoStateContext(props) {
         }
         return itemLayout;
     }, [
+        props.registerManager,
         resetTemporaryLayout,
         temporaryLayout,
         dragOverPlugin,
@@ -311,8 +312,6 @@ function useMemoStateContext(props) {
         });
     }, [dragPropsContext, onDropProp, setTemporaryLayout, resetTemporaryLayout]);
     const dashkitContextValue = React.useMemo(() => ({
-        layout: resultLayout,
-        temporaryLayout,
         config: props.config,
         groups: props.groups,
         context: props.context,
@@ -322,24 +321,26 @@ function useMemoStateContext(props) {
         globalParams: props.globalParams,
         editMode: props.editMode,
         settings: props.settings,
-        itemsState,
-        itemsParams,
-        registerManager: props.registerManager,
-        onItemStateAndParamsChange,
-        onDrop,
-        onDropDragOver,
         onItemMountChange: props.onItemMountChange,
         onItemRender: props.onItemRender,
+        draggableHandleClassName: props.draggableHandleClassName,
+        registerManager: props.registerManager,
+        forwardedMetaRef: props.forwardedMetaRef,
+        layout: resultLayout,
+        temporaryLayout,
         layoutChange: onLayoutChange,
-        getItemsMeta,
-        reloadItems,
         memorizeOriginalLayout,
         revertToOriginalLayout,
-        forwardedMetaRef: props.forwardedMetaRef,
-        draggableHandleClassName: props.draggableHandleClassName,
+        itemsState,
+        itemsParams,
+        onItemStateAndParamsChange,
+        getItemsMeta,
+        reloadItems,
+        onDrop,
+        onDropDragOver,
         outerDnDEnable,
         dragOverPlugin,
-        /* default bypassing handlers */
+        /* default handlers bypass */
         onDragStart: props.onDragStart,
         onDrag: props.onDrag,
         onDragStop: props.onDragStop,
@@ -385,14 +386,15 @@ function useMemoStateContext(props) {
     const controlsContextValue = React.useMemo(() => ({
         overlayControls: props.overlayControls,
         context: props.context,
-        menu: overlayMenuItems,
         itemsStateAndParams: props.itemsStateAndParams,
+        itemsState,
         itemsParams,
+        getPreparedCopyItemOptions: props.getPreparedCopyItemOptions,
+        onCopyFulfill: props.onCopyFulfill,
+        menu: overlayMenuItems,
         editItem: props.onItemEdit,
         removeItem: onItemRemove,
         getLayoutItem: getLayoutItem,
-        getPreparedCopyItemOptions: props.getPreparedCopyItemOptions,
-        onCopyFulfill: props.onCopyFulfill,
     }), [
         props.overlayControls,
         props.context,
@@ -401,6 +403,7 @@ function useMemoStateContext(props) {
         props.getPreparedCopyItemOptions,
         props.onCopyFulfill,
         overlayMenuItems,
+        itemsState,
         itemsParams,
         onItemRemove,
         getLayoutItem,

package/build/esm/hooks/useDnDItemProps.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DashKitDnDContext } from '../context/DashKitContext';
+import { DashKitDnDContext } from '../context';
 export const useDnDItemProps = (item) => {
     const dragContext = React.useContext(DashKitDnDContext);
     const onDragStart = React.useCallback((e) => {

package/build/esm/shared/modules/helpers.d.ts

@@ -18,7 +18,7 @@ export declare function formQueueData({ items, itemsStateAndParams, }: {
 }): FormedQueueData[];
 export declare function resolveItemInnerId({ item, itemsStateAndParams, }: {
     item: Pick<ConfigItemWithTabs, 'data' | 'id'>;
-    itemsStateAndParams: ItemsStateAndParams;
+    itemsStateAndParams?: ItemsStateAndParams;
 }): string;
 export declare function getMapItemsIgnores({ items, ignores, itemsStateAndParams, isFirstVersion, }: {
     items: (ConfigItem | ConfigItemGroup)[];

package/build/esm/shared/modules/helpers.js

@@ -108,7 +108,7 @@ export function formQueueData({ items, itemsStateAndParams, }) {
 export function resolveItemInnerId({ item, itemsStateAndParams, }) {
     var _a, _b;
     const { id } = item;
-    const stateTabId = (_b = (_a = itemsStateAndParams[id]) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.tabId;
+    const stateTabId = (_b = (_a = itemsStateAndParams === null || itemsStateAndParams === void 0 ? void 0 : itemsStateAndParams[id]) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.tabId;
     const { tabs } = item.data;
     if (stateTabId && tabs.some((tab) => tab.id === stateTabId)) {
         return stateTabId;

package/build/esm/shared/types/state-and-params.d.ts

@@ -3,6 +3,7 @@ import { StringParams } from './common';
 export interface ItemState {
     [key: string]: any;
 }
+export type ItemParams = StringParams | Record<string, StringParams>;
 export interface QueueItem {
     id: string;
     tabId?: string;
@@ -16,7 +17,7 @@ export type StateAndParamsMeta = {
     [META_KEY]: StateAndParamsMetaData;
 };
 export type ItemStateAndParams = {
-    params?: StringParams | Record<string, StringParams>;
+    params?: ItemParams;
     state?: ItemState;
 };
 export type ItemStateAndParamsChangeOptions = {

package/build/esm/typings/config.d.ts

@@ -28,6 +28,7 @@ export type AddNewItemOptions = SetItemOptions & {
 export interface DashkitGroupRenderProps {
     config: Config;
     editMode: boolean;
+    isMobile: boolean;
     items: ConfigItem[];
     layout: ConfigLayout[];
     context: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.22.0",
+  "version": "8.22.1-beta.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {