@qoretechnologies/reqore 0.37.8 → 0.38.0

package/dist/components/Tabs/list.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreBreadcrumbsTheme, IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
+import { IReqoreBreadcrumbItem } from '../Breadcrumbs';
+import { IReqoreTagProps } from '../Tag';
 export interface IReqoreTabsListProps extends IReqoreTabsProps, React.HTMLAttributes<HTMLDivElement> {
     onTabChange?: (tabId: string | number) => any;
     children?: any;
@@ -11,6 +13,7 @@ export interface IReqoreTabsListStyle extends Omit<IReqoreTabsListProps, 'tabs'>
     theme: IReqoreTheme;
 }
 export declare const StyledReqoreTabsList: any;
+export declare const getLabelLength: (item: IReqoreBreadcrumbItem | IReqoreTabsListItem | IReqoreTabsListItem[] | IReqoreTagProps, activeTab?: string | number, tabsSize?: TSizes) => any;
 /**
  * This function returns the total width or height of the tabs.
  * @param items the items that will be rendered in the tabs

package/dist/components/Tabs/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAiBlG,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,GAAG,uBAAuB,CAAC;CAC5D;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAgChC,CAAC;AAkEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,SAChD,OAAO,GAAG,QAAQ,cACZ,MAAM,GAAG,MAAM,aAChB,MAAM,KAChB,MAcI,CAAC;AAiCR,QAAA,MAAM,cAAc,kJAejB,oBAAoB,4CAmJtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASlG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAMvD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGzC,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,GAAG,uBAAuB,CAAC;CAC5D;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAgChC,CAAC;AAgCF,eAAO,MAAM,cAAc,SACnB,qBAAqB,GAAG,mBAAmB,GAAG,mBAAmB,EAAE,GAAG,eAAe,cAC/E,MAAM,GAAG,MAAM,aACjB,MAAM,QAoCjB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,SAChD,OAAO,GAAG,QAAQ,cACZ,MAAM,GAAG,MAAM,aAChB,MAAM,KAChB,MAcI,CAAC;AAiCR,QAAA,MAAM,cAAc,kJAejB,oBAAoB,4CAmJtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Tabs/list.js

@@ -61,7 +61,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.getTabsLength = exports.StyledReqoreTabsList = void 0;
+exports.getTabsLength = exports.getLabelLength = exports.StyledReqoreTabsList = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var lodash_1 = require("lodash");
@@ -101,12 +101,13 @@ var getBadgeLength = function (badge, tabsSize) {
         return badge.reduce(function (len, b) { return len + getBadgeLength(b); }, 0);
     }
     if ((0, lodash_1.isObject)(badge)) {
-        return getLabelLength(badge, undefined, (0, utils_1.getOneLessSize)(tabsSize)) + sizes_1.PADDING_FROM_SIZE[tabsSize];
+        return (0, exports.getLabelLength)(badge, undefined, (0, utils_1.getOneLessSize)(tabsSize)) + sizes_1.PADDING_FROM_SIZE[tabsSize];
     }
     return ((0, utils_1.calculateStringSizeInPixels)(badge.toString(), sizes_1.TEXT_FROM_SIZE[(0, utils_1.getOneLessSize)(tabsSize)]) +
         sizes_1.PADDING_FROM_SIZE[tabsSize]);
 };
 var getLabelLength = function (item, activeTab, tabsSize) {
+    var _a;
     if (tabsSize === void 0) { tabsSize = 'normal'; }
     if (!item) {
         return 0;
@@ -124,12 +125,17 @@ var getLabelLength = function (item, activeTab, tabsSize) {
     var badgeLength = (0, lodash_1.isArray)(item)
         ? 0
         : getBadgeLength(item.badge, tabsSize);
-    return ((0, utils_1.calculateStringSizeInPixels)(label === null || label === void 0 ? void 0 : label.toString(), sizes_1.TEXT_FROM_SIZE[tabsSize]) +
+    var descriptionLength = (0, lodash_1.isArray)(item)
+        ? 0
+        : (0, utils_1.calculateStringSizeInPixels)((_a = item === null || item === void 0 ? void 0 : item.description) === null || _a === void 0 ? void 0 : _a.toString(), sizes_1.TEXT_FROM_SIZE[(0, utils_1.getOneLessSize)(tabsSize)]);
+    var topLabelLength = (0, utils_1.calculateStringSizeInPixels)(label === null || label === void 0 ? void 0 : label.toString(), sizes_1.TEXT_FROM_SIZE[tabsSize]) +
         icon +
+        rightIcon +
         closeIconSize +
-        badgeLength +
-        rightIcon);
+        badgeLength;
+    return Math.max(topLabelLength, descriptionLength);
 };
+exports.getLabelLength = getLabelLength;
 /**
  * This function returns the total width or height of the tabs.
  * @param items the items that will be rendered in the tabs
@@ -142,12 +148,12 @@ var getTabsLength = function (items, type, activeTab, tabsSize) {
     if (type === void 0) { type = 'width'; }
     return items.reduce(function (len, item) {
         if (type === 'height') {
-            var rows = getLabelLength(item, activeTab, tabsSize) / 4 || 1;
+            var rows = (0, exports.getLabelLength)(item, activeTab, tabsSize) / 4 || 1;
             return len + rows * 15 + 10;
         }
         var labelLength = sizes_1.PADDING_FROM_SIZE[tabsSize] * 2 +
             sizes_1.GAP_FROM_SIZE[tabsSize] * 2 +
-            getLabelLength(item, activeTab, tabsSize);
+            (0, exports.getLabelLength)(item, activeTab, tabsSize);
         return len + labelLength;
     }, 0);
 };

package/dist/components/Tabs/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.37.8",
+  "version": "0.38.0",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -42,6 +42,7 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
+    "@chromaui/addon-visual-tests": "^0.0.98",
     "@storybook/addon-actions": "^7.1.1",
     "@storybook/addon-essentials": "^7.1.1",
     "@storybook/addon-interactions": "^7.1.1",

package/src/components/Breadcrumbs/index.tsx

@@ -1,25 +1,18 @@
-import { isArray } from 'lodash';
+import { size as count, isArray, last } from 'lodash';
 import React, { useMemo } from 'react';
 import { useMeasure } from 'react-use';
 import styled, { css } from 'styled-components';
 import { ReqoreDropdown } from '../..';
-import {
-  ICON_FROM_SIZE,
-  MARGIN_FROM_SIZE,
-  PADDING_FROM_SIZE,
-  TEXT_FROM_SIZE,
-  TSizes,
-} from '../../constants/sizes';
+import { ICON_FROM_SIZE, MARGIN_FROM_SIZE, PADDING_FROM_SIZE, TSizes } from '../../constants/sizes';
 import { IReqoreBreadcrumbsTheme, IReqoreTheme, TReqoreIntent } from '../../constants/theme';
 import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
-import { calculateStringSizeInPixels } from '../../helpers/utils';
 import { useReqoreTheme } from '../../hooks/useTheme';
 import { IReqoreButtonProps } from '../Button';
 import { IReqoreDropdownItem } from '../Dropdown/list';
 import ReqoreIcon from '../Icon';
 import { IReqoreTabsListItem } from '../Tabs';
 import { StyledTabListItem } from '../Tabs/item';
-import ReqoreTabsList, { StyledReqoreTabsList, getTabsLength } from '../Tabs/list';
+import ReqoreTabsList, { StyledReqoreTabsList, getLabelLength, getTabsLength } from '../Tabs/list';
 import ReqoreBreadcrumbsItem from './item';
 
 export interface IReqoreBreadcrumbItemTabs {
@@ -32,7 +25,7 @@ export interface IReqoreBreadcrumbItemTabs {
 export interface IReqoreBreadcrumbItem extends IReqoreButtonProps {
   label?: string;
   as?: any;
-  props?: React.HTMLAttributes<any>;
+  props?: Record<string, any>;
   withTabs?: IReqoreBreadcrumbItemTabs;
 }
 
@@ -110,7 +103,7 @@ const getBreadcrumbsLength = (
 ): number =>
   items.reduce((len, item) => {
     if (isArray(item)) {
-      return len + 70;
+      return len + 120;
     }
 
     if (item.withTabs) {
@@ -124,10 +117,9 @@ const getBreadcrumbsLength = (
 
     return (
       len +
-      PADDING_FROM_SIZE[size] +
+      PADDING_FROM_SIZE[size] * 2 +
       ICON_FROM_SIZE[size] +
-      arrowSize +
-      calculateStringSizeInPixels(item.label || '', TEXT_FROM_SIZE[size])
+      getLabelLength(item, undefined, size)
     );
   }, 0);
 
@@ -144,17 +136,17 @@ const getTransformedItems = (
   let newItems = [...items];
 
   while (getBreadcrumbsLength(newItems, size) > width && !stop) {
-    if (isArray(newItems[1])) {
-      newItems[1].push(newItems[2] as IReqoreBreadcrumbItem);
-      newItems[2] = undefined!;
+    if (isArray(newItems[0])) {
+      newItems[0].push(newItems[1] as IReqoreBreadcrumbItem);
+      newItems[1] = undefined!;
     } else {
-      const secondItem = newItems[1];
-      newItems[1] = [secondItem];
+      const secondItem = newItems[0];
+      newItems[0] = [secondItem];
     }
 
     newItems = newItems.filter((i) => i);
 
-    if (!newItems[2] || (newItems[2] as IReqoreBreadcrumbItem).withTabs) {
+    if (!newItems[1] || (newItems[1] as IReqoreBreadcrumbItem).withTabs) {
       stop = true;
     }
   }
@@ -179,22 +171,38 @@ const ReqoreBreadcrumbs: React.FC<IReqoreBreadcrumbsProps> = ({
     [items, width, _testWidth, size]
   );
 
-  const renderItem = (item: IReqoreBreadcrumbItem | IReqoreBreadcrumbItem[], index: number) => {
-    if (isArray(item)) {
+  const renderItem = (
+    itemOrItems: IReqoreBreadcrumbItem | IReqoreBreadcrumbItem[],
+    index: number
+  ) => {
+    if (isArray(itemOrItems) && count(itemOrItems) > 1) {
       return (
         <React.Fragment key={index}>
-          <ReqoreIcon icon='ArrowRightSLine' size={size} key={'icon' + index} margin='both' />
           <ReqoreDropdown
             key={`dropdown-${index}`}
-            icon='MoreFill'
+            icon={last(itemOrItems)?.icon}
+            leftIconProps={last(itemOrItems)?.leftIconProps}
             handler='hoverStay'
             delay={500}
-            items={item as IReqoreDropdownItem[]}
-          />
+            size={size}
+            badge={count(itemOrItems)}
+            items={itemOrItems as IReqoreDropdownItem[]}
+          >
+            <ReqoreIcon icon='MoreLine' />
+          </ReqoreDropdown>
         </React.Fragment>
       );
     }
 
+    const item: IReqoreBreadcrumbItem = (
+      isArray(itemOrItems) && count(itemOrItems) === 1
+        ? {
+            ...itemOrItems[0],
+            label: <ReqoreIcon icon='MoreLine' />,
+          }
+        : itemOrItems
+    ) as IReqoreBreadcrumbItem;
+
     if (item.withTabs) {
       return (
         <StyledBreadcrumbsTabsWrapper key={index}>

package/src/components/Button/index.tsx

@@ -385,18 +385,17 @@ const ReqoreButton = memo(
         : getReadableColor(theme, undefined, undefined, true);
 
       const _children = useMemo(() => label || children, [label, children]);
+      const hasLeftIcon = icon || leftIconProps?.image;
+      const hasRightIcon = rightIcon || rightIconProps?.image;
 
       return (
         <StyledButton
           {...rest}
-          effect={
-            intent
-              ? undefined
-              : {
-                  interactive: !readOnly && !rest.disabled,
-                  ...fixedEffect,
-                }
-          }
+          effect={{
+            interactive: !readOnly && !rest.disabled,
+            ...fixedEffect,
+            gradient: intent ? undefined : fixedEffect?.gradient,
+          }}
           tabindex={rest.disabled ? -1 : 0}
           as={as || 'button'}
           theme={theme}
@@ -419,7 +418,7 @@ const ReqoreButton = memo(
           className={`${className || ''} reqore-control reqore-button`}
         >
           <StyledButtonContent size={size} wrap={wrap} description={description} flat={_flat}>
-            {icon ? (
+            {hasLeftIcon ? (
               <>
                 <ReqoreIcon
                   icon={icon}
@@ -438,7 +437,9 @@ const ReqoreButton = memo(
                       : undefined
                   }
                 />
-                {_children || rightIcon ? <ReqoreSpacer width={PADDING_FROM_SIZE[size]} /> : null}
+                {_children || hasRightIcon ? (
+                  <ReqoreSpacer width={PADDING_FROM_SIZE[size]} />
+                ) : null}
               </>
             ) : _children ? (
               <ReqoreHorizontalSpacer
@@ -470,7 +471,7 @@ const ReqoreButton = memo(
             {(badge || badge === 0) && !wrap ? (
               <ButtonBadge content={badge} size={size} theme={theme} />
             ) : null}
-            {!rightIcon ? (
+            {!hasRightIcon ? (
               _children ? (
                 <ReqoreHorizontalSpacer
                   width={1}

package/src/components/ControlGroup/index.tsx

@@ -474,6 +474,7 @@ const ReqoreControlGroup = memo(
                 active={isOverflownDialogOpen}
                 flat
                 fixed
+                onClick={(e) => e.stopPropagation()}
               />,
             ]
           : children,

package/src/components/Drawer/index.tsx

@@ -16,7 +16,7 @@ import { ReqoreBackdrop } from './backdrop';
 
 export type TPosition = 'top' | 'bottom' | 'left' | 'right';
 
-export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size'> {
+export interface IReqoreDrawerProps extends Omit<IReqorePanelProps, 'size' | 'resizable'> {
   children?: any;
   isOpen?: boolean;
   isHidden?: boolean;

package/src/components/Effect/index.tsx

@@ -75,6 +75,7 @@ export interface IReqoreEffect extends IReqoreEffectFilters {
     inset?: boolean;
     blur?: number;
     opacity?: number;
+    when?: 'always' | 'hover' | 'focus' | 'active';
   };
   interactive?: boolean;
 }
@@ -222,28 +223,58 @@ export const StyledEffect = styled.span`
       return undefined;
     }
 
+    let glow;
+
     if (!isText) {
-      return css`
+      glow = css`
         box-shadow: ${effect.glow.inset ? 'inset ' : ''} 0 0 ${effect.glow.blur || 0}px
           ${effect.glow.size || 2}px ${getColorFromMaybeString(theme, effect.glow.color)};
       `;
+    } else {
+      const color = getColorFromMaybeString(
+        theme,
+        effect.glow.color === 'main' ? 'main:lighten:2' : effect.glow.color
+      );
+      const blur = effect.glow.blur || 0;
+      const opacity = effect.glow.opacity || 1;
+
+      glow = css`
+        color: ${Colors.LIGHT};
+        text-shadow: 0 0 ${blur}px ${rgba(color, opacity)},
+          0 0 ${blur + 5}px ${rgba(color, opacity)}, 0 0 ${blur + 10}px ${rgba(color, opacity)},
+          0 0 1px ${rgba(getReadableColorFrom(color), opacity)},
+          0 0 2px ${rgba(getReadableColorFrom(color), opacity)},
+          0 0 3px ${rgba(getReadableColorFrom(color), opacity)};
+      `;
     }
 
-    const color = getColorFromMaybeString(
-      theme,
-      effect.glow.color === 'main' ? 'main:lighten:2' : effect.glow.color
-    );
-    const blur = effect.glow.blur || 0;
-    const opacity = effect.glow.opacity || 1;
+    if (effect.glow.when === 'always' || !effect.glow.when) {
+      return glow;
+    }
 
-    return css`
-      color: ${Colors.LIGHT};
-      text-shadow: 0 0 ${blur}px ${rgba(color, opacity)}, 0 0 ${blur + 5}px ${rgba(color, opacity)},
-        0 0 ${blur + 10}px ${rgba(color, opacity)},
-        0 0 1px ${rgba(getReadableColorFrom(color), opacity)},
-        0 0 2px ${rgba(getReadableColorFrom(color), opacity)},
-        0 0 3px ${rgba(getReadableColorFrom(color), opacity)};
-    `;
+    if (effect.glow.when === 'hover') {
+      return css`
+        &:hover {
+          ${glow}
+        }
+      `;
+    }
+
+    if (effect.glow.when === 'focus') {
+      return css`
+        &:focus {
+          ${glow}
+        }
+      `;
+    }
+
+    if (effect.glow.when === 'active') {
+      return css`
+        &:active {
+          ${glow}
+        }
+      `;
+    }
   }}
 
   ${({ effect }: IReqoreTextEffectProps) =>

package/src/components/InternalPopover/index.tsx

@@ -3,6 +3,7 @@ import { rgba } from 'polished';
 import React, { MutableRefObject, memo, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
+import { useUnmount, useUpdateEffect } from 'react-use';
 import styled, { css } from 'styled-components';
 import { useContext } from 'use-context-selector';
 import { RADIUS_FROM_SIZE } from '../../constants/sizes';
@@ -164,7 +165,8 @@ const InternalPopover: React.FC<IReqoreInternalPopoverProps> = memo(
     const [popperElement, setPopperElement] = useState(null);
     const [arrowElement, setArrowElement] = useState(null);
     const popperRef: MutableRefObject<any> = useRef(null);
-    const { styles, attributes } = usePopper(targetElement, popperElement, {
+    const mutationObserber: MutableRefObject<any> = useRef(null);
+    const { styles, attributes, forceUpdate, state } = usePopper(targetElement, popperElement, {
       placement,
       modifiers: [
         {
@@ -186,6 +188,27 @@ const InternalPopover: React.FC<IReqoreInternalPopoverProps> = memo(
       ],
     });
 
+    useUpdateEffect(() => {
+      if (!mutationObserber.current && targetElement && state) {
+        // Watch for changes in the target element
+        const observer = new MutationObserver(() => {
+          forceUpdate();
+        });
+
+        observer.observe(document, {
+          attributes: true,
+          childList: true,
+          subtree: true,
+        });
+
+        mutationObserber.current = observer;
+      }
+    }, [styles, attributes, state]);
+
+    useUnmount(() => {
+      mutationObserber.current?.disconnect();
+    });
+
     useEffect(() => {
       if (popperRef.current) {
         updatePopover?.(id, { popperRef: cloneDeep(popperRef) });

package/src/components/Panel/LabelEditor.tsx

@@ -0,0 +1,66 @@
+import { memo, useEffect, useState } from 'react';
+import { useUpdateEffect } from 'react-use';
+import { IReqoreHeadingProps, ReqoreHeading } from '../Header';
+import ReqoreIcon, { IReqoreIconProps } from '../Icon';
+import ReqoreInput, { IReqoreInputProps } from '../Input';
+
+export interface IReqoreLabelEditorProps extends Omit<IReqoreHeadingProps, 'onSubmit'> {
+  label: string | number;
+  onSubmit?: (label: string | number) => void;
+  iconProps?: IReqoreIconProps;
+  inputProps?: IReqoreInputProps;
+}
+
+export const LabelEditor = memo(
+  ({ label, onSubmit, inputProps, iconProps, ...rest }: IReqoreLabelEditorProps) => {
+    const [name, setName] = useState<string | number>(label);
+    const [isEditing, setIsEditing] = useState(false);
+
+    useEffect(() => {
+      setName(label);
+    }, [label]);
+
+    useUpdateEffect(() => {
+      if (!isEditing) {
+        onSubmit?.(name);
+      }
+    }, [isEditing]);
+
+    if (isEditing) {
+      return (
+        <ReqoreInput
+          focusRules={{ type: 'auto' }}
+          onClick={(e) => e.stopPropagation()}
+          value={name}
+          minimal
+          onChange={(e: any) => setName(e.target.value)}
+          onKeyUp={(e) => {
+            if (e.key === 'Enter') {
+              setIsEditing(false);
+            }
+          }}
+          onBlur={() => setIsEditing(false)}
+          {...inputProps}
+        />
+      );
+    }
+
+    return (
+      <ReqoreHeading
+        {...rest}
+        className={`${rest.className || ''} reqore-label-editor`}
+        onClick={
+          onSubmit
+            ? (e) => {
+                e.stopPropagation();
+                setIsEditing(true);
+              }
+            : undefined
+        }
+      >
+        {name}
+        {onSubmit ? <ReqoreIcon icon='EditLine' size='small' margin='left' {...iconProps} /> : null}
+      </ReqoreHeading>
+    );
+  }
+);