@gravity-ui/dashkit 8.9.1-beta.0 → 8.10.0

package/README.md

@@ -30,6 +30,8 @@ interface DashKitProps {
   onItemEdit: ({id}: {id: string}) => void;
   onChange: (data: {config: Config; itemsStateAndParams: ItemsStateAndParams}) => void;
   onDrop: (dropProps: ItemDropProps) => void;
+  onItemMountChange: (item: ConfigItem, state: {isAsync: boolead; isMounted: boolean}) => void;
+  onItemRender: (item: ConfigItem) => void;
   defaultGlobalParams: GlobalParams;
   globalParams: GlobalParams;
   itemsStateAndParams: ItemsStateAndParams;
@@ -48,6 +50,8 @@ interface DashKitProps {
 - **onItemEdit**: Called when you click to edit a widget.
 - **onChange**: Called when config or [itemsStateAndParams](#temsStateAndParams) are changed.
 - **onDrop**: Called when item dropped from ActionPanel using (#DashKitDnDWrapper)
+- **onItemMountChange**: Called when item mount state changed
+- **onItemRender**: Called when item render complete
 - **defaultGlobalParams**, **globalParams**: [Parameters](#Params) that affect all widgets. In DataLens, `defaultGlobalParams` are global parameters set in the dashboard settings. `globalParams` are globals parameters that can be set in the url.
 - **itemsStateAndParams**: [itemsStateAndParams](#temsStateAndParams).
 - **settings**: DashKit settings.

package/build/cjs/components/OverlayControls/OverlayControls.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverlayControlsPosition = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const constants_1 = require("../../constants");
 const DashKitContext_1 = require("../../context/DashKitContext");
 const i18n_1 = require("../../i18n");
-const CloseIcon_1 = require("../../icons/CloseIcon");
-const CogIcon_1 = require("../../icons/CogIcon");
-const DotsIcon_1 = require("../../icons/DotsIcon");
 const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.cn)(constants_1.OVERLAY_CONTROLS_CLASS_NAME);
 var OverlayControlsPosition;
@@ -34,7 +32,7 @@ class OverlayControls extends react_1.default.Component {
             const { title, handler, icon, iconSize, qa } = item;
             const onItemClickHandler = typeof handler === 'function' ? handler : noop_1.default;
             return (react_1.default.createElement(uikit_1.Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem), qa: qa },
-                react_1.default.createElement(uikit_1.Icon, { data: icon || CogIcon_1.CogIcon, size: icon ? iconSize : 24 })));
+                react_1.default.createElement(uikit_1.Icon, { data: icon || icons_1.Gear, size: icon ? iconSize : constants_1.OVERLAY_ICON_SIZE })));
         };
         this.getDefaultControls = () => {
             const { view, size } = this.props;
@@ -42,7 +40,7 @@ class OverlayControls extends react_1.default.Component {
                 return null;
             }
             return (react_1.default.createElement(uikit_1.Button, { view: view, size: size, title: (0, i18n_1.i18n)('label_settings'), pin: "round-brick", onClick: this.onEditItem, qa: "dashkit-overlay-control-settings" },
-                react_1.default.createElement(uikit_1.Icon, { data: CogIcon_1.CogIcon, size: "24" })));
+                react_1.default.createElement(uikit_1.Icon, { data: icons_1.Gear, size: constants_1.OVERLAY_ICON_SIZE })));
         };
         this.getCustomLeftOverlayControls = () => {
             // выбираем только items-ы у которых проставлено поле `allWidgetsControls:true`
@@ -157,7 +155,7 @@ class OverlayControls extends react_1.default.Component {
             return dropdown;
         }
         return (react_1.default.createElement(uikit_1.Button, { key: 'delete-control', view: view, size: size, title: (0, i18n_1.i18n)('label_delete'), pin: isOnlyOneItem ? 'round-round' : 'brick-round', onClick: this.onRemoveItem, qa: "dashkit-overlay-control-menu" },
-            react_1.default.createElement(uikit_1.Icon, { data: CloseIcon_1.CloseIcon, size: "12" })));
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Xmark, size: constants_1.OVERLAY_ICON_SIZE })));
     }
     isDefaultMenu(menu) {
         return menu === null || menu === void 0 ? void 0 : menu.every((item) => Object.values(constants_1.MenuItems).includes(String(item)));
@@ -205,7 +203,7 @@ class OverlayControls extends react_1.default.Component {
             return null;
         }
         return (react_1.default.createElement(uikit_1.DropdownMenu, { items: items, renderSwitcher: (props) => (react_1.default.createElement(uikit_1.Button, Object.assign({}, props, { view: view, size: size, pin: isOnlyOneItem ? 'round-round' : 'brick-round', qa: "dashkit-overlay-control-menu" }),
-                react_1.default.createElement(uikit_1.Icon, { data: DotsIcon_1.DotsIcon, size: "16" }))) }));
+                react_1.default.createElement(uikit_1.Icon, { data: icons_1.Ellipsis, size: constants_1.OVERLAY_ICON_SIZE }))) }));
     }
     getControlItemPinStyle(index, itemsLength) {
         const isOnlyOneItem = itemsLength === 1;

package/build/cjs/constants/common.d.ts

@@ -2,6 +2,7 @@ export declare const COPIED_WIDGET_STORE_KEY = "dashCopiedItem";
 export declare const DEFAULT_NAMESPACE = "default";
 export declare const OVERLAY_CONTROLS_CLASS_NAME = "dashkit-overlay-controls";
 export declare const OVERLAY_CLASS_NAME = "dashkit-grid-item__overlay";
+export declare const OVERLAY_ICON_SIZE = 16;
 export declare const TEMPORARY_ITEM_ID = "__dropping-elem__";
 export declare const MenuItems: {
     readonly Copy: "copy";

package/build/cjs/constants/common.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMPACT_TYPE_HORIZONTAL_NOWRAP = exports.DEFAULT_GROUP = exports.DEFAULT_WIDGET_WIDTH = exports.DEFAULT_WIDGET_HEIGHT = exports.MenuItems = exports.TEMPORARY_ITEM_ID = exports.OVERLAY_CLASS_NAME = exports.OVERLAY_CONTROLS_CLASS_NAME = exports.DEFAULT_NAMESPACE = exports.COPIED_WIDGET_STORE_KEY = void 0;
+exports.COMPACT_TYPE_HORIZONTAL_NOWRAP = exports.DEFAULT_GROUP = exports.DEFAULT_WIDGET_WIDTH = exports.DEFAULT_WIDGET_HEIGHT = exports.MenuItems = exports.TEMPORARY_ITEM_ID = exports.OVERLAY_ICON_SIZE = exports.OVERLAY_CLASS_NAME = exports.OVERLAY_CONTROLS_CLASS_NAME = exports.DEFAULT_NAMESPACE = exports.COPIED_WIDGET_STORE_KEY = void 0;
 exports.COPIED_WIDGET_STORE_KEY = 'dashCopiedItem';
 exports.DEFAULT_NAMESPACE = 'default';
 exports.OVERLAY_CONTROLS_CLASS_NAME = 'dashkit-overlay-controls';
 exports.OVERLAY_CLASS_NAME = 'dashkit-grid-item__overlay';
+exports.OVERLAY_ICON_SIZE = 16;
 exports.TEMPORARY_ITEM_ID = '__dropping-elem__';
 exports.MenuItems = {
     Copy: 'copy',

package/build/esm/components/OverlayControls/OverlayControls.js

@@ -1,12 +1,10 @@
 import React from 'react';
+import { Ellipsis, Gear, Xmark } from '@gravity-ui/icons';
 import { Button, DropdownMenu, Icon, } from '@gravity-ui/uikit';
 import noop from 'lodash/noop';
-import { COPIED_WIDGET_STORE_KEY, MenuItems, OVERLAY_CONTROLS_CLASS_NAME } from '../../constants';
+import { COPIED_WIDGET_STORE_KEY, MenuItems, OVERLAY_CONTROLS_CLASS_NAME, OVERLAY_ICON_SIZE, } from '../../constants';
 import { DashkitOvelayControlsContext } from '../../context/DashKitContext';
 import { i18n } from '../../i18n';
-import { CloseIcon } from '../../icons/CloseIcon';
-import { CogIcon } from '../../icons/CogIcon';
-import { DotsIcon } from '../../icons/DotsIcon';
 import { cn } from '../../utils/cn';
 import './OverlayControls.css';
 const b = cn(OVERLAY_CONTROLS_CLASS_NAME);
@@ -31,7 +29,7 @@ class OverlayControls extends React.Component {
             const { title, handler, icon, iconSize, qa } = item;
             const onItemClickHandler = typeof handler === 'function' ? handler : noop;
             return (React.createElement(Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem), qa: qa },
-                React.createElement(Icon, { data: icon || CogIcon, size: icon ? iconSize : 24 })));
+                React.createElement(Icon, { data: icon || Gear, size: icon ? iconSize : OVERLAY_ICON_SIZE })));
         };
         this.getDefaultControls = () => {
             const { view, size } = this.props;
@@ -39,7 +37,7 @@ class OverlayControls extends React.Component {
                 return null;
             }
             return (React.createElement(Button, { view: view, size: size, title: i18n('label_settings'), pin: "round-brick", onClick: this.onEditItem, qa: "dashkit-overlay-control-settings" },
-                React.createElement(Icon, { data: CogIcon, size: "24" })));
+                React.createElement(Icon, { data: Gear, size: OVERLAY_ICON_SIZE })));
         };
         this.getCustomLeftOverlayControls = () => {
             // выбираем только items-ы у которых проставлено поле `allWidgetsControls:true`
@@ -154,7 +152,7 @@ class OverlayControls extends React.Component {
             return dropdown;
         }
         return (React.createElement(Button, { key: 'delete-control', view: view, size: size, title: i18n('label_delete'), pin: isOnlyOneItem ? 'round-round' : 'brick-round', onClick: this.onRemoveItem, qa: "dashkit-overlay-control-menu" },
-            React.createElement(Icon, { data: CloseIcon, size: "12" })));
+            React.createElement(Icon, { data: Xmark, size: OVERLAY_ICON_SIZE })));
     }
     isDefaultMenu(menu) {
         return menu === null || menu === void 0 ? void 0 : menu.every((item) => Object.values(MenuItems).includes(String(item)));
@@ -202,7 +200,7 @@ class OverlayControls extends React.Component {
             return null;
         }
         return (React.createElement(DropdownMenu, { items: items, renderSwitcher: (props) => (React.createElement(Button, Object.assign({}, props, { view: view, size: size, pin: isOnlyOneItem ? 'round-round' : 'brick-round', qa: "dashkit-overlay-control-menu" }),
-                React.createElement(Icon, { data: DotsIcon, size: "16" }))) }));
+                React.createElement(Icon, { data: Ellipsis, size: OVERLAY_ICON_SIZE }))) }));
     }
     getControlItemPinStyle(index, itemsLength) {
         const isOnlyOneItem = itemsLength === 1;

package/build/esm/constants/common.d.ts

@@ -2,6 +2,7 @@ export declare const COPIED_WIDGET_STORE_KEY = "dashCopiedItem";
 export declare const DEFAULT_NAMESPACE = "default";
 export declare const OVERLAY_CONTROLS_CLASS_NAME = "dashkit-overlay-controls";
 export declare const OVERLAY_CLASS_NAME = "dashkit-grid-item__overlay";
+export declare const OVERLAY_ICON_SIZE = 16;
 export declare const TEMPORARY_ITEM_ID = "__dropping-elem__";
 export declare const MenuItems: {
     readonly Copy: "copy";

package/build/esm/constants/common.js

@@ -2,6 +2,7 @@ export const COPIED_WIDGET_STORE_KEY = 'dashCopiedItem';
 export const DEFAULT_NAMESPACE = 'default';
 export const OVERLAY_CONTROLS_CLASS_NAME = 'dashkit-overlay-controls';
 export const OVERLAY_CLASS_NAME = 'dashkit-grid-item__overlay';
+export const OVERLAY_ICON_SIZE = 16;
 export const TEMPORARY_ITEM_ID = '__dropping-elem__';
 export const MenuItems = {
     Copy: 'copy',

package/package.json

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

package/build/cjs/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CloseIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/CloseIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function CloseIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", width: "10", height: "10", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { d: "M9.75592 8.57741C10.0814 8.90285 10.0814 9.43049 9.75592 9.75592C9.43049 10.0814 8.90285 10.0814 8.57741 9.75592L5 6.17851L1.42259 9.75592C1.09715 10.0814 0.569515 10.0814 0.244078 9.75592C-0.0813592 9.43049 -0.0813592 8.90285 0.244078 8.57741L3.82149 5L0.244078 1.42259C-0.0813592 1.09715 -0.0813592 0.569515 0.244078 0.244078C0.569515 -0.0813592 1.09715 -0.0813592 1.42259 0.244078L5 3.82149L8.57741 0.244078C8.90285 -0.0813592 9.43049 -0.0813592 9.75592 0.244078C10.0814 0.569515 10.0814 1.09715 9.75592 1.42259L6.17851 5L9.75592 8.57741Z" })));
-}
-exports.CloseIcon = CloseIcon;

package/build/cjs/icons/CogIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CogIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/CogIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CogIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function CogIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { d: "M11.844 16.156a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6-4c0-.029-.004-.058-.004-.087l1.848-.34-.362-1.968-1.852.342a5.992 5.992 0 0 0-1.454-2.246l1.068-1.55-1.646-1.134-1.07 1.55a5.95 5.95 0 0 0-2.528-.567c-.03 0-.058.004-.087.004l-.341-1.848-1.967.363.34 1.851A5.996 5.996 0 0 0 7.546 7.98l-1.55-1.068L4.86 8.558l1.55 1.07a5.95 5.95 0 0 0-.567 2.528c0 .03.004.058.004.087L4 12.584l.362 1.967 1.852-.342a5.992 5.992 0 0 0 1.454 2.246L6.6 18.005l1.646 1.134 1.069-1.55a5.95 5.95 0 0 0 2.529.567c.029 0 .058-.004.087-.004L12.27 20l1.968-.363-.341-1.85a5.996 5.996 0 0 0 2.245-1.455l1.55 1.068 1.134-1.646-1.55-1.069a5.95 5.95 0 0 0 .567-2.529" })));
-}
-exports.CogIcon = CogIcon;

