@qoretechnologies/reqore 0.36.5 → 0.36.7

package/dist/hooks/usePopover.d.ts

@@ -26,6 +26,7 @@ export interface IPopover extends IReqoreIntent, IWithReqoreMinimal, IWithReqore
     maxHeight?: string;
     icon?: IReqoreIconName;
     title?: string;
+    updater?: string | number;
 }
 export interface IPopoverOptions extends IPopover {
     targetElement?: HTMLElement;

package/dist/hooks/usePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,KAAG,gBAsIpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,KAAG,gBAsIpB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/hooks/usePopover.js

@@ -99,7 +99,7 @@ var usePopover = function (_a) {
         if (openOnMount && targetElement) {
             _addPopover();
         }
-    }, [targetElement === null || targetElement === void 0 ? void 0 : targetElement.toString()]);
+    }, [targetElement === null || targetElement === void 0 ? void 0 : targetElement.outerHTML]);
     (0, react_1.useEffect)(function () {
         if (targetElement && content) {
             targetElement.addEventListener(startEvent, _addPopover);

package/dist/hooks/usePopover.js.map

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

package/dist/hooks/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrE,eAAO,MAAM,UAAU,kBACN,WAAW,GAAG,SAAS,YAC5B,kBAAkB,KAC3B,IAkBF,CAAC"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrE,eAAO,MAAM,UAAU,kBACN,WAAW,GAAG,SAAS,YAC5B,kBAAkB,KAC3B,IAsBF,CAAC"}

package/dist/hooks/useTooltip.js

@@ -20,12 +20,13 @@ var usePopover_1 = __importDefault(require("./usePopover"));
 var useTooltip = function (targetElement, tooltip) {
     var _a = (0, react_1.useState)(undefined), element = _a[0], setElement = _a[1];
     var _b = (0, react_1.useState)(undefined), data = _b[0], setData = _b[1];
+    var content = (0, react_1.useMemo)(function () { return (typeof tooltip === 'object' ? tooltip === null || tooltip === void 0 ? void 0 : tooltip.content : tooltip); }, [tooltip]);
     (0, react_1.useEffect)(function () {
-        if (targetElement && tooltip) {
+        if (targetElement && content) {
             setElement(targetElement);
             setData(tooltip);
         }
-    }, [targetElement === null || targetElement === void 0 ? void 0 : targetElement.toString(), tooltip === null || tooltip === void 0 ? void 0 : tooltip.toString()]);
+    }, [targetElement, content]);
     var popoverData = typeof data === 'string' ? { content: data } : data;
     (0, usePopover_1["default"])(__assign(__assign({}, popoverData), { targetElement: element, show: !!(popoverData === null || popoverData === void 0 ? void 0 : popoverData.content) }));
 };

package/dist/hooks/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA4C;AAE5C,4DAAsC;AAE/B,IAAM,UAAU,GAAG,UACxB,aAAsC,EACtC,OAA4B;IAEtB,IAAA,KAAwB,IAAA,gBAAQ,EAA0B,SAAS,CAAC,EAAnE,OAAO,QAAA,EAAE,UAAU,QAAgD,CAAC;IACrE,IAAA,KAAkB,IAAA,gBAAQ,EAAsC,SAAS,CAAC,EAAzE,IAAI,QAAA,EAAE,OAAO,QAA4D,CAAC;IAEjF,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,IAAI,OAAO,EAAE;YAC5B,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAErD,IAAM,WAAW,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,IAAA,uBAAU,wBACL,WAAW,KACd,aAAa,EAAE,OAAO,EACtB,IAAI,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,IAC5B,CAAC;AACL,CAAC,CAAC;AArBW,QAAA,UAAU,cAqBrB"}
+{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../src/hooks/useTooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAqD;AAErD,4DAAsC;AAE/B,IAAM,UAAU,GAAG,UACxB,aAAsC,EACtC,OAA4B;IAEtB,IAAA,KAAwB,IAAA,gBAAQ,EAA0B,SAAS,CAAC,EAAnE,OAAO,QAAA,EAAE,UAAU,QAAgD,CAAC;IACrE,IAAA,KAAkB,IAAA,gBAAQ,EAAsC,SAAS,CAAC,EAAzE,IAAI,QAAA,EAAE,OAAO,QAA4D,CAAC;IACjF,IAAM,OAAO,GAAG,IAAA,eAAO,EACrB,cAAM,OAAA,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAChE,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,IAAI,OAAO,EAAE;YAC5B,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,IAAM,WAAW,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,IAAA,uBAAU,wBACL,WAAW,KACd,aAAa,EAAE,OAAO,EACtB,IAAI,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,IAC5B,CAAC;AACL,CAAC,CAAC;AAzBW,QAAA,UAAU,cAyBrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.36.5",
+  "version": "0.36.7",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -96,6 +96,7 @@
     "@react-spring/web": "^9.6.1",
     "classnames": "^2.2.6",
     "epoch-timeago": "^1.1.9",
+    "fast-json-stable-stringify": "^2.1.0",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "re-resizable": "^6.9.0",

package/src/components/Button/index.tsx

@@ -79,7 +79,8 @@ export interface IReqoreButtonProps
   descriptionEffect?: IReqoreEffect;
   label?: React.HTMLAttributes<HTMLButtonElement>['children'];
   as?: string | React.ElementType;
-  grow?: 1 | 2 | 3 | 4;
+  grow?: 0 | 1 | 2 | 3 | 4;
+  shrink?: 0 | 1 | 2 | 3 | 4;
   rounded?: boolean;
 }
 
@@ -132,6 +133,7 @@ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
       : null}
 
   flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
