@gravity-ui/dashkit 3.4.0 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [4.0.0](https://github.com/gravity-ui/dashkit/compare/v3.5.0...v4.0.0) (2022-12-19)
+
+
+### ⚠ BREAKING CHANGES
+
+* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33))
+* change grid item forward ref behavior
+
+### Features
+
+* rename types in plugin Text ([#33](https://github.com/gravity-ui/dashkit/issues/33)) ([c55917f](https://github.com/gravity-ui/dashkit/commit/c55917f918a4592c680e4e3bf3173fb53514b185))
+* update react-grid-layout major release ([#31](https://github.com/gravity-ui/dashkit/issues/31)) ([e31ff70](https://github.com/gravity-ui/dashkit/commit/e31ff707f48038435a63d95ad34b8685c39fb1ba))
+
+## [3.5.0](https://github.com/gravity-ui/dashkit/compare/v3.4.0...v3.5.0) (2022-12-19)
+
+
+### Features
+
+* export plugins ([#29](https://github.com/gravity-ui/dashkit/issues/29)) ([d589546](https://github.com/gravity-ui/dashkit/commit/d5895469e9917f4c5f43aaf5802b5d8a865bd185))
+
 ## [3.4.0](https://github.com/gravity-ui/dashkit/compare/v3.3.0...v3.4.0) (2022-11-16)
 
 

package/README.md

@@ -95,8 +95,7 @@ Before using `DashKit` as a react component, it must be configured.
 
   ```js
   import {DashKit} from '@gravity-ui/dashkit';
-  import pluginTitle from '@gravity-ui/dashkit/build/esm/plugins/Title/Title';
-  import pluginText from '@gravity-ui/dashkit/build/esm/plugins/Text/Text';
+  import {pluginTitle, pluginText}  from '@gravity-ui/dashkit';
 
   DashKit.registerPlugins(
     pluginTitle,

package/build/cjs/components/GridItem/GridItem.js

@@ -40,7 +40,7 @@ class GridItem extends react_1.default.PureComponent {
         return (react_1.default.createElement("div", Object.assign({ className: b({
                 'is-dragging': isDragging,
                 'with-custom-handle': withCustomHandle,
-            }, preparedClassName), "data-qa": "dashkit-grid-item", style: style }, reactGridLayoutProps),
+            }, preparedClassName), "data-qa": "dashkit-grid-item", style: style, ref: this.props.forwardedRef }, reactGridLayoutProps),
             react_1.default.createElement("div", { className: b('item', { editMode: editMode && !_editActive && !noOverlay }) },
                 react_1.default.createElement(Item_1.default, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef })),
             !noOverlay && this.renderOverlay(),
@@ -54,6 +54,7 @@ GridItem.propTypes = {
     isDragging: prop_types_1.default.bool,
     layout: prop_types_1.default.array,
     overlayControls: prop_types_1.default.object,
+    forwardedRef: prop_types_1.default.any,
     forwardedPluginRef: prop_types_1.default.any,
     // from react-grid-layout:
     children: prop_types_1.default.node,
@@ -68,5 +69,5 @@ GridItem.propTypes = {
 };
 GridItem.contextType = DashKitContext_1.DashKitContext;
 exports.default = react_1.default.forwardRef((props, ref) => {
-    return react_1.default.createElement(GridItem, Object.assign({}, props, { forwardedPluginRef: ref }));
+    return react_1.default.createElement(GridItem, Object.assign({}, props, { forwardedRef: ref }));
 });

package/build/cjs/components/GridLayout/GridLayout.js

@@ -76,7 +76,7 @@ class GridLayout extends react_1.default.PureComponent {
         return (react_1.default.createElement(Layout, Object.assign({}, registerManager.gridLayout, { layout: layout, isDraggable: editMode, isResizable: editMode, onDragStart: this._onStart, onDragStop: this._onStop, onResizeStart: this._onStart, onResizeStop: this._onStop }, (draggableHandleClassName
             ? { draggableHandle: `.${draggableHandleClassName}` }
             : null)), config.items.map((item, i) => {
-            return (react_1.default.createElement(GridItem_1.default, { ref: (pluginRef) => {
+            return (react_1.default.createElement(GridItem_1.default, { forwardedPluginRef: (pluginRef) => {
                     this.pluginsRefs[i] = pluginRef;
                 }, key: item.id, id: item.id, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName), overlayControls: this.props.overlayControls }));
         })));

package/build/cjs/index.d.ts

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

package/build/cjs/index.js

@@ -6,3 +6,4 @@ tslib_1.__exportStar(require("./utils"), exports);
 tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./typings"), exports);
 tslib_1.__exportStar(require("./shared"), exports);
+tslib_1.__exportStar(require("./plugins"), exports);

package/build/cjs/plugins/Text/Text.d.ts

@@ -41,12 +41,12 @@ export declare class PluginText extends React.PureComponent<PluginTextProps, Plu
     get withMarkdown(): boolean;
 }
 declare type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
-export declare type PluginObjectSettings = {
+export declare type PluginTextObjectSettings = {
     apiHandler?: PluginTextApiHandler;
 };
-export declare type PluginObject = Plugin<PluginDataProps> & {
-    setSettings: (settings: PluginObjectSettings) => PluginObject;
+export declare type PluginTextObject = Plugin<PluginDataProps> & {
+    setSettings: (settings: PluginTextObjectSettings) => PluginTextObject;
     _apiHandler?: PluginTextApiHandler;
 };
-declare const plugin: PluginObject;
+declare const plugin: PluginTextObject;
 export default plugin;

package/build/cjs/plugins/Text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+export { default as pluginText } from './Text';

package/build/cjs/plugins/Text/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginText = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Text"), exports);
+var Text_1 = require("./Text");
+Object.defineProperty(exports, "pluginText", { enumerable: true, get: function () { return tslib_1.__importDefault(Text_1).default; } });

package/build/cjs/plugins/Title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Title';
+export { default as pluginTitle } from './Title';

package/build/cjs/plugins/Title/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginTitle = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Title"), exports);
+var Title_1 = require("./Title");
+Object.defineProperty(exports, "pluginTitle", { enumerable: true, get: function () { return tslib_1.__importDefault(Title_1).default; } });

package/build/cjs/plugins/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+export * from './Title';

package/build/cjs/plugins/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Text"), exports);
+tslib_1.__exportStar(require("./Title"), exports);

package/build/esm/components/GridItem/GridItem.js

@@ -38,7 +38,7 @@ class GridItem extends React.PureComponent {
         return (React.createElement("div", Object.assign({ className: b({
                 'is-dragging': isDragging,
                 'with-custom-handle': withCustomHandle,
-            }, preparedClassName), "data-qa": "dashkit-grid-item", style: style }, reactGridLayoutProps),
+            }, preparedClassName), "data-qa": "dashkit-grid-item", style: style, ref: this.props.forwardedRef }, reactGridLayoutProps),
             React.createElement("div", { className: b('item', { editMode: editMode && !_editActive && !noOverlay }) },
                 React.createElement(Item, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef })),
             !noOverlay && this.renderOverlay(),
@@ -52,6 +52,7 @@ GridItem.propTypes = {
     isDragging: PropTypes.bool,
     layout: PropTypes.array,
     overlayControls: PropTypes.object,
+    forwardedRef: PropTypes.any,
     forwardedPluginRef: PropTypes.any,
     // from react-grid-layout:
     children: PropTypes.node,
@@ -66,5 +67,5 @@ GridItem.propTypes = {
 };
 GridItem.contextType = DashKitContext;
 export default React.forwardRef((props, ref) => {
-    return React.createElement(GridItem, Object.assign({}, props, { forwardedPluginRef: ref }));
+    return React.createElement(GridItem, Object.assign({}, props, { forwardedRef: ref }));
 });

package/build/esm/components/GridLayout/GridLayout.js

@@ -73,7 +73,7 @@ export default class GridLayout extends React.PureComponent {
         return (React.createElement(Layout, Object.assign({}, registerManager.gridLayout, { layout: layout, isDraggable: editMode, isResizable: editMode, onDragStart: this._onStart, onDragStop: this._onStop, onResizeStart: this._onStart, onResizeStop: this._onStop }, (draggableHandleClassName
             ? { draggableHandle: `.${draggableHandleClassName}` }
             : null)), config.items.map((item, i) => {
-            return (React.createElement(GridItem, { ref: (pluginRef) => {
+            return (React.createElement(GridItem, { forwardedPluginRef: (pluginRef) => {
                     this.pluginsRefs[i] = pluginRef;
                 }, key: item.id, id: item.id, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName), overlayControls: this.props.overlayControls }));
         })));

package/build/esm/index.d.ts

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

package/build/esm/index.js

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

package/build/esm/plugins/Text/Text.d.ts

@@ -42,12 +42,12 @@ export declare class PluginText extends React.PureComponent<PluginTextProps, Plu
     get withMarkdown(): boolean;
 }
 declare type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
-export declare type PluginObjectSettings = {
+export declare type PluginTextObjectSettings = {
     apiHandler?: PluginTextApiHandler;
 };
-export declare type PluginObject = Plugin<PluginDataProps> & {
-    setSettings: (settings: PluginObjectSettings) => PluginObject;
+export declare type PluginTextObject = Plugin<PluginDataProps> & {
+    setSettings: (settings: PluginTextObjectSettings) => PluginTextObject;
     _apiHandler?: PluginTextApiHandler;
 };
-declare const plugin: PluginObject;
+declare const plugin: PluginTextObject;
 export default plugin;

package/build/esm/plugins/Text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+export { default as pluginText } from './Text';

package/build/esm/plugins/Text/index.js

@@ -0,0 +1,2 @@
+export * from './Text';
+export { default as pluginText } from './Text';

package/build/esm/plugins/Title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Title';
+export { default as pluginTitle } from './Title';

package/build/esm/plugins/Title/index.js

@@ -0,0 +1,2 @@
+export * from './Title';
+export { default as pluginTitle } from './Title';

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

@@ -0,0 +1,2 @@
+export * from './Text';
+export * from './Title';

package/build/esm/plugins/index.js

@@ -0,0 +1,2 @@
+export * from './Text';
+export * from './Title';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "3.4.0",
+  "version": "4.0.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {
@@ -35,10 +35,10 @@
     "prepublishOnly": "npm run lint && npm run test && npm run build"
   },
   "dependencies": {
+    "@gravity-ui/i18n": "^1.0.0",
     "hashids": "^2.2.8",
     "immutability-helper": "^3.1.1",
-    "react-grid-layout": "^0.18.3",
-    "@gravity-ui/i18n": "^1.0.0"
+    "react-grid-layout": "^1.3.4"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^3.0.0",