package/build/cjs/icons/CopyIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CopyIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/CopyIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function CopyIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { d: "M7 14h7V7H7v7zM5 5h11v11H5V5zm4-2v1-1zm1-3H0v10V0h10zM0 10v1h4-4v-1zM10 0h1v4-4h-1zM3 9h1-1zM0 0h11v4H9V2H2v7h2v2H0V0z" })));
-}
-exports.CopyIcon = CopyIcon;

package/build/cjs/icons/DeleteIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function DeleteIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/DeleteIcon.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function DeleteIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        react_1.default.createElement("g", null,
-            react_1.default.createElement("path", { d: "M13.29 1.605h-2.857V.522A.522.522 0 0 0 9.91 0H6.089a.522.522 0 0 0-.522.522v1.083H2.71a.522.522 0 0 0-.521.522v1.605a.52.52 0 0 0 .521.521h.159L3.345 15.5c.012.28.242.5.521.5h8.268c.28 0 .51-.22.521-.5l.477-11.247h.159a.522.522 0 0 0 .521-.521V2.127a.522.522 0 0 0-.521-.522zm-6.679-.562h2.778v.562H6.611v-.562zm5.023 13.914H4.366L3.912 4.253h8.176l-.454 10.704zM12.769 3.21H3.23v-.562h9.538v.562z" }),
-            react_1.default.createElement("path", { d: "M5.901 5.853a.522.522 0 0 0-.522.522v6.46a.522.522 0 0 0 1.044 0v-6.46a.522.522 0 0 0-.522-.522zm2.099 0a.522.522 0 0 0-.522.522v6.46a.522.522 0 1 0 1.044 0v-6.46A.522.522 0 0 0 8 5.853zm2.099 0a.522.522 0 0 0-.522.522v6.46a.522.522 0 0 0 1.044 0v-6.46a.522.522 0 0 0-.522-.522z" }))));
-}
-exports.DeleteIcon = DeleteIcon;