+  flex-shrink: ${({ shrink }) => shrink};
   flex-grow: ${({ grow }) => grow};
   align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
 

package/src/components/ControlGroup/index.tsx

@@ -45,6 +45,7 @@ export interface IReqoreControlGroupProps
   isLastInFirstGroup?: boolean;
   isLastInLastGroup?: boolean;
   isFirstInLastGroup?: boolean;
+  isMasterGroupRounded?: boolean;
   childrenCount?: number;
   childId?: number;
   isChild?: boolean;
@@ -131,6 +132,7 @@ const ReqoreControlGroup = memo(
     stack,
     isInsideStackGroup,
     isInsideVerticalGroup,
+    isMasterGroupRounded,
     intent,
     customTheme,
     isFirst,
@@ -246,7 +248,14 @@ const ReqoreControlGroup = memo(
         : isLastGroup && (isLast || isLast !== false) && index === realChildCount - 1;
     };
 
-    const getBorderTopLeftRadius = (index: number): number | undefined => {
+    const getBorderTopLeftRadius = (
+      index: number,
+      isChildRounded?: boolean
+    ): number | undefined => {
+      if (isMasterGroupRounded === false || isChildRounded === false) {
+        return undefined;
+      }
+
       const _isFirstGroup =
         !isInsideStackGroup || childrenCount === 1 ? true : isChild ? isFirstGroup : index === 0;
 
@@ -258,7 +267,14 @@ const ReqoreControlGroup = memo(
       return undefined;
     };
 
-    const getBorderTopRightRadius = (index: number): number | undefined => {
+    const getBorderTopRightRadius = (
+      index: number,
+      isChildRounded?: boolean
+    ): number | undefined => {
+      if (isMasterGroupRounded === false || isChildRounded === false) {
+        return undefined;
+      }
+
       // If this group is not vertical we need to style the very last item
       if (!isVertical || !isStack) {
         const _isLastGroup =
@@ -284,7 +300,14 @@ const ReqoreControlGroup = memo(
       return undefined;
     };
 
-    const getBorderBottomLeftRadius = (index: number): number | undefined => {
+    const getBorderBottomLeftRadius = (
+      index: number,
+      isChildRounded?: boolean
+    ): number | undefined => {
+      if (isMasterGroupRounded === false || isChildRounded === false) {
+        return undefined;
+      }
+
       // If this group is not vertical we need to style the very first item
       if (!isVertical || !isStack) {
         const _isFirstGroup =
@@ -306,7 +329,14 @@ const ReqoreControlGroup = memo(
       return undefined;
     };
 
-    const getBorderBottomRightRadius = (index: number): number | undefined => {
+    const getBorderBottomRightRadius = (
+      index: number,
+      isChildRounded?: boolean
+    ): number | undefined => {
+      if (isMasterGroupRounded === false || isChildRounded === false) {
+        return undefined;
+      }
+
       const _isLastGroup =
         !isInsideStackGroup || childrenCount === 1
           ? true
@@ -334,7 +364,7 @@ const ReqoreControlGroup = memo(
 
             let newProps = {
               ...child.props,
-              key: child.props.reactKey || child.props.key || child.key || _index,
+              key: child.props.reactKey || _index,
               minimal:
                 child.props?.minimal || child.props?.minimal === false
                   ? child.props.minimal
@@ -354,18 +384,20 @@ const ReqoreControlGroup = memo(
               newProps = {
                 ...newProps,
                 style: {
-                  borderTopLeftRadius:
-                    child.props?.rounded === false ? undefined : getBorderTopLeftRadius(index),
-                  borderBottomLeftRadius:
-                    child.props?.rounded === false ? undefined : getBorderBottomLeftRadius(index),
-                  borderTopRightRadius:
-                    child.props?.rounded === false ? undefined : getBorderTopRightRadius(index),
-                  borderBottomRightRadius:
-                    child.props?.rounded === false ? undefined : getBorderBottomRightRadius(index),
+                  borderTopLeftRadius: getBorderTopLeftRadius(index, child.props?.rounded),
+                  borderBottomLeftRadius: getBorderBottomLeftRadius(index, child.props?.rounded),
+                  borderTopRightRadius: getBorderTopRightRadius(index, child.props?.rounded),
+                  borderBottomRightRadius: getBorderBottomRightRadius(index, child.props?.rounded),
                   ...(child.props?.style || {}),
                 },
                 isChild: true,
-                rounded: !isStack,
+                rounded:
+                  isMasterGroupRounded === false
+                    ? false
+                    : child.props?.rounded || child.props?.rounded === false
+                    ? child.props.rounded
+                    : !isStack,
+                isMasterGroupRounded: isChild ? isMasterGroupRounded : rounded,
                 isInsideStackGroup: isStack,
                 isInsideVerticalGroup: isVertical,
                 isFirst: isChild ? getIsFirst(index) : undefined,
@@ -410,6 +442,7 @@ const ReqoreControlGroup = memo(
         minimal,
         size,
         intent,
+        rounded,
       ]
     );
 
@@ -431,13 +464,14 @@ const ReqoreControlGroup = memo(
                 icon='MenuLine'
                 customTheme={customTheme}
                 tooltip={{
-                  content: `Show ${React.Children.count(overflownChildren)} hidden items`,
+                  handler: 'click',
+                  content: (
+                    <ReqoreControlGroup fluid wrap>
+                      {overflownChildren}
+                    </ReqoreControlGroup>
+                  ),
                 }}
                 active={isOverflownDialogOpen}
-                onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
-                  e.stopPropagation();
-                  setIsOverflownDialogOpen(!isOverflownDialogOpen);
-                }}
                 flat
                 fixed
               />,
@@ -460,11 +494,7 @@ const ReqoreControlGroup = memo(
             label='Hidden items'
             minSize='100px'
             size='auto'
-          >
-            <ReqoreControlGroup fluid wrap>
-              {overflownChildren}
-            </ReqoreControlGroup>
-          </ReqoreDrawer>
+          ></ReqoreDrawer>
         ) : null}
         <StyledReqoreControlGroup
           as='div'

package/src/components/Input/index.tsx

@@ -22,6 +22,7 @@ import {
   IReqoreReadOnly,
   IWithReqoreCustomTheme,
   IWithReqoreEffect,
+  IWithReqoreTooltip,
 } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
 import { StyledEffect, TReqoreEffectColor } from '../Effect';
@@ -34,9 +35,10 @@ export interface IReqoreInputProps
     IReqoreReadOnly,
     IReqoreIntent,
     IWithReqoreCustomTheme,
-    IWithReqoreEffect {
+    IWithReqoreEffect,
+    IWithReqoreTooltip {
   autoFocus?: boolean;
-  tooltip?: string;
+
   width?: number;
   size?: TSizes;
   minimal?: boolean;

package/src/components/Panel/index.tsx

@@ -98,8 +98,11 @@ export interface IReqorePanelProps
   closeButtonProps?: IReqoreButtonProps;
 
   rounded?: boolean;
+
   actions?: TReqorePanelActions;
   bottomActions?: TReqorePanelBottomActions;
+  showActionsWhenCollapsed?: boolean;
+
   unMountContentOnCollapse?: boolean;
   onCollapseChange?: (isCollapsed?: boolean) => void;
   fill?: boolean;
@@ -353,6 +356,7 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
       headerProps = {},
       disabled,
       breadcrumbs,
+      showActionsWhenCollapsed = true,
       ...rest
     }: IReqorePanelProps,
     ref
@@ -436,21 +440,21 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
         (action: IReqorePanelAction, index: number) => {
           return renderActions(action, index, true, align);
         },
-      [actions]
+      [actions, showActionsWhenCollapsed, _isCollapsed]
     );
 
     const hasNonResponsiveActions = useCallback(
       (data: TReqorePanelActions) =>
         (!responsiveActions && size(data)) ||
         data.some((action) => action.responsive === false && action.show !== false),
-      [actions, bottomActions, responsiveActions]
+      [actions, bottomActions, responsiveActions, showActionsWhenCollapsed, _isCollapsed]
     );
 
     const hasResponsiveActions = useCallback(
       (data: TReqorePanelActions) =>
         responsiveActions &&
         data.some((action) => action.responsive !== false && action.show !== false),
-      [actions, bottomActions, responsiveActions]
+      [actions, bottomActions, responsiveActions, showActionsWhenCollapsed, _isCollapsed]
     );
 
     const renderNonResponsiveActions = useCallback(
@@ -458,7 +462,7 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
         (action: IReqorePanelAction, index: number) => {
           return renderActions(action, index, false, align);
         },
-      [actions, bottomActions, responsiveActions]
+      [actions, bottomActions, responsiveActions, showActionsWhenCollapsed, _isCollapsed]
     );
 
     const renderActions = useCallback(
@@ -470,6 +474,7 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
       ) => {
         if (
           action.show === false ||
+          (showActionsWhenCollapsed === false && _isCollapsed === true) ||
           (includeResponsive && action.responsive === false) ||
           (!includeResponsive &&
             responsiveActions &&
@@ -569,7 +574,7 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
           </ReqoreButton>
         );
       },
-      [actions, theme]
+      [actions, theme, showActionsWhenCollapsed, _isCollapsed]
     );
 
     const interactive: boolean = !!(

package/src/components/Table/body.tsx

@@ -1,5 +1,5 @@
 import count from 'lodash/size';
-import { forwardRef, useMemo } from 'react';
+import { forwardRef, memo, useMemo } from 'react';
 import { useMount } from 'react-use';
 import { FixedSizeList as List } from 'react-window';
 import styled from 'styled-components';
@@ -106,4 +106,4 @@ const ReqoreTableBody = forwardRef<HTMLDivElement, IReqoreTableSectionBodyProps>
   }
 );
 
-export default ReqoreTableBody;
+export default memo(ReqoreTableBody);

package/src/components/Table/cell.tsx

@@ -1,5 +1,5 @@
 import { lighten, rgba } from 'polished';
-import { forwardRef } from 'react';
+import { forwardRef, memo } from 'react';
 import styled, { css } from 'styled-components';
 import { IReqoreTableColumn } from '.';
 import { TEXT_FROM_SIZE } from '../../constants/sizes';
@@ -123,12 +123,14 @@ export const StyledTableCell = styled.div<IReqoreTableCellStyle>`
   }}
 `;
 
-export const ReqoreTableBodyCell = forwardRef<HTMLButtonElement, IReqoreTableBodyCellProps>(
-  (props: IReqoreTableBodyCellProps, ref) => {
-    const { targetRef } = useCombinedRefs(ref);
+export const ReqoreTableBodyCell = memo(
+  forwardRef<HTMLButtonElement, IReqoreTableBodyCellProps>(
+    (props: IReqoreTableBodyCellProps, ref) => {
+      const { targetRef } = useCombinedRefs(ref);
 
-    useTooltip(targetRef.current, props.tooltip);
+      useTooltip(targetRef.current, props.tooltip);
 
-    return <StyledTableCell {...props} ref={targetRef} />;
-  }
+      return <StyledTableCell {...props} ref={targetRef} />;
+    }
+  )
 );

package/src/components/Table/header.tsx

@@ -1,5 +1,5 @@
 import { omit } from 'lodash';
-import { forwardRef, useCallback } from 'react';
+import { forwardRef, memo, useCallback } from 'react';
 import { useMount } from 'react-use';
 import styled, { css } from 'styled-components';
 import { IReqoreTableColumn, IReqoreTableSort } from '.';
@@ -25,7 +25,7 @@ export interface IReqoreCustomHeaderCellProps
       'sortData' | 'onSortChange' | 'onColumnsUpdate' | 'onFilterChange'
     >,
     Omit<IReqoreTableColumn, 'cell' | 'header'>,
-    Omit<IReqoreButtonProps, 'maxWidth'> {
+    Omit<IReqoreButtonProps, 'maxWidth' | 'content'> {
   hasColumns?: boolean;
 }
 export interface IReqoreCustomHeaderCellComponent extends React.FC<IReqoreCustomHeaderCellProps> {}
@@ -165,20 +165,17 @@ const ReqoreTableHeader = forwardRef<HTMLDivElement, IReqoreTableSectionProps>(
 
     const renderColumns = (columns: IReqoreTableColumn[]) =>
       getOnlyShownColumns(columns).map(
-        (
-          {
-            grow,
-            align,
-            dataId,
-            header: { columns, onClick, component: headerComponent, ...rest },
-            ...colRest
-          },
-          index
-        ) =>
+        ({
+          grow,
+          align,
+          dataId,
+          header: { columns, onClick, component: headerComponent, ...rest },
+          ...colRest
+        }) =>
           columns ? (
             <StyledColumnGroup
               grow={getOnlyShownColumns(columns).reduce((gr, col) => gr + col.grow, 0)}
-              key={index}
+              key={dataId}
               className='reqore-table-column-group'
               width={getOnlyShownColumns(columns).reduce(
                 (wid, col) => wid + (col.resizedWidth || col.width || 80),
@@ -236,4 +233,4 @@ const ReqoreTableHeader = forwardRef<HTMLDivElement, IReqoreTableSectionProps>(
   }
 );
 
-export default ReqoreTableHeader;
+export default memo(ReqoreTableHeader);