@qoretechnologies/reqore 0.68.0 → 0.68.1

package/dist/esm/components/Slider/index.js.map

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

package/dist/esm/components/Spacer/index.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import { LINE_SIZE_TO_NUMBER, TEXT_FROM_SIZE } from '../../constants/sizes';
+import { changeLightness } from '../../helpers/colors';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { StyledEffect } from '../Effect';
+export const StyledSpacer = styled.div `
+  display: ${({ horizontal }) => (horizontal ? 'inline-flex' : 'flex')};
+  vertical-align: middle;
+  align-items: ${({ align }) => {
+    if (align === 'start')
+        return 'flex-start';
+    if (align === 'center')
+        return 'center';
+    if (align === 'end')
+        return 'flex-end';
+    return 'center';
+}};
+
+  ${({ horizontal, vertical }) => {
+    if (horizontal) {
+        return css `
+        flex-flow: row;
+      `;
+    }
+    if (vertical) {
+        return css `
+        flex-flow: column;
+      `;
+    }
+}}
+
+  flex-shrink: 0;
+`;
+export const StyledSpace = styled.div `
+  display: inline-block;
+  flex: 0 0 auto;
+
+  ${({ horizontal, vertical, width, height, lineSize }) => {
+    if (horizontal) {
+        return css `
+        width: ${width / 2 - lineSize / 2}px;
+        height: ${height ? height : `${TEXT_FROM_SIZE.normal}px`};
+      `;
+    }
+    if (vertical) {
+        return css `
+        width: ${width ? width : '100%'};
+        height: ${height / 2 - lineSize / 2}px;
+      `;
+    }
+}}
+`;
+export const StyledLine = styled(StyledEffect) `
+  flex-shrink: 0;
+  background-color: ${({ theme, lineSize }) => lineSize === 'none' ? 'transparent' : changeLightness(theme.main, 0.2)};
+
+  ${({ horizontal, vertical, width, height, lineSize }) => {
+    if (horizontal) {
+        return css `
+        width: ${lineSize}px;
+        height: ${height ? height : `${TEXT_FROM_SIZE.normal}px`};
+      `;
+    }
+    if (vertical) {
+        return css `
+        width: ${width ? width : '100%'};
+        height: ${lineSize}px;
+      `;
+    }
+}}
+`;
+export const ReqoreSpacer = memo(({ customTheme, inheritCustomTheme, intent, lineSize = 'none', align, ...rest }) => {
+    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
+    let { horizontal, vertical } = rest;
+    // The user is using old version of the component
+    // We will assume that the user wants a spacer based on the width or height
+    if (!horizontal && !vertical) {
+        if (rest.width) {
+            horizontal = true;
+        }
+        if (rest.height) {
+            vertical = true;
+        }
+    }
+    const _lineSize = useMemo(() => (lineSize === 'none' ? 0 : LINE_SIZE_TO_NUMBER[lineSize]), [lineSize]);
+    return (_jsxs(StyledSpacer, { as: 'div', ...rest, horizontal: horizontal, vertical: vertical, align: align, className: 'reqore-spacer', children: [_jsx(StyledSpace, { ...rest, horizontal: horizontal, vertical: vertical, lineSize: _lineSize }), _jsx(StyledLine, { ...rest, horizontal: horizontal, vertical: vertical, theme: theme, lineSize: _lineSize }), _jsx(StyledSpace, { ...rest, horizontal: horizontal, vertical: vertical, lineSize: _lineSize })] }));
+});
+export const ReqoreHorizontalSpacer = memo(({ width = 1, lineSize = 'none', ...rest }) => {
+    return _jsx(ReqoreSpacer, { width: width, lineSize: lineSize, horizontal: true, ...rest });
+});
+export const ReqoreVerticalSpacer = memo(({ height = 1, lineSize = 'none', ...rest }) => {
+    return _jsx(ReqoreSpacer, { height: height, lineSize: lineSize, vertical: true, ...rest });
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Spacer/index.js.map

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

package/dist/esm/components/Span/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import styled from 'styled-components';
+import { TEXT_FROM_SIZE } from '../../constants/sizes';
+import { isStringSize } from '../../helpers/utils';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { StyledTextEffect } from '../Effect';
+import { ReqoreTooltipComponent } from '../TooltipComponent';
+export const StyledSpan = styled(StyledTextEffect) `
+  color: ${({ theme, intent }) => intent ? theme.intents[intent] : theme.text?.color || 'inherit'};
+  font-size: ${({ _size }) => (isStringSize(_size) ? `${TEXT_FROM_SIZE[_size]}px` : _size)};
+  vertical-align: ${({ inline }) => (inline ? 'middle' : undefined)};
+`;
+export const ReqoreSpan = memo(forwardRef(({ size, children, customTheme, inheritCustomTheme, intent, className, inline = false, tooltip, ...props }, ref) => {
+    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
+    return (_jsx(ReqoreTooltipComponent, { ref: ref, as: 'span', theme: theme, color: theme.text.color, intent: intent, inline: inline, ...props, Component: StyledSpan, tooltip: tooltip, _size: size, className: `${className || ''} reqore-span`, children: children }));
+}));
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Span/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Span/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOtD,OAAO,EAA0B,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAY7D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;WACvC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAC7B,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,SAAS;eACpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBACtE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAC5B,UAAU,CACR,CACE,EACE,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,EACP,GAAG,KAAK,EACS,EACnB,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;IAEzF,OAAO,CACL,KAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,KACV,KAAK,EACT,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,cAAc,YAE1C,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CACF,CACF,CAAC"}

package/dist/esm/components/Spinner/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { ReqoreIcon, ReqoreP } from '../..';
+import ReqoreControlGroup from '../ControlGroup';
+export const ReqoreSpinner = ({ size, intent, children, type, iconColor, labelEffect, effect, iconMargin, centered, iconProps, ...rest }) => {
+    const renderContent = useCallback(() => {
+        return (_jsx(ReqoreIcon, { icon: !type ? 'LoaderLine' : `Loader${type}Line`, color: iconColor || intent, size: size, effect: effect, animation: 'spin', className: 'reqore-spinner', margin: iconMargin || (children && !centered ? 'right' : undefined), ...iconProps }));
+    }, [size, intent, type, children, iconColor, centered]);
+    if (children) {
+        return (_jsxs(ReqoreControlGroup, { ...rest, vertical: centered, horizontalAlign: centered ? 'center' : undefined, verticalAlign: 'center', children: [renderContent(), _jsx(ReqoreP, { size: size, intent: intent, effect: labelEffect, className: 'reqore-spinner-wrapper', children: children })] }));
+    }
+    return _jsx(_Fragment, { children: renderContent() });
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,kBAAgD,MAAM,iBAAiB,CAAC;AAkB/E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACa,EAAE,EAAE;IACxB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,EAChD,KAAK,EAAE,SAAS,IAAI,MAAM,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAE,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,KAC/D,SAAS,GACb,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,MAAC,kBAAkB,OACb,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAChD,aAAa,EAAC,QAAQ,aAErB,aAAa,EAAE,EAChB,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,wBAAwB,YAEjC,QAAQ,GACD,IACS,CACtB,CAAC;KACH;IAED,OAAO,4BAAG,aAAa,EAAE,GAAI,CAAC;AAChC,CAAC,CAAC"}

package/dist/esm/components/Statistic/index.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { rgba } from 'polished';
+import { forwardRef, memo, useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import { resolveRadius } from '../../constants/sizes';
+import { changeDarkness, changeLightness, getMainBackgroundColor, getReadableColor, } from '../../helpers/colors';
+import { alignToFlexAlign, getOneHigherSize, getOneLessSize, resolvePadding, } from '../../helpers/utils';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { DisabledElement, InactiveIconScale, RaisedElement, ScaleIconOnHover } from '../../styles';
+import ReqoreControlGroup from '../ControlGroup';
+import { patchPrimaryGradient, StyledEffect } from '../Effect';
+import { ReqoreHeading } from '../Header';
+import ReqoreIcon from '../Icon';
+import { ReqoreSpan } from '../Span';
+import { ReqoreTooltipComponent } from '../TooltipComponent';
+const TREND_ICONS = {
+    up: 'ArrowUpSLine',
+    down: 'ArrowDownSLine',
+    neutral: 'SubtractLine',
+};
+const TREND_DEFAULT_INTENTS = {
+    up: 'success',
+    down: 'danger',
+    neutral: 'muted',
+};
+const StyledStatisticWrapper = styled(StyledEffect) `
+  /* ---- Layout --------------------------------------------------------
+     The Statistic is rendered as a real div (see the as=div on the JSX)
+     rather than the default StyledEffect span. A span containing block
+     children (the value row and the trend group are both divs) is the
+     wrong content model and produced a box that did not establish a
+     proper containment context, so overflow + min-width did not hold
+     the inner text inside the tile. With a div root the wrapper can be
+     a proper flex column container. */
+  display: flex;
+  flex-direction: column;
+  align-items: ${({ $align }) => $align === 'center'
+    ? 'center'
+    : $align === 'flex-end'
+        ? 'flex-end'
+        : 'flex-start'};
+  justify-content: ${({ $align }) => $align};
+  width: ${({ $fluid }) => ($fluid ? '100%' : undefined)};
+  /* ---- Overflow safety ----------------------------------------------
+     Statistic tiles are commonly laid out inside flex or grid parents
+     (KPI strips, dashboards). Without bounding the tile intrinsic
+     width to its column, the widest unbreakable token in the value,
+     trend or label can push past the column edge and bleed into the
+     neighbouring tile. min-width 0 lets flex-shrink do its job,
+     max-width 100% caps the box at the column it lives in, and
+     overflow hidden clips any child that refuses to honour the cap.
+     With a div root these all behave as documented. */
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  & .reqore-statistic-label,
+  & .reqore-statistic-value-row,
+  & .reqore-statistic-trend {
+    max-width: 100%;
+    min-width: 0;
+  }
+  /* The trend slot is a ReqoreControlGroup which defaults to
+     "flex: 0 0 auto" (ControlGroup/index.tsx). That kills flex-shrink
+     so the group keeps its intrinsic content width and would push the
+     tile past its grid track when the trend copy is long. Forcing the
+     group to shrink lets the text-leaf wrap rules below take effect. */
+  & .reqore-statistic-trend {
+    flex: 0 1 auto;
+    flex-wrap: wrap;
+  }
+  /* Wrap rather than ellipsis — KPI tiles benefit from the operator
+     seeing the whole sub-line rather than a clipped fragment.
+     overflow-wrap anywhere covers identifiers, URLs and long codes
+     with no natural break point. */
+  & .reqore-statistic-label,
+  & .reqore-statistic-value,
+  & .reqore-statistic-prefix,
+  & .reqore-statistic-suffix {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    max-width: 100%;
+  }
+  & .reqore-statistic-trend > span {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  ${({ $hasBackground, theme, size, rounded, radiusSize, flat, intent, opacity = 1, $padded, $paddingSize, }) => $hasBackground &&
+    css `
+      background-color: ${rgba(changeDarkness(getMainBackgroundColor(theme), 0.03), opacity)};
+      border-radius: ${rounded ? resolveRadius(size, radiusSize) : 0}px;
+      border: ${flat
+        ? undefined
+        : `1px solid ${changeLightness(intent ? theme.intents[intent] : getMainBackgroundColor(theme), 0.08)}`};
+      color: ${getReadableColor(theme, undefined, undefined, true)};
+      padding: ${resolvePadding({
+        padded: $padded,
+        paddingSize: $paddingSize,
+        verticalMultiplier: 3,
+        horizontalMultiplier: 5,
+    })};
+    `}
+
+  ${({ $raised, $hasBackground, flat }) => $raised && $hasBackground && flat !== false && RaisedElement}
+
+  ${({ $interactive, disabled }) => $interactive && !disabled
+    ? css `
+          ${InactiveIconScale};
+          ${ScaleIconOnHover};
+          cursor: pointer;
+          transition: all 0.2s ease-out;
+
+          &:active {
+            transform: scale(0.98);
+          }
+        `
+    : undefined}
+
+  ${({ disabled }) => disabled &&
+    css `
+      ${DisabledElement};
+    `}
+`;
+const StyledStatisticValueRow = styled.div `
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  flex-wrap: nowrap;
+`;
+const ReqoreStatistic = memo(forwardRef(({ value, label, icon, iconColor, iconProps, prefix, suffix, trend, valueEffect, labelEffect, effect, align = 'center', size = 'normal', customTheme, inheritCustomTheme, intent, fluid, flat, disabled, tooltip, rounded, radiusSize, transparent, opacity, raised, padded = true, paddingSize, className, ...rest }, ref) => {
+    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
+    const secondarySize = useMemo(() => getOneLessSize(size), [size]);
+    const flexAlign = useMemo(() => alignToFlexAlign(align), [align]);
+    const interactive = useMemo(() => !!(rest.onClick || rest.onDoubleClick || rest.onContextMenu), [rest.onClick, rest.onDoubleClick, rest.onContextMenu]);
+    const hasBackground = useMemo(() => !!(effect || rounded || flat !== undefined || transparent || opacity !== undefined || raised), [effect, rounded, flat, transparent, opacity, raised]);
+    const trendIntent = useMemo(() => (trend ? trend.intent || TREND_DEFAULT_INTENTS[trend.direction] : undefined), [trend]);
+    const trendIcon = useMemo(() => (trend ? trend.icon || TREND_ICONS[trend.direction] : undefined), [trend]);
+    const transformedEffect = useMemo(() => {
+        if (!effect)
+            return undefined;
+        const newEffect = { ...effect };
+        if (newEffect.gradient && intent) {
+            newEffect.gradient = patchPrimaryGradient(newEffect.gradient, {
+                borderColor: theme.intents[intent],
+            });
+        }
+        return newEffect;
+    }, [effect, intent, theme]);
+    return (_jsx(ReqoreTooltipComponent, { ...rest, 
+        // Render as a real block-level `<div>`. The base styled
+        // element (`StyledEffect`) is a `<span>`, which is wrong
+        // here — Statistic's children are block-level (the value
+        // row is a `<div>`, the trend group is a `<div>`), and an
+        // inline-flex `<span>` containing block children breaks
+        // HTML's content model. Browsers tolerate it but the
+        // resulting box doesn't establish containment cleanly,
+        // which is why `overflow: hidden` + `min-width: 0` didn't
+        // hold their text inside the tile.
+        as: 'div', Component: StyledStatisticWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, "$hasBackground": hasBackground, "$interactive": interactive, "$align": flexAlign, rounded: rounded, radiusSize: radiusSize, flat: flat, intent: intent, opacity: transparent ? 0 : opacity, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize ?? size, effect: transformedEffect, className: `${className || ''} reqore-statistic`, children: _jsxs(ReqoreControlGroup, { vertical: true, horizontalAlign: flexAlign, className: 'reqore-statistic-content', children: [icon && (_jsx(ReqoreIcon, { ...iconProps, icon: icon, size: size, color: iconColor, intent: iconColor ? undefined : intent, className: 'reqore-statistic-icon' })), label && (_jsx(ReqoreSpan, { size: secondarySize, className: 'reqore-statistic-label', effect: { opacity: 0.7, uppercase: true, spaced: 1, ...labelEffect }, children: label })), _jsxs(StyledStatisticValueRow, { className: 'reqore-statistic-value-row', children: [prefix && (_jsx(ReqoreHeading, { size: getOneHigherSize(size), className: 'reqore-statistic-prefix', effect: { opacity: 0.6 }, children: prefix })), _jsx(ReqoreHeading, { size: getOneHigherSize(size), className: 'reqore-statistic-value', effect: valueEffect, children: value }), suffix && (_jsx(ReqoreHeading, { size: getOneHigherSize(size), className: 'reqore-statistic-suffix', effect: { opacity: 0.6 }, children: suffix }))] }), trend && (_jsxs(ReqoreControlGroup, { gapSize: 'micro', verticalAlign: 'center', className: 'reqore-statistic-trend', children: [_jsx(ReqoreIcon, { icon: trendIcon, size: secondarySize, intent: trendIntent }), trend.value !== undefined && (_jsx(ReqoreSpan, { size: secondarySize, intent: trendIntent, children: trend.value }))] }))] }) }));
+}));
+export default ReqoreStatistic;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Statistic/index.js.map

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

package/dist/esm/components/Table/body.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import count from 'lodash/size';
+import { forwardRef, memo, useCallback, useEffect, useMemo } from 'react';
+import { FixedSizeList as List } from 'react-window';
+import styled, { css } from 'styled-components';
+import { TABLE_SIZE_TO_PX } from '../../constants/sizes';
+import { useCombinedRefs } from '../../hooks/useCombinedRefs';
+import { getTotalColumnsWidth } from './helpers';
+import ReqoreTableRow from './row';
+const StyledList = styled(List) ``;
+const StyledNonVirtualizedBody = styled.div `
+  ${({ height, minWidth }) => css `
+    overflow: auto;
+    ${height || height === 0
+    ? css `
+          height: ${height}px;
+        `
+    : ''}
+    > * {
+      min-width: ${minWidth}px;
+    }
+  `}
+`;
+const ReqoreTableBody = forwardRef(({ data, height, size = 'normal', headerRef, virtualized = true, onScrollChange, rowHeight: rowHeightOverride, ...rest }, ref) => {
+    const { targetRef } = useCombinedRefs(ref);
+    const rowHeight = useMemo(() => {
+        if (typeof rowHeightOverride === 'number' && rowHeightOverride > 0) {
+            return rowHeightOverride;
+        }
+        return rest.flat ? TABLE_SIZE_TO_PX[size] : TABLE_SIZE_TO_PX[size] + 1;
+    }, [rowHeightOverride, size, rest.flat]);
+    const itemCount = useMemo(() => count(data), [data]);
+    const totalColumnsWidth = useMemo(() => getTotalColumnsWidth(rest.columns), [rest.columns]);
+    const itemData = useMemo(() => {
+        return {
+            data,
+            size,
+            ...rest,
+        };
+    }, [data, size, rest]);
+    // Sync body horizontal scroll to the header and notify vertical scroll state
+    useEffect(() => {
+        const el = targetRef.current;
+        if (!el) {
+            return undefined;
+        }
+        const handleScroll = () => {
+            if (headerRef.current) {
+                headerRef.current.scrollLeft = el.scrollLeft;
+            }
+            onScrollChange?.(el.scrollTop > 0);
+        };
+        el.addEventListener('scroll', handleScroll, { passive: true });
+        return () => el.removeEventListener('scroll', handleScroll);
+    }, [headerRef, onScrollChange, targetRef]);
+    const measuredHeight = useMemo(() => {
+        if ((!height && height !== 0) || height > itemCount * rowHeight) {
+            return itemCount * rowHeight;
+        }
+        return height;
+    }, [height, itemCount, rowHeight]);
+    const renderNonVirtualizedRow = useCallback((_item, index) => (_jsx(ReqoreTableRow, { data: itemData, index: index }, index)), [itemData]);
+    if (!virtualized) {
+        // Non-virtualized rows can wrap and exceed the fixed `rowHeight`, so pinning a pixel
+        // height would force a vertical scrollbar. Only set a height when the caller explicitly
+        // requested one — otherwise let the body grow to fit its content.
+        return (_jsx(StyledNonVirtualizedBody, { className: 'reqore-table-body', ref: targetRef, height: height || height === 0 ? measuredHeight : undefined, minWidth: totalColumnsWidth, children: data.map(renderNonVirtualizedRow) }));
+    }
+    return (_jsx(StyledList, { outerRef: targetRef, itemCount: itemCount, height: measuredHeight, className: 'reqore-table-body', itemSize: rowHeight, itemData: itemData, width: '100%', children: ReqoreTableRow }));
+});
+export default memo(ReqoreTableBody);
+//# sourceMappingURL=body.js.map

package/dist/esm/components/Table/body.js.map

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

package/dist/esm/components/Table/cell.js

@@ -0,0 +1,214 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { lighten, rgba } from 'polished';
+import { forwardRef, memo, useCallback, useLayoutEffect, useRef, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { TEXT_FROM_SIZE } from '../../constants/sizes';
+import { changeLightness, getReadableColorFrom } from '../../helpers/colors';
+import { alignToFlexAlign } from '../../helpers/utils';
+import ReqoreButton from '../Button';
+import { ReqoreTooltipComponent } from '../TooltipComponent';
+export const StyledTableCell = styled.div `
+  ${({ width, minWidth, maxWidth, grow }) => css `
+      width: ${width}px;
+      min-width: ${minWidth}px;
+      max-width: ${maxWidth}px;
+
+      flex-grow: ${grow || (width ? undefined : 1)};
+    `}
+
+  ${({ theme, align, interactive, interactiveCell, intent, size, flat, striped, even, selected, selectedIntent, disabled, hovered, padded, wrap, pin, pinOffset, pinEdge, maxHeight, }) => {
+    const getOriginalBackgroundColor = () => {
+        let color = theme.main;
+        // Is there any intent
+        if (intent || (selected && selectedIntent)) {
+            color = theme.intents[intent || selectedIntent];
+        }
+        return color;
+    };
+    const getBackgroundColor = () => {
+        const color = getOriginalBackgroundColor();
+        let opacity = 0;
+        // Is there any intent
+        if (intent || (selected && selectedIntent)) {
+            opacity += 0.02;
+        }
+        // Is the table striped and this row odd
+        if (striped && !even) {
+            opacity += 0.05;
+        }
+        // Is this row selected
+        if (selected) {
+            opacity += 0.02;
+        }
+        // Is this row hovered
+        if (hovered) {
+            opacity += 0.08;
+        }
+        // Pinned cells must paint opaque — otherwise non-pinned cells scrolling underneath show through
+        if (opacity === 0) {
+            return pin ? theme.main : 'transparent';
+        }
+        return changeLightness(color, opacity);
+    };
+    const backgroundColor = getBackgroundColor();
+    const displayedBackgroundColor = backgroundColor === 'transparent'
+        ? theme.main
+        : rgba(backgroundColor, 0.3);
+    // Pinned cells need an opaque paint so non-pinned cells scrolling underneath don't show
+    // through. We layer the semi-transparent displayed color over a solid theme.main base.
+    const pinnedBackground = pin
+        ? `linear-gradient(${displayedBackgroundColor}, ${displayedBackgroundColor}), ${theme.main}`
+        : undefined;
+    return css `
+      display: flex;
+      align-items: ${maxHeight ? 'flex-start' : 'center'};
+      justify-content: ${align ? alignToFlexAlign(align) : 'flex-start'};
+      flex-shrink: 0;
+      align-self: stretch;
+      border-bottom: ${!flat ? '1px solid ' : undefined};
+
+      ${maxHeight &&
+        css `
+        position: relative;
+        max-height: ${maxHeight}px;
+        overflow: hidden;
+      `}
+
+      padding: ${!padded || padded === 'both' || padded === 'vertical' ? (wrap ? '6px' : 0) : undefined}
+        ${!padded || padded === 'both' || padded === 'horizontal' ? '10px' : undefined};
+      font-size: ${TEXT_FROM_SIZE[size]}px;
+      background: ${pinnedBackground ??
+        (backgroundColor === 'transparent' ? 'transparent' : displayedBackgroundColor)};
+      color: ${getReadableColorFrom(getOriginalBackgroundColor(), !hovered)};
+      border-color: ${changeLightness(displayedBackgroundColor, 0.1)};
+      transition: background-color 0.2s ease-out;
+      opacity: ${disabled ? 0.2 : 1};
+      pointer-events: ${disabled ? 'none' : undefined};
+      cursor: ${interactive || interactiveCell ? 'pointer' : 'default'};
+
+      ${pin &&
+        css `
+        position: sticky;
+        ${pin === 'left' ? `left: ${pinOffset || 0}px;` : `right: ${pinOffset || 0}px;`}
+        z-index: 2;
+        ${pinEdge &&
+            css `
+          /* Use a pseudo-element instead of box-shadow so the shadow is strictly bounded to
+             the cell's height — a blurred box-shadow bleeds vertically and stacks across
+             neighboring pinned cells, producing dark bands between rows. */
+          &::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            width: 12px;
+            pointer-events: none;
+            ${pin === 'left' ? 'right: -12px;' : 'left: -12px;'}
+            background: linear-gradient(
+              to ${pin === 'left' ? 'right' : 'left'},
+              rgba(0, 0, 0, 0.35),
+              rgba(0, 0, 0, 0)
+            );
+          }
+        `}
+      `}
+
+      ${interactiveCell &&
+        css `
+        &:hover {
+          /* Pinned cells rely on the layered background shorthand for their opaque base —
+             overriding just background-color would lose theme.main and let the non-pinned
+             cells scrolling underneath show through on hover. */
+          ${pin
+            ? css `
+                background: linear-gradient(
+                    ${lighten(0.1, displayedBackgroundColor)},
+                    ${lighten(0.1, displayedBackgroundColor)}
+                  ),
+                  ${theme.main};
+              `
+            : css `
+                background-color: ${lighten(0.1, displayedBackgroundColor)};
+              `}
+        }
+      `}
+
+      p.reqore-table-text {
+        ${wrap
+        ? css `
+              white-space: normal;
+              word-break: break-word;
+              overflow-wrap: anywhere;
+            `
+        : css `
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            `}
+        margin: 0;
+        padding: 0;
+      }
+    `;
+}}
+`;
+const StyledCellExpandOverlay = styled.div `
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding: 4px 6px;
+  pointer-events: none;
+  z-index: 1;
+  height: 36px;
+  background: ${({ theme }) => `linear-gradient(to bottom, ${rgba(theme.main, 0)} 0%, ${theme.main} 80%)`};
+
+  > * {
+    pointer-events: auto;
+  }
+`;
+export const ReqoreTableBodyCell = memo(forwardRef((props, ref) => {
+    const { expandHeightButtonProps, ...cellStyleProps } = props;
+    const { maxHeight, children, size } = cellStyleProps;
+    const [expanded, setExpanded] = useState(false);
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const localRef = useRef(null);
+    const setRefs = useCallback((el) => {
+        localRef.current = el;
+        if (typeof ref === 'function') {
+            ref(el);
+        }
+        else if (ref) {
+            ref.current = el;
+        }
+    }, [ref]);
+    // Expansion is a one-way action, so once expanded the overlay hides and the cell grows
+    // naturally — no need to keep measuring.
+    useLayoutEffect(() => {
+        if (!maxHeight || expanded) {
+            setIsOverflowing(false);
+            return undefined;
+        }
+        const el = localRef.current;
+        if (!el) {
+            return undefined;
+        }
+        const check = () => {
+            setIsOverflowing(el.scrollHeight > el.clientHeight + 1);
+        };
+        check();
+        const observer = new ResizeObserver(check);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [maxHeight, expanded, children]);
+    const effectiveMaxHeight = expanded ? undefined : maxHeight;
+    const showOverlay = !!maxHeight && !expanded && isOverflowing;
+    return (_jsxs(ReqoreTooltipComponent, { Component: StyledTableCell, ...cellStyleProps, maxHeight: effectiveMaxHeight, ref: setRefs, children: [children, showOverlay && (_jsx(StyledCellExpandOverlay, { className: 'reqore-table-cell-expand', onClick: (e) => e.stopPropagation(), children: _jsx(ReqoreButton, { compact: true, size: size === 'micro' || size === 'tiny' ? 'tiny' : 'small', rightIcon: 'ArrowDownSLine', ...expandHeightButtonProps, onClick: (e) => {
+                        e.stopPropagation();
+                        expandHeightButtonProps?.onClick?.(e);
+                        setExpanded(true);
+                    }, children: expandHeightButtonProps?.children ?? 'Show more' }) }))] }));
+}));
+//# sourceMappingURL=cell.js.map