package/build/cjs/icons/DotsIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function DotsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/DotsIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DotsIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function DotsIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { d: "M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z" })));
-}
-exports.DotsIcon = DotsIcon;

package/build/cjs/icons/TickIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function TickIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/TickIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TickIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function TickIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { fillRule: "evenodd", d: "M5.95 11.008L1.863 6.572.392 7.927l5.533 6.003 9.67-10.114-1.444-1.381z" })));
-}
-exports.TickIcon = TickIcon;

package/build/cjs/icons/WarningIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function WarningIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/cjs/icons/WarningIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WarningIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-function WarningIcon(props) {
-    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 16A8 8 0 118 0a8 8 0 010 16zm0-7a1 1 0 001-1V4a1 1 0 10-2 0v4a1 1 0 001 1zm0 1a1 1 0 100 2 1 1 0 000-2z" })));
-}
-exports.WarningIcon = WarningIcon;

package/build/esm/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CloseIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/CloseIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function CloseIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", width: "10", height: "10", fill: "currentColor" }, props),
-        React.createElement("path", { d: "M9.75592 8.57741C10.0814 8.90285 10.0814 9.43049 9.75592 9.75592C9.43049 10.0814 8.90285 10.0814 8.57741 9.75592L5 6.17851L1.42259 9.75592C1.09715 10.0814 0.569515 10.0814 0.244078 9.75592C-0.0813592 9.43049 -0.0813592 8.90285 0.244078 8.57741L3.82149 5L0.244078 1.42259C-0.0813592 1.09715 -0.0813592 0.569515 0.244078 0.244078C0.569515 -0.0813592 1.09715 -0.0813592 1.42259 0.244078L5 3.82149L8.57741 0.244078C8.90285 -0.0813592 9.43049 -0.0813592 9.75592 0.244078C10.0814 0.569515 10.0814 1.09715 9.75592 1.42259L6.17851 5L9.75592 8.57741Z" })));
-}

