@qoretechnologies/reqore 0.35.1 → 0.35.2

package/dist/components/Table/row.js

@@ -50,7 +50,6 @@ var styled_components_1 = __importStar(require("styled-components"));
 var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var Header_1 = require("../Header");
-var Icon_1 = __importDefault(require("../Icon"));
 var Paragraph_1 = require("../Paragraph");
 var Tag_1 = __importDefault(require("../Tag"));
 var TimeAgo_1 = require("../TimeAgo");
@@ -61,12 +60,20 @@ exports.StyledTableRow = styled_components_1["default"].div(templateObject_2 ||
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    height: ", "px;\n  "], ["\n    display: flex;\n    height: ", "px;\n  "])), sizes_1.SIZE_TO_PX[size]);
 });
 var ReqoreTableRow = function (_a) {
-    var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, _c = _b.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, flat = _b.flat, cellComponent = _b.cellComponent, rowComponent = _b.rowComponent, style = _a.style, index = _a.index;
-    var _d = (0, react_1.useState)(false), isHovered = _d[0], setIsHovered = _d[1];
+    var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, selectedRowIntent = _b.selectedRowIntent, flat = _b.flat, cellComponent = _b.cellComponent, rowComponent = _b.rowComponent, style = _a.style, index = _a.index;
+    var _c = (0, react_1.useState)(false), isHovered = _c[0], setIsHovered = _c[1];
     var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
     var CellComponent = cellComponent || cell_1.ReqoreTableBodyCell;
     var RowComponent = rowComponent || exports.StyledTableRow;
-    var renderContent = function (content, data, dataId) {
+    var renderContent = function (cell, data, dataId, align) {
+        if (cell === null || cell === void 0 ? void 0 : cell.actions) {
+            return ((0, jsx_runtime_1.jsx)(__1.ReqoreControlGroup, __assign({ size: size, stack: true, fill: true, fluid: true, style: { height: '100%' }, rounded: false }, { children: cell.actions(data).map(function (action, index) { return ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({ rounded: false, iconsAlign: align === 'center' ? 'center' : 'sides', textAlign: align }, action, { onClick: function (e) {
+                        var _a;
+                        e.stopPropagation();
+                        (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
+                    } }), index)); }) })));
+        }
+        var content = cell === null || cell === void 0 ? void 0 : cell.content;
         if ((0, lodash_1.isFunction)(content)) {
             var Content = content;
             return (0, jsx_runtime_1.jsx)(Content, __assign({}, data, { _size: size, _dataId: dataId }));
@@ -99,7 +106,7 @@ var ReqoreTableRow = function (_a) {
     };
     var renderCells = function (columns, data) {
         return (0, helpers_1.getOnlyShownColumns)(columns).map(function (_a) {
-            var width = _a.width, resizedWidth = _a.resizedWidth, grow = _a.grow, dataId = _a.dataId, cell = _a.cell, header = _a.header, align = _a.align, intent = _a.intent;
+            var width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, resizedWidth = _a.resizedWidth, grow = _a.grow, dataId = _a.dataId, cell = _a.cell, header = _a.header, align = _a.align, intent = _a.intent;
             if (header.columns) {
                 return renderCells(header.columns, data);
             }
@@ -113,6 +120,8 @@ var ReqoreTableRow = function (_a) {
                 : {};
             return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: CellComponent, isReqoreComponent: true, componentProps: {
                     width: resizedWidth || width,
+                    minWidth: minWidth,
+                    maxWidth: maxWidth,
                     grow: grow,
                     align: align,
                     size: size,
@@ -142,37 +151,17 @@ var ReqoreTableRow = function (_a) {
                         }
                     },
                     className: 'reqore-table-cell'
-                } }, tooltip, { children: renderContent(cell === null || cell === void 0 ? void 0 : cell.content, data[index], dataId) }), dataId));
+                } }, tooltip, { children: renderContent(cell, data[index], dataId, align) }), dataId));
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(RowComponent, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
+    return ((0, jsx_runtime_1.jsx)(RowComponent, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
             // Set hovered is this row is interactive
             if (onRowClick || (selectable && data[index]._selectId && !data[index]._disabled)) {
                 setIsHovered(true);
             }
         }, onMouseLeave: function () {
             setIsHovered(false);
-        } }, { children: [selectable && ((0, jsx_runtime_1.jsx)(CellComponent, __assign({ align: 'center', width: (0, helpers_1.calculateMinimumCellWidth)(50, size), className: 'reqore-table-cell' }, {
-                size: size,
-                striped: striped,
-                disabled: data[index]._disabled,
-                selected: !!isSelected,
-                selectedIntent: selectedRowIntent,
-                flat: flat,
-                even: index % 2 === 0 ? true : false,
-                intent: data[index]._intent,
-                hovered: isHovered,
-                interactiveCell: data[index]._selectId
-            }, { onClick: data[index]._selectId
-                    ? function (e) {
-                        e.stopPropagation();
-                        onSelectClick(data[index]._selectId);
-                    }
-                    : undefined }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: !data[index]._selectId
-                        ? 'Forbid2Line'
-                        : isSelected
-                            ? 'CheckboxCircleLine'
-                            : 'CheckboxBlankCircleLine', size: size, style: { opacity: !data[index]._selectId || !isSelected ? 0.4 : 1 } }) }))), renderCells(columns, data)] })));
+        } }, { children: renderCells(columns, data) })));
 };
 exports["default"] = ReqoreTableRow;
 var templateObject_1, templateObject_2;

