@qoretechnologies/reqore 0.30.2 → 0.30.3

package/dist/helpers/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"AAUA,OAAO,EAAyC,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEnF,eAAO,MAAM,KAAK,OAAc,MAAM,qBAAgD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,EAAE,QA8B9B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAM5C,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,MAAM,YAAiB,MAAM,KAAG,MAsBlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,GAAG,MAAM,GAAG,MAAM,YAE3D,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,MAO7C,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helpers/utils.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAyC,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEnF,eAAO,MAAM,KAAK,OAAc,MAAM,qBAAgD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,EAAE,QA8B9B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAM5C,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,MAAM,YAAiB,MAAM,KAAG,MAsBlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,GAAG,MAAM,GAAG,MAAM,YAE3D,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,MAO7C,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,kBAAkB,YAA0B,CAAC"}

package/dist/helpers/utils.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 exports.__esModule = true;
-exports.getOneLessSize = exports.isStringSize = exports.calculateStringSizeInPixels = exports.getLineCount = exports.getTypeFromValue = exports.sleep = void 0;
+exports.isActionShown = exports.getOneLessSize = exports.isStringSize = exports.calculateStringSizeInPixels = exports.getLineCount = exports.getTypeFromValue = exports.sleep = void 0;
 var lodash_1 = require("lodash");
 var sizes_1 = require("../constants/sizes");
 var sleep = function (ms) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
@@ -115,4 +115,6 @@ var getOneLessSize = function (size) {
     return sizes_1.NUMBER_TO_SIZE[oneLessSizeNumber];
 };
 exports.getOneLessSize = getOneLessSize;
+var isActionShown = function (action) { return action.show !== false; };
+exports.isActionShown = isActionShown;
 //# sourceMappingURL=utils.js.map

package/dist/helpers/utils.js.map

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

package/dist/types/global.d.ts

@@ -129,6 +129,19 @@ export interface IWithReqoreFluid {
      */
     fluid?: boolean;
 }