package/build/esm/icons/CogIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CogIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/CogIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function CogIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, props),
-        React.createElement("path", { d: "M11.844 16.156a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6-4c0-.029-.004-.058-.004-.087l1.848-.34-.362-1.968-1.852.342a5.992 5.992 0 0 0-1.454-2.246l1.068-1.55-1.646-1.134-1.07 1.55a5.95 5.95 0 0 0-2.528-.567c-.03 0-.058.004-.087.004l-.341-1.848-1.967.363.34 1.851A5.996 5.996 0 0 0 7.546 7.98l-1.55-1.068L4.86 8.558l1.55 1.07a5.95 5.95 0 0 0-.567 2.528c0 .03.004.058.004.087L4 12.584l.362 1.967 1.852-.342a5.992 5.992 0 0 0 1.454 2.246L6.6 18.005l1.646 1.134 1.069-1.55a5.95 5.95 0 0 0 2.529.567c.029 0 .058-.004.087-.004L12.27 20l1.968-.363-.341-1.85a5.996 5.996 0 0 0 2.245-1.455l1.55 1.068 1.134-1.646-1.55-1.069a5.95 5.95 0 0 0 .567-2.529" })));
-}

package/build/esm/icons/CopyIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function CopyIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/CopyIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function CopyIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        React.createElement("path", { d: "M7 14h7V7H7v7zM5 5h11v11H5V5zm4-2v1-1zm1-3H0v10V0h10zM0 10v1h4-4v-1zM10 0h1v4-4h-1zM3 9h1-1zM0 0h11v4H9V2H2v7h2v2H0V0z" })));
-}