package/dist/components/Table/row.js.map

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

package/dist/constants/sizes.d.ts

@@ -8,6 +8,21 @@ export declare const ReqoreSizes: {
     HUGE: string;
 };
 export declare const SIZES: readonly ["tiny", "small", "normal", "big", "huge"];
+export declare const SIZE_TO_MODIFIER: {
+    tiny: number;
+    small: number;
+    normal: number;
+    big: number;
+    huge: number;
+};
+export declare const LINE_SIZE_TO_NUMBER: {
+    none: number;
+    tiny: number;
+    small: number;
+    normal: number;
+    big: number;
+    huge: number;
+};
 export declare const SIZE_TO_NUMBER: {
     none: number;
     tiny: number;

package/dist/constants/sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}

package/dist/constants/sizes.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.SIZES = exports.ReqoreSizes = void 0;
+exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.LINE_SIZE_TO_NUMBER = exports.SIZE_TO_MODIFIER = exports.SIZES = exports.ReqoreSizes = void 0;
 exports.ReqoreSizes = {
     TINY: 'tiny',
     SMALL: 'small',
@@ -9,6 +9,21 @@ exports.ReqoreSizes = {
     HUGE: 'huge'
 };
 exports.SIZES = ['tiny', 'small', 'normal', 'big', 'huge'];
+exports.SIZE_TO_MODIFIER = {
+    tiny: 0.6,
+    small: 0.8,
+    normal: 1,
+    big: 1.2,
+    huge: 1.4
+};
+exports.LINE_SIZE_TO_NUMBER = {
+    none: 0,
+    tiny: 1,
+    small: 1,
+    normal: 1.5,
+    big: 2,
+    huge: 3
+};
 exports.SIZE_TO_NUMBER = {
     none: 0,
     tiny: 1,

package/dist/constants/sizes.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.35.1",
+  "version": "0.35.2",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/ControlGroup/index.tsx

@@ -469,6 +469,7 @@ const ReqoreControlGroup = memo(
           </ReqoreDrawer>
         ) : null}
         <StyledReqoreControlGroup
+          as='div'
           {...rest}
           vertical={vertical}
           style={{

package/src/components/Dropdown/list.tsx

@@ -17,6 +17,7 @@ export interface IReqoreDropdownItem
   onClick?: TDropdownItemOnClick;
   divider?: boolean;
   dividerAlign?: 'left' | 'center' | 'right';
+  line?: boolean;
 }
 
 export type TReqoreDropdownItem = IReqoreDropdownItem;

package/src/components/Menu/divider.tsx

@@ -5,6 +5,7 @@ import { getReadableColor } from '../../helpers/colors';
 import { getOneLessSize, isStringSize } from '../../helpers/utils';
 import { IWithReqoreEffect, IWithReqoreSize } from '../../types/global';
 import { IReqoreEffect, StyledTextEffect } from '../Effect';
+import { ReqoreVerticalSpacer } from '../Spacer';
 
 export interface IReqoreMenuDividerProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,
@@ -13,6 +14,7 @@ export interface IReqoreMenuDividerProps
   label?: string | number;
   margin?: 'left' | 'right' | 'both' | 'none';
   align?: 'left' | 'center' | 'right';
+  line?: boolean;
 }
 
 export const StyledMenuDivider = styled(StyledTextEffect)`
@@ -46,30 +48,38 @@ const ReqoreMenuDivider = forwardRef<HTMLDivElement, IReqoreMenuDividerProps>(
       effect,
       size = 'normal',
       align = 'center',
+      line,
       ...rest
     }: IReqoreMenuDividerProps,
     ref: any
-  ) => (
-    <StyledMenuDivider
-      as='div'
-      {...rest}
-      size={size}
-      className={`${className || ''} reqore-menu-divider`}
-      ref={ref}
-      effect={
-        {
-          uppercase: true,
-          spaced: 2,
-          textAlign: align,
-          textSize: getOneLessSize(size),
-          weight: 'bold',
-          ...effect,
-        } as IReqoreEffect
-      }
-    >
-      {label}
-    </StyledMenuDivider>
-  )
+  ) =>
+    line ? (
+      <ReqoreVerticalSpacer
+        className={`${className || ''} reqore-menu-divider`}
+        height={PADDING_FROM_SIZE[size]}
+        lineSize={size}
+      />
+    ) : (
+      <StyledMenuDivider
+        as='div'
+        {...rest}
+        size={size}
+        className={`${className || ''} reqore-menu-divider`}
+        ref={ref}
+        effect={
+          {
+            uppercase: true,
+            spaced: 2,
+            textAlign: align,
+            textSize: getOneLessSize(size),
+            weight: 'bold',
+            ...effect,
+          } as IReqoreEffect
+        }
+      >
+        {label}
+      </StyledMenuDivider>
+    )
 );
 
 export default ReqoreMenuDivider;

package/src/components/Spacer/index.tsx

@@ -1,6 +1,6 @@
 import { memo, useMemo } from 'react';
 import styled, { css } from 'styled-components';
-import { SIZE_TO_NUMBER, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
+import { LINE_SIZE_TO_NUMBER, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
 import { changeLightness } from '../../helpers/colors';
 import { useReqoreTheme } from '../../hooks/useTheme';
 import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect } from '../../types/global';
@@ -103,7 +103,7 @@ export const ReqoreSpacer = memo(
     }
 
     const _lineSize = useMemo(
-      () => (lineSize === 'none' ? 0 : SIZE_TO_NUMBER[lineSize]),
+      () => (lineSize === 'none' ? 0 : LINE_SIZE_TO_NUMBER[lineSize]),
       [lineSize]
     );
 

package/src/components/Table/body.tsx

@@ -1,46 +1,92 @@
-import { Dispatch, SetStateAction, useEffect, useRef } from 'react';
-import { useScroll } from 'react-use';
+import { forwardRef } from 'react';
+import { useMount } from 'react-use';
 import { FixedSizeList as List } from 'react-window';
+import styled from 'styled-components';
 import { TABLE_SIZE_TO_PX } from '../../constants/sizes';
+import { useCombinedRefs } from '../../hooks/useCombinedRefs';
 import ReqoreTableRow, { IReqoreTableRowOptions } from './row';
 
 export interface IReqoreTableSectionBodyProps extends IReqoreTableRowOptions {
-  setLeftScroll: Dispatch<SetStateAction<number>>;
   rowHeight?: number;
   height: number;
+  refs: {
+    left: React.RefObject<HTMLDivElement>;
+    right: React.RefObject<HTMLDivElement>;
+    main: React.RefObject<HTMLDivElement>;
+    header: React.RefObject<HTMLDivElement>;
+  };
+  type?: 'left' | 'right' | 'main';
+  onScrollChange?: (isScrolled: boolean) => void;
 }
 
-const ReqoreTableBody = ({
-  data,
-  setLeftScroll,
-  height,
-  rowHeight,
-  size = 'normal',
-  ...rest
-}: IReqoreTableSectionBodyProps) => {
-  const ref = useRef(null);
-  const { x }: { x: number } = useScroll(ref);
-
-  useEffect(() => {
-    setLeftScroll(x);
-  }, [x]);
-
-  return (
-    <List
-      outerRef={ref}
-      itemCount={data.length}
-      height={height}
-      className='reqore-table-body'
-      itemSize={rest.flat ? TABLE_SIZE_TO_PX[size] : TABLE_SIZE_TO_PX[size] + 1}
-      itemData={{
-        data,
-        size,
-        ...rest,
-      }}
-    >
-      {ReqoreTableRow}
-    </List>
-  );
-};
+const StyledList = styled(List)`
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`;
+
+const ReqoreTableBody = forwardRef<HTMLDivElement, IReqoreTableSectionBodyProps>(
+  (
+    {
+      data,
+      height,
+      rowHeight,
+      size = 'normal',
+      refs,
+      type,
+      onScrollChange,
+      ...rest
+    }: IReqoreTableSectionBodyProps,
+    ref
+  ) => {
+    const { targetRef } = useCombinedRefs(ref);
+
+    useMount(() => {
+      targetRef.current?.addEventListener('wheel', (e) => {
+        if (e.deltaY) {
+          e.preventDefault();
+
+          const currentScroll = refs[type].current?.scrollTop + e.deltaY;
+
+          onScrollChange?.(currentScroll > 0);
+
+          refs[type].current?.scrollTo({ top: currentScroll });
+
+          if (type === 'left') {
+            refs.main.current?.scrollTo({ top: refs.main.current?.scrollTop + e.deltaY });
+            refs.right.current?.scrollTo({ top: refs.right.current?.scrollTop + e.deltaY });
+          } else if (type === 'main') {
+            refs.left.current?.scrollTo({ top: refs.left.current?.scrollTop + e.deltaY });
+            refs.right.current?.scrollTo({ top: refs.right.current?.scrollTop + e.deltaY });
+          } else if (type === 'right') {
+            refs.main.current?.scrollTo({ top: refs.main.current?.scrollTop + e.deltaY });
+            refs.left.current?.scrollTo({ top: refs.left.current?.scrollTop + e.deltaY });
+          }
+        }
+
+        if (e.deltaX && type === 'main') {
+          refs.header.current?.scrollTo({ left: refs.main.current?.scrollLeft + e.deltaX });
+        }
+      });
+    });
+
+    return (
+      <StyledList
+        outerRef={targetRef}
+        itemCount={data.length}
+        height={height}
+        className='reqore-table-body'
+        itemSize={rest.flat ? TABLE_SIZE_TO_PX[size] : TABLE_SIZE_TO_PX[size] + 1}
+        itemData={{
+          data,
+          size,
+          ...rest,
+        }}
+      >
+        {ReqoreTableRow}
+      </StyledList>
+    );
+  }
+);
 
 export default ReqoreTableBody;

package/src/components/Table/cell.tsx

@@ -17,9 +17,12 @@ export interface IReqoreTableBodyCellProps
 }
 
 export const StyledTableCell = styled.div<IReqoreTableCellStyle>`
-  ${({ width, grow }) =>
+  ${({ width, minWidth, maxWidth, grow }) =>
     css`
       width: ${width}px;
+      min-width: ${minWidth}px;
+      max-width: ${maxWidth}px;
+
       flex-grow: ${grow || (width ? undefined : 1)};
     `}