+export interface IWithReqoreFixed {
+    /**
+     * If true, the component will be fixed in fluid containers
+     * @default false
+     * @type boolean
+     * @example
+     * <ReqoreInput fixed />
+     * <ReqoreInput fixed={true} />
+     * <ReqoreInput fixed={false} />
+     *
+     */
+    fixed?: boolean;
+}
 export interface IWithReqoreMinimal {
     /**
      * If true, the component will be minimal

package/dist/types/global.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,6 +24,10 @@
     "qorus",
     "react"
   ],
+  "pre-push": [
+    "build:test",
+    "test"
+  ],
   "author": "Qore Technologies",
   "license": "ISC",
   "bugs": {
@@ -60,6 +64,7 @@
     "jest-github-actions-reporter": "^1.0.2",
     "npm-cli-login": "^0.1.1",
     "playwright": "^1.16.3",
+    "pre-push": "^0.1.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",

package/src/components/Checkbox/index.tsx

@@ -272,7 +272,7 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
                       textSize: getOneLessSize(size),
                       weight: 'bold',
                       ...switchTextEffect,
-                      opacity: checked ? 0.8 : 1,
+                      opacity: checked ? 0.3 : 1,
                     } as IReqoreEffect
                   }
                 >

package/src/components/Collection/index.tsx

@@ -6,7 +6,7 @@ import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps, StyledColumns } from '../Columns';
 import ReqoreInput from '../Input';
 import ReqoreMessage from '../Message';
-import { IReqorePanelAction, IReqorePanelProps, ReqorePanel } from '../Panel';
+import { IReqorePanelAction, IReqorePanelProps, ReqorePanel, TReqorePanelActions } from '../Panel';
 import { sortTableData } from '../Table/helpers';
 import { IReqoreCollectionItemProps, ReqoreCollectionItem } from './item';
 
@@ -134,10 +134,29 @@ export const ReqoreCollection = ({
   };
 
   const finalItems = filteredItems;
-  const finalActions: (IReqorePanelAction[] | IReqorePanelAction)[] = useMemo(() => {
-    let actions: (IReqorePanelAction[] | IReqorePanelAction)[] = rest.actions
-      ? [...rest.actions]
-      : [];
+  const finalActions: TReqorePanelActions = useMemo(() => {
+    let actions: TReqorePanelActions = rest.actions ? [...rest.actions] : [];
+
+    const toolbarGroup: IReqorePanelAction = {
+      responsive: false,
+      group: [
+        {
+          icon: _showAs === 'grid' ? 'ListOrdered' : 'GridLine',
+          onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
+          tooltip: _showAs === 'grid' ? 'Show as list' : 'Show as grid',
+          disabled: !size(finalItems),
+        },
+      ],
+    };
+
+    if (sortable) {
+      toolbarGroup.group.push({
+        icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
+        onClick: () => setSort(sort === 'desc' ? 'asc' : 'desc'),
+        tooltip: sort === 'desc' ? 'Sort ascending' : 'Sort descending',
+        disabled: !size(finalItems),
+      });
+    }
 
     if (filterable) {
       actions = [
@@ -156,29 +175,7 @@ export const ReqoreCollection = ({
       ];
     }
 
-    if (sortable) {
-      actions = [
-        ...actions,
-        {
-          icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
-          onClick: () => setSort(sort === 'desc' ? 'asc' : 'desc'),
-          tooltip: sort === 'desc' ? 'Sort ascending' : 'Sort descending',
-          disabled: !size(finalItems),
-          responsive: false,
-        },
-      ];
-    }
-
-    return [
-      ...actions,
-      {
-        icon: _showAs === 'grid' ? 'ListOrdered' : 'GridLine',
-        onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
-        tooltip: _showAs === 'grid' ? 'Show as list' : 'Show as grid',
-        disabled: !size(finalItems),
-        responsive: false,
-      },
-    ];
+    return [...actions, toolbarGroup];
   }, [filterable, handleQueryChange, query, rest.actions, _showAs, sort, sortable, finalItems]);
 
   return (

package/src/components/ControlGroup/index.tsx

@@ -131,12 +131,9 @@ const ReqoreControlGroup = memo(
 
     const [overflowingChildren, setOverflowingChildren] = useState<number | undefined>(0);
     const [lastReSize, setLastReSize] = useState<number>(0);
-    const [isResizing, setIsResizing] = useState<boolean>(false);
     const [isOverflownDialogOpen, setIsOverflownDialogOpen] = useState<boolean>(false);
     const observer = useRef<ResizeObserver | null>(null);
     const ref = useRef<HTMLDivElement>(null);
-    const resizeTimerObserver = useRef<ResizeObserver | null>(null);
-    const resizingTimer = useRef<any>(null);
 
     const realChildCount = useMemo((): number => {
       let count = 0;
@@ -180,18 +177,7 @@ const ReqoreControlGroup = memo(
             }, 200)
           );
 
-          resizeTimerObserver.current = new ResizeObserver(() => {
-            if (ref && ref.current) {
-              setIsResizing(true);
-              clearTimeout(resizingTimer.current);
-              resizingTimer.current = setTimeout(() => {
-                setIsResizing(false);
-              }, 500);
-            }
-          });
-
           observer.current.observe(ref.current);
-          resizeTimerObserver.current.observe(ref.current);
         }
       }
     });
@@ -200,12 +186,6 @@ const ReqoreControlGroup = memo(
       if (observer.current) {
         observer.current.disconnect();
       }
-
-      if (resizeTimerObserver.current) {
-        resizeTimerObserver.current.disconnect();
-      }
-
-      clearTimeout(resizingTimer.current);
     });
 
     useEffect(() => {
@@ -429,9 +409,10 @@ const ReqoreControlGroup = memo(
                   content: `Show ${React.Children.count(overflownChildren)} hidden items`,
                 }}
                 fixed
+                active={isOverflownDialogOpen}
                 onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
                   e.stopPropagation();
-                  setIsOverflownDialogOpen(true);
+                  setIsOverflownDialogOpen(!isOverflownDialogOpen);
                 }}
                 flat
               />,
@@ -465,7 +446,6 @@ const ReqoreControlGroup = memo(
           vertical={vertical}
           style={{
             overflowX: responsive ? 'auto' : undefined,
-            visibility: isResizing ? 'hidden' : undefined,
             ...rest.style,
           }}
           size={size}

package/src/components/Panel/index.tsx

@@ -19,6 +19,7 @@ import {
   getMainBackgroundColor,
   getReadableColor,
 } from '../../helpers/colors';
+import { isActionShown } from '../../helpers/utils';
 import { useCombinedRefs } from '../../hooks/useCombinedRefs';
 import { useReqoreTheme } from '../../hooks/useTheme';
 import { useTooltip } from '../../hooks/useTooltip';
@@ -45,6 +46,7 @@ import { ReqoreHorizontalSpacer, ReqoreSpacer } from '../Spacer';
 export interface IReqorePanelAction extends IReqoreButtonProps, IWithReqoreTooltip, IReqoreIntent {
   label?: string | number;
   onClick?: () => void;
+  group?: IReqorePanelAction[];
   actions?: Omit<IReqoreDropdownItem[], 'value'>;
   // Custom react element
   as?: React.ElementType;
@@ -60,6 +62,8 @@ export interface IReqorePanelBottomAction extends IReqorePanelAction {
 }
 
 export interface IReqorePanelContent {}
+export type TReqorePanelActions = IReqorePanelAction[];
+export type TReqorePanelBottomActions = IReqorePanelBottomAction[];
 
 export interface IReqorePanelProps
   extends IWithReqoreSize,
@@ -78,8 +82,8 @@ export interface IReqorePanelProps
   isCollapsed?: boolean;
   onClose?: () => void;
   rounded?: boolean;
-  actions?: (IReqorePanelAction | IReqorePanelAction[])[];
-  bottomActions?: IReqorePanelBottomAction[];
+  actions?: TReqorePanelActions;
+  bottomActions?: TReqorePanelBottomActions;
   unMountContentOnCollapse?: boolean;
   onCollapseChange?: (isCollapsed?: boolean) => void;
   fill?: boolean;
@@ -305,7 +309,13 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
 
     // Return true if the card has a title bar, otherwise return false.
     const hasTitleBar: boolean = useMemo(
-      () => !!label || collapsible || !!onClose || !!size(actions) || !!badge,
+      () =>
+        !!label ||
+        collapsible ||
+        !!onClose ||
+        !!size(actions.filter(isActionShown)) ||
+        !!badge ||
+        !!icon,
       [label, collapsible, onClose, actions, badge]
     );
 
@@ -332,60 +342,42 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
 
     // Calculates whether or not the bottom actions should be displayed.
     const hasBottomActions: boolean = useMemo(
-      () => !!(size(leftBottomActions) || size(rightBottomActions)),
+      () =>
+        !!(
+          size(leftBottomActions.filter(isActionShown)) ||
+          size(rightBottomActions.filter(isActionShown))
+        ),
       [leftBottomActions, rightBottomActions]
     );
 
     const renderResponsiveActions = useCallback(
-      (actionOrActions: IReqorePanelAction | IReqorePanelAction[], index: number) => {
-        return renderActions(actionOrActions, index, true);
+      (action: IReqorePanelAction, index: number) => {
+        return renderActions(action, index, true);
       },
       [actions]
     );
 
     const hasNonResponsiveActions = useCallback(
-      (data: (IReqorePanelAction[] | IReqorePanelAction)[]) =>
-        data.some(
-          (action) => !Array.isArray(action) && action.responsive === false && action.show !== false
-        ),
+      (data: TReqorePanelActions) =>
+        data.some((action) => action.responsive === false && action.show !== false),
       [actions, bottomActions]
     );
 
     const hasResponsiveActions = useCallback(
-      (data: (IReqorePanelAction[] | IReqorePanelAction)[]) =>
-        data.some(
-          (action) =>
-            Array.isArray(action) || (action.responsive !== false && action.show !== false)
-        ),
+      (data: TReqorePanelActions) =>
+        data.some((action) => action.responsive !== false && action.show !== false),
       [actions, bottomActions]
     );
 
     const renderNonResponsiveActions = useCallback(
-      (actionOrActions: IReqorePanelAction | IReqorePanelAction[], index: number) => {
-        return renderActions(actionOrActions, index, false);
+      (action: IReqorePanelAction, index: number) => {
+        return renderActions(action, index, false);
       },
       [actions]
     );
 
     const renderActions = useCallback(
-      (
-        actionOrActions: IReqorePanelAction | IReqorePanelAction[],
-        index: number,
-        includeResponsive
-      ) => {
-        const action: IReqorePanelAction = Array.isArray(actionOrActions)
-          ? {
-              show: true,
-              responsive: true,
-              as: ReqoreControlGroup,
-              props: {
-                stack: true,
-                fluid: true,
-                children: actionOrActions.map(renderActions),
-              },
-            }
-          : actionOrActions;
-
+      (action: IReqorePanelAction, index: number, includeResponsive) => {
         if (
           action.show === false ||
           (includeResponsive && action.responsive === false) ||
@@ -402,9 +394,26 @@ export const ReqorePanel = forwardRef<HTMLDivElement, IReqorePanelProps>(
           className,
           as: CustomElement,
           props = {},
+          group,
           ...rest
         }: IReqorePanelAction = action;
 
+        if (size(group)) {
+          return (
+            <ReqoreControlGroup
+              intent={intent}
+              stack
+              customTheme={rest.customTheme || theme}
+              size={rest.size}
+              fixed
+              fluid={rest.fluid}
+              key={index}
+            >
+              {group.map((action, index) => renderActions(action, index, true))}
+            </ReqoreControlGroup>
+          );
+        }
+
         if (size(actions)) {
           return (
             <ReqoreDropdown<IReqoreButtonProps>

package/src/components/Tag/index.tsx

@@ -26,6 +26,7 @@ import {
   IReqoreDisabled,
   IReqoreIntent,
   IWithReqoreEffect,
+  IWithReqoreFixed,
   IWithReqoreFluid,
   IWithReqoreMinimal,
   IWithReqoreTooltip,
@@ -46,7 +47,8 @@ export interface IReqoreTagProps
     IReqoreDisabled,
     IWithReqoreEffect,
     IWithReqoreMinimal,
-    IWithReqoreFluid {
+    IWithReqoreFluid,
+    IWithReqoreFixed {
   size?: TSizes;
   label?: string | number;
   labelKey?: string | number;

package/src/helpers/utils.ts

@@ -8,6 +8,7 @@ import {
   isString,
   isUndefined,
 } from 'lodash';
+import { IReqorePanelAction } from '../components/Panel';
 import { NUMBER_TO_SIZE, SIZES, SIZE_TO_NUMBER, TSizes } from '../constants/sizes';
 
 export const sleep = async (ms: number) => await new Promise((r) => setTimeout(r, ms));
@@ -88,3 +89,5 @@ export const getOneLessSize = (size: TSizes): TSizes => {
   // Get the size name from the number
   return NUMBER_TO_SIZE[oneLessSizeNumber];
 };
+
+export const isActionShown = (action: IReqorePanelAction) => action.show !== false;

package/src/stories/Checkbox/Checkbox.stories.tsx

@@ -35,6 +35,8 @@ const Template: ComponentStory<typeof Checkbox> = (args) => {
           effect={{ gradient: { colors: { 0: '#00fafd', 100: '#ff00d0' } } }}
         />
         <ReqoreCheckbox {...args} disabled onText='yes' offText='no' />
+        <ReqoreCheckbox {...args} onText='yes' offText='no' />
+        <ReqoreCheckbox {...args} onText='yes' offText='no' checked />
         <ReqoreCheckbox
           {...args}
           label='Label'

package/src/stories/Panel/Panel.stories.tsx

@@ -124,7 +124,6 @@ const Template: Story<IReqorePanelProps> = (args: IReqorePanelProps) => {
 
   return (
     <ReqorePanel
-      {...args}
       badge={[
         10,
         0,
@@ -144,15 +143,25 @@ const Template: Story<IReqorePanelProps> = (args: IReqorePanelProps) => {
       ]}
       actions={[
         {
-          label: 'Non responsive',
-          icon: '24HoursFill',
-          customTheme: { main: '#eb0e8c' },
           responsive: false,
+          group: [
+            {
+              label: 'Non responsive',
+              icon: '24HoursFill',
+              customTheme: { main: '#eb0e8c' },
+            },
+            {
+              icon: 'FullscreenExitLine',
+              customTheme: { main: '#a40a62' },
+            },
+          ],
+        },
+        {
+          group: [
+            { label: 'Stacked Action 1', icon: 'BallPenLine', intent: 'warning' },
+            { icon: 'CopperCoinFill', intent: 'danger' },
+          ],
         },
-        [
-          { label: 'Stacked Action 1', icon: 'BallPenLine', intent: 'warning' },
-          { icon: 'CopperCoinFill', intent: 'danger' },
-        ],
         {
           as: ReqoreInput,
           props: {
@@ -171,7 +180,14 @@ const Template: Story<IReqorePanelProps> = (args: IReqorePanelProps) => {
         },
       ]}
       bottomActions={[
-        { label: 'Test', icon: '24HoursFill', position: 'left' },
+        {
+          position: 'left',
+          intent: 'success',
+          group: [
+            { label: 'Test 1', icon: '24HoursFill' },
+            { label: 'Test 2', icon: '24HoursFill' },
+          ],
+        },
         {
           label: 'More actions',
           position: 'right',
@@ -181,6 +197,7 @@ const Template: Story<IReqorePanelProps> = (args: IReqorePanelProps) => {
           ],
         },
       ]}
+      {...args}
     >
       Shadowlands has mechanisms put in place for allowing players to catch up on Renown, the system
       of gaining favor and unlocking rewards, Campaign chapters, and soulbinds within your Covenant.
@@ -220,9 +237,33 @@ export const Flat = Template.bind({});
 Flat.args = {
   flat: true,
 };
-export const NoLabel: Story<IReqorePanelProps> = Template.bind({});
-NoLabel.args = {
+export const NoBars: Story<IReqorePanelProps> = Template.bind({});
+NoBars.args = {
   label: undefined,
+  badge: undefined,
+  icon: undefined,
+  actions: [
+    { label: 'test', show: false },
+    {
+      show: false,
+      group: [
+        { label: 'test 2', show: true },
+        { label: 'test 3', show: true },
+      ],
+    },
+  ],
+  bottomActions: [
+    { label: 'test', show: false, position: 'left' },
+    {
+      position: 'right',
+      show: false,
+      group: [
+        { label: 'test 2', show: true },
+        { label: 'test 3', show: true },
+      ],
+    },
+  ],
+  collapsible: false,
 };
 
 export const Transparent: Story<IReqorePanelProps> = Template.bind({});

package/src/stories/Tag/Tag.stories.tsx

@@ -3,7 +3,7 @@ import { noop } from 'lodash';
 import { IReqoreTagProps } from '../../components/Tag';
 import { IReqoreTagGroup } from '../../components/Tag/group';
 import { ReqoreTag, ReqoreTagGroup } from '../../index';
-import { argManager, SizeArg } from '../utils/args';
+import { SizeArg, argManager } from '../utils/args';
 
 const { createArg } = argManager<IReqoreTagGroup & IReqoreTagProps>();
 
@@ -85,7 +85,7 @@ const Template: Story<IReqoreTagGroup & IReqoreTagProps> = ({ columns, ...args }
       />
       <ReqoreTag labelKey='Tag with' label='Label Key' icon='AlarmWarningLine' {...args} />
       <ReqoreTag labelKey='Key' label='value' {...args} />
-      <ReqoreTag icon='QuestionAnswerLine' {...args} />
+      <ReqoreTag icon='QuestionAnswerLine' {...args} fixed />
       <ReqoreTag label='Disabled Tag' disabled icon='AlarmWarningLine' {...args} />
       <ReqoreTag
         label='300px Tag'

package/src/types/global.ts

@@ -140,6 +140,20 @@ export interface IWithReqoreFluid {
   fluid?: boolean;
 }
 
+export interface IWithReqoreFixed {
+  /**
+   * If true, the component will be fixed in fluid containers
+   * @default false
+   * @type boolean
+   * @example
+   * <ReqoreInput fixed />
+   * <ReqoreInput fixed={true} />
+   * <ReqoreInput fixed={false} />
+   *
+   */
+  fixed?: boolean;
+}
+
 export interface IWithReqoreMinimal {
   /**
    * If true, the component will be minimal