package/build/esm/icons/DeleteIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function DeleteIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/DeleteIcon.js

@@ -1,7 +0,0 @@
-import React from 'react';
-export function DeleteIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        React.createElement("g", null,
-            React.createElement("path", { d: "M13.29 1.605h-2.857V.522A.522.522 0 0 0 9.91 0H6.089a.522.522 0 0 0-.522.522v1.083H2.71a.522.522 0 0 0-.521.522v1.605a.52.52 0 0 0 .521.521h.159L3.345 15.5c.012.28.242.5.521.5h8.268c.28 0 .51-.22.521-.5l.477-11.247h.159a.522.522 0 0 0 .521-.521V2.127a.522.522 0 0 0-.521-.522zm-6.679-.562h2.778v.562H6.611v-.562zm5.023 13.914H4.366L3.912 4.253h8.176l-.454 10.704zM12.769 3.21H3.23v-.562h9.538v.562z" }),
-            React.createElement("path", { d: "M5.901 5.853a.522.522 0 0 0-.522.522v6.46a.522.522 0 0 0 1.044 0v-6.46a.522.522 0 0 0-.522-.522zm2.099 0a.522.522 0 0 0-.522.522v6.46a.522.522 0 1 0 1.044 0v-6.46A.522.522 0 0 0 8 5.853zm2.099 0a.522.522 0 0 0-.522.522v6.46a.522.522 0 0 0 1.044 0v-6.46a.522.522 0 0 0-.522-.522z" }))));
-}

package/build/esm/icons/DotsIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function DotsIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/DotsIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function DotsIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        React.createElement("path", { d: "M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z" })));
-}

package/build/esm/icons/TickIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function TickIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/TickIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function TickIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        React.createElement("path", { fillRule: "evenodd", d: "M5.95 11.008L1.863 6.572.392 7.927l5.533 6.003 9.67-10.114-1.444-1.381z" })));
-}

package/build/esm/icons/WarningIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function WarningIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/icons/WarningIcon.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function WarningIcon(props) {
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, props),
-        React.createElement("path", { fillRule: "evenodd", d: "M8 16A8 8 0 118 0a8 8 0 010 16zm0-7a1 1 0 001-1V4a1 1 0 10-2 0v4a1 1 0 001 1zm0 1a1 1 0 100 2 1 1 0 000-2z" })));
-}