@12-apps/ui 6.39.1 → 6.39.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_internal/components/data-display/LazyImage/LazyImage.js +1 -1
- package/dist/_internal/components/data-display/Table/Table.helpers.js +10 -3
- package/dist/_internal/components/data-display/Table/Table.hooks.js +1 -1
- package/dist/_internal/components/data-display/Table/Table.js +4 -4
- package/dist/_internal/components/data-display/Table/TableParts.hooks.js +2 -3
- package/dist/_internal/components/data-display/Table/TableParts.js +2 -3
- package/dist/_internal/components/data-display/index.js +5 -5
- package/dist/_internal/components/index.js +11 -11
- package/dist/_internal/components/layout/Separator/Separator.js +2 -2
- package/dist/_internal/components/layout/Separator/Separator.styles.js +3 -1
- package/dist/_internal/components/layout/index.js +2 -2
- package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.helpers.js +15 -1
- package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.js +17 -4
- package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.parts.js +15 -2
- package/dist/_internal/components/utility/WorkflowStep/WorkflowStepRow.js +16 -3
- package/dist/_internal/components/utility/index.js +17 -4
- package/dist/_internal/social-login-button/social-login-button.js +3 -3
- package/dist/{chunk-3FNXOCBD.js → chunk-5CQ5HYJW.js} +2 -2
- package/dist/{chunk-YZVR5ROE.js → chunk-5HQNHZ6Z.js} +12 -10
- package/dist/chunk-5HQNHZ6Z.js.map +1 -0
- package/dist/{chunk-3YOXVNO4.js → chunk-BOGTTXPA.js} +32 -30
- package/dist/chunk-BOGTTXPA.js.map +1 -0
- package/dist/{chunk-MC4KYGSX.js → chunk-GFQ4U6WZ.js} +3 -5
- package/dist/chunk-GFQ4U6WZ.js.map +1 -0
- package/dist/{chunk-5LWB4BYX.js → chunk-RGT6DM5W.js} +21 -47
- package/dist/chunk-RGT6DM5W.js.map +1 -0
- package/dist/{chunk-FF2D7V7T.js → chunk-SDK5LPPC.js} +13 -10
- package/dist/chunk-SDK5LPPC.js.map +1 -0
- package/dist/{chunk-D46SLMCX.js → chunk-SYNB3IIB.js} +12 -1
- package/dist/chunk-SYNB3IIB.js.map +1 -0
- package/dist/{chunk-SNURSSTN.js → chunk-VLOUXTEM.js} +3 -3
- package/dist/{chunk-V5KKBMAT.js → chunk-VXQOSADY.js} +6 -3
- package/dist/{chunk-V5KKBMAT.js.map → chunk-VXQOSADY.js.map} +1 -1
- package/dist/{chunk-BVLMKSHX.js → chunk-WDVNRW3Q.js} +2 -2
- package/dist/chunk-XS3REOPN.js +86 -0
- package/dist/chunk-XS3REOPN.js.map +1 -0
- package/dist/{chunk-IG23YZZR.js → chunk-XSSCSRUX.js} +7 -4
- package/dist/chunk-XSSCSRUX.js.map +1 -0
- package/dist/data-display/LazyImage.js +1 -1
- package/dist/data-display/Table.js +4 -4
- package/dist/layout/Separator.js +2 -2
- package/dist/social-login-button.js +3 -3
- package/dist/types/components/data-display/LazyImage/LazyImage.d.ts.map +1 -1
- package/dist/types/components/data-display/LazyImage/LazyImage.types.d.ts +15 -3
- package/dist/types/components/data-display/LazyImage/LazyImage.types.d.ts.map +1 -1
- package/dist/types/components/data-display/Table/Table.d.ts.map +1 -1
- package/dist/types/components/data-display/Table/Table.helpers.d.ts +20 -0
- package/dist/types/components/data-display/Table/Table.helpers.d.ts.map +1 -1
- package/dist/types/components/data-display/Table/Table.hooks.d.ts +8 -11
- package/dist/types/components/data-display/Table/Table.hooks.d.ts.map +1 -1
- package/dist/types/components/data-display/Table/Table.types.d.ts +17 -2
- package/dist/types/components/data-display/Table/Table.types.d.ts.map +1 -1
- package/dist/types/components/data-display/Table/TableParts.d.ts.map +1 -1
- package/dist/types/components/layout/Separator/Separator.d.ts.map +1 -1
- package/dist/types/components/layout/Separator/Separator.styles.d.ts +21 -0
- package/dist/types/components/layout/Separator/Separator.styles.d.ts.map +1 -1
- package/dist/types/components/utility/WorkflowStep/WorkflowStep.helpers.d.ts +6 -1
- package/dist/types/components/utility/WorkflowStep/WorkflowStep.helpers.d.ts.map +1 -1
- package/dist/types/components/utility/WorkflowStep/WorkflowStep.parts.d.ts.map +1 -1
- package/dist/utility/WorkflowStep.js +17 -4
- package/package.json +1 -1
- package/src/components/data-display/LazyImage/LazyImage.md +22 -15
- package/src/components/data-display/LazyImage/LazyImage.tsx +26 -9
- package/src/components/data-display/LazyImage/LazyImage.types.ts +15 -3
- package/src/components/data-display/Table/Table.helpers.ts +93 -0
- package/src/components/data-display/Table/Table.hooks.ts +20 -11
- package/src/components/data-display/Table/Table.tsx +34 -31
- package/src/components/data-display/Table/Table.types.ts +18 -2
- package/src/components/data-display/Table/TableParts.tsx +23 -52
- package/src/components/layout/Separator/Separator.styles.ts +32 -0
- package/src/components/layout/Separator/Separator.tsx +4 -2
- package/src/components/utility/WorkflowStep/WorkflowStep.helpers.ts +9 -3
- package/src/components/utility/WorkflowStep/WorkflowStep.parts.tsx +1 -5
- package/dist/chunk-3YOXVNO4.js.map +0 -1
- package/dist/chunk-5LWB4BYX.js.map +0 -1
- package/dist/chunk-D46SLMCX.js.map +0 -1
- package/dist/chunk-FF2D7V7T.js.map +0 -1
- package/dist/chunk-IG23YZZR.js.map +0 -1
- package/dist/chunk-JWZJSXI5.js +0 -29
- package/dist/chunk-JWZJSXI5.js.map +0 -1
- package/dist/chunk-MC4KYGSX.js.map +0 -1
- package/dist/chunk-YZVR5ROE.js.map +0 -1
- /package/dist/{chunk-3FNXOCBD.js.map → chunk-5CQ5HYJW.js.map} +0 -0
- /package/dist/{chunk-SNURSSTN.js.map → chunk-VLOUXTEM.js.map} +0 -0
- /package/dist/{chunk-BVLMKSHX.js.map → chunk-WDVNRW3Q.js.map} +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "../chunk-WG2WFANT.js";
|
|
2
2
|
import {
|
|
3
3
|
Table
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-BOGTTXPA.js";
|
|
5
5
|
import "../chunk-POV2KL2P.js";
|
|
6
|
+
import "../chunk-5HQNHZ6Z.js";
|
|
6
7
|
import "../chunk-XIXR2L3L.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-JWZJSXI5.js";
|
|
8
|
+
import "../chunk-RGT6DM5W.js";
|
|
9
|
+
import "../chunk-XS3REOPN.js";
|
|
10
10
|
import "../chunk-YKCAJ2TN.js";
|
|
11
11
|
import "../chunk-PZ5AY32C.js";
|
|
12
12
|
export {
|
package/dist/layout/Separator.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../chunk-CMMPGAMJ.js";
|
|
2
2
|
import {
|
|
3
3
|
Separator
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-XSSCSRUX.js";
|
|
5
|
+
import "../chunk-SYNB3IIB.js";
|
|
6
6
|
import "../chunk-PZBK3F52.js";
|
|
7
7
|
import "../chunk-YKCAJ2TN.js";
|
|
8
8
|
import "../chunk-PZ5AY32C.js";
|
|
@@ -4,15 +4,15 @@ import {
|
|
|
4
4
|
GoogleIcon,
|
|
5
5
|
SocialLoginButton,
|
|
6
6
|
SocialLoginContainer
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-5CQ5HYJW.js";
|
|
8
8
|
import "./chunk-INGPH3YQ.js";
|
|
9
9
|
import "./chunk-6GP2DOOO.js";
|
|
10
10
|
import "./chunk-IJFAF3A7.js";
|
|
11
11
|
import "./chunk-5JSRM7WC.js";
|
|
12
12
|
import "./chunk-LKMMJKXU.js";
|
|
13
13
|
import "./chunk-CMMPGAMJ.js";
|
|
14
|
-
import "./chunk-
|
|
15
|
-
import "./chunk-
|
|
14
|
+
import "./chunk-XSSCSRUX.js";
|
|
15
|
+
import "./chunk-SYNB3IIB.js";
|
|
16
16
|
import "./chunk-VUHLNYAE.js";
|
|
17
17
|
import "./chunk-2GSIEDGN.js";
|
|
18
18
|
import "./chunk-WN5PNP6F.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LazyImage/LazyImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LazyImage/LazyImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA6LxD;;;GAGG;AACH,eAAO,MAAM,SAAS,4CAoEpB,CAAC"}
|
|
@@ -11,11 +11,20 @@ export interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement
|
|
|
11
11
|
*/
|
|
12
12
|
alt: string;
|
|
13
13
|
/**
|
|
14
|
-
* Width of the image
|
|
14
|
+
* Width of the image. A number above 1 is design px, scaled with the theme's
|
|
15
|
+
* type scale. A number above 0 and up to 1 is a fraction of the
|
|
16
|
+
* container's parent, as in `sx`: `0.5` is `50%`. The container takes it and
|
|
17
|
+
* the image, its skeleton and its fallback fill the container.
|
|
18
|
+
* A string is any CSS length and passes through untouched.
|
|
15
19
|
*/
|
|
16
20
|
width?: number | string;
|
|
17
21
|
/**
|
|
18
|
-
* Height of the image
|
|
22
|
+
* Height of the image. A number above 1 is design px, scaled with the theme's
|
|
23
|
+
* type scale. A number above 0 and up to 1 is a fraction of the
|
|
24
|
+
* container's parent, as in `sx`: `0.5` is `50%`. The container takes it and
|
|
25
|
+
* the image, its skeleton and its fallback fill the container. A fractional
|
|
26
|
+
* height takes effect only when the parent has a definite height.
|
|
27
|
+
* A string is any CSS length and passes through untouched.
|
|
19
28
|
*/
|
|
20
29
|
height?: number | string;
|
|
21
30
|
/**
|
|
@@ -139,7 +148,10 @@ export interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement
|
|
|
139
148
|
thickness?: number;
|
|
140
149
|
};
|
|
141
150
|
/**
|
|
142
|
-
*
|
|
151
|
+
* Inline CSS for the `<img>` (its `style`), not MUI's `sx`: theme values and
|
|
152
|
+
* nested selectors such as `'&:hover'` do not apply. The image's box clips
|
|
153
|
+
* anything painted outside the image, such as a shadow, so put those on a
|
|
154
|
+
* wrapping element.
|
|
143
155
|
*/
|
|
144
156
|
sx?: React.CSSProperties;
|
|
145
157
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LazyImage/LazyImage.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;AACtF,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC/E;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ
|
|
1
|
+
{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/LazyImage/LazyImage.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAwCzC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CA4BA,CAAC;AAqBF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAyMxF,eAAO,MAAM,KAAK,kGAiEjB,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type { Theme } from '@mui/material/styles/index.js';
|
|
2
|
+
import type React from 'react';
|
|
1
3
|
import type { TableProps } from './Table.types';
|
|
2
4
|
/**
|
|
3
5
|
* A virtualised row's height in design px: the caller's `rowHeight`, else 52.
|
|
@@ -5,6 +7,24 @@ import type { TableProps } from './Table.types';
|
|
|
5
7
|
* where it is drawn (`rem`) and where the window is positioned with it (`remPx`).
|
|
6
8
|
*/
|
|
7
9
|
export declare const tableRowHeight: (rowHeight: number | undefined) => number;
|
|
10
|
+
/**
|
|
11
|
+
* The table's one scroll container (FUT-2658): `containerHeight` tall when
|
|
12
|
+
* `virtualScrolling` is on, holding the header and the body. Inline, so the
|
|
13
|
+
* height it was given reads back off the element.
|
|
14
|
+
*/
|
|
15
|
+
export declare const scrollerStyle: (theme: Theme, p: TableProps) => React.CSSProperties | undefined;
|
|
16
|
+
/**
|
|
17
|
+
* The window's height in design px when the body is virtualised — only a
|
|
18
|
+
* numeric `containerHeight` virtualises; a string sizes the scroller alone.
|
|
19
|
+
*/
|
|
20
|
+
export declare const virtualHeight: (p: TableProps) => number | undefined;
|
|
8
21
|
export declare const TABLE_DEFAULTS: Partial<TableProps>;
|
|
9
22
|
export declare const definedProps: (props: TableProps) => Partial<TableProps>;
|
|
23
|
+
/**
|
|
24
|
+
* What the caller passed that is MUI's or the DOM's — `className`, `id`,
|
|
25
|
+
* `style`, `aria-*`, `data-*`, DOM handlers, `sx`, `size`, `padding`,
|
|
26
|
+
* `component` — for `MuiTable` to spread onto the `<table>`. `children` is
|
|
27
|
+
* placed by the table itself.
|
|
28
|
+
*/
|
|
29
|
+
export declare const tableDomProps: (props: TableProps) => Record<string, unknown>;
|
|
10
30
|
//# sourceMappingURL=Table.helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,GAAG,SAAS,KAAG,MAAyB,CAAC;AAQzF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,GAAG,UAAU,KAAG,KAAK,CAAC,aAAa,GAAG,SACqB,CAAC;AAExG;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,GAAG,UAAU,KAAG,MAAM,GAAG,SAIxC,CAAC;AAEhB,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,UAAU,CAgB9C,CAAC;AAKF,eAAO,MAAM,YAAY,GAAI,OAAO,UAAU,KAAG,OAAO,CAAC,UAAU,CAGzC,CAAC;AA2D3B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,UAAU,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CACc,CAAC"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
import type { ColumnConfig, TableProps } from './Table.types';
|
|
1
|
+
import type { ColumnConfig, TableProps, VirtualWindow } from './Table.types';
|
|
2
2
|
/**
|
|
3
3
|
* The virtual window. `rowHeight` and `containerHeight` are design px: the
|
|
4
4
|
* window is computed in the px `scrollTop` is measured in (`remPx`), and what it
|
|
5
5
|
* hands back to draw with stays in design px (`offsetY`) or is CSS already
|
|
6
6
|
* (`totalHeight`), so the rows and the window share one pitch at any type scale.
|
|
7
|
+
*
|
|
8
|
+
* The scroller holds the header as well as the body, so the `<tbody>` starts
|
|
9
|
+
* the header's height into it. `handleScroll` measures that height from
|
|
10
|
+
* `headerRef` in the same live px as `scrollTop`, and the window subtracts it
|
|
11
|
+
* before dividing by the pitch (FUT-2658).
|
|
7
12
|
*/
|
|
8
|
-
export declare const useVirtualScrolling: (data: Record<string, unknown>[], rowHeight: number, containerHeight: number, overscan?: number) => {
|
|
9
|
-
visibleItems:
|
|
10
|
-
startIndex: number;
|
|
11
|
-
endIndex: number;
|
|
12
|
-
items: Record<string, unknown>[];
|
|
13
|
-
/** Every row at the scaled pitch, as CSS. */
|
|
14
|
-
totalHeight: string;
|
|
15
|
-
/** Where the first mounted row sits, in design px. */
|
|
16
|
-
offsetY: number;
|
|
17
|
-
};
|
|
13
|
+
export declare const useVirtualScrolling: (data: Record<string, unknown>[], rowHeight: number, containerHeight: number, overscan?: number, headerRef?: React.RefObject<HTMLElement | null>) => {
|
|
14
|
+
visibleItems: VirtualWindow;
|
|
18
15
|
handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
|
|
19
16
|
};
|
|
20
17
|
export declare const useTableSelection: ({ columns, data, responsive, columnPriorities, selectedRows, rowKeyExtractor, onSelectionChange, }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.hooks.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.hooks.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,WAAW,MAAM,EACjB,iBAAiB,MAAM,EACvB,WAAU,MAAU,EACpB,YAAY,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;;sBA2BV,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;CAQnE,CAAC;AAqDF,eAAO,MAAM,iBAAiB,GAAI,oGAQ/B;IACD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACnF,iBAAiB,CAAC,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CACrD;;;;;;;oCAgBoD,MAAM,GAAG,MAAM,YAAY,OAAO;gCAYtC,OAAO;CAyBvD,CAAC"}
|
|
@@ -251,6 +251,21 @@ export interface TableHeaderProps {
|
|
|
251
251
|
onSelectAll?: (selected: boolean) => void;
|
|
252
252
|
density?: TableDensity;
|
|
253
253
|
stickyHeader?: boolean;
|
|
254
|
+
/** The `<thead>`, so the virtual window can subtract its height from the scroller's offset. */
|
|
255
|
+
headRef?: React.Ref<globalThis.HTMLTableSectionElement>;
|
|
256
|
+
}
|
|
257
|
+
/**
|
|
258
|
+
* The rows a virtualised body mounts. Computed by `useVirtualScrolling` in the
|
|
259
|
+
* table, which owns the one scroll container, and handed down to the body.
|
|
260
|
+
*/
|
|
261
|
+
export interface VirtualWindow {
|
|
262
|
+
startIndex: number;
|
|
263
|
+
endIndex: number;
|
|
264
|
+
items: Record<string, unknown>[];
|
|
265
|
+
/** Every row at the scaled pitch, as CSS. */
|
|
266
|
+
totalHeight: string;
|
|
267
|
+
/** Where the first mounted row sits, in design px. */
|
|
268
|
+
offsetY: number;
|
|
254
269
|
}
|
|
255
270
|
export interface TableBodyProps {
|
|
256
271
|
data: Record<string, unknown>[];
|
|
@@ -267,9 +282,9 @@ export interface TableBodyProps {
|
|
|
267
282
|
renderRow?: (rowData: Record<string, unknown>, index: number, isSelected: boolean) => React.ReactNode;
|
|
268
283
|
renderCell?: (value: unknown, column: ColumnConfig, rowData: Record<string, unknown>, rowIndex: number) => React.ReactNode;
|
|
269
284
|
virtualScrolling?: boolean;
|
|
270
|
-
|
|
285
|
+
/** Set only when the body is virtualised: the rows in view and where they sit. */
|
|
286
|
+
virtualWindow?: VirtualWindow;
|
|
271
287
|
rowHeight?: number;
|
|
272
|
-
overscan?: number;
|
|
273
288
|
}
|
|
274
289
|
export interface VirtualTableBodyProps extends TableBodyProps {
|
|
275
290
|
virtualScrolling: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/TableParts.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Table/TableParts.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAiB,MAAM,eAAe,CAAC;AAwDnG,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsDzD,CAAC;AAMH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CAC3C,CAyDA,CAAC;AAqCF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmBrD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmE9C,CAAC"}
|
|
@@ -16,6 +16,27 @@ type SeparatorStyleArgs = Required<Pick<SeparatorProps, 'variant' | 'orientation
|
|
|
16
16
|
* four sides, against 16px above and below for the unlabelled one.
|
|
17
17
|
*/
|
|
18
18
|
export declare const separatorBlockMargin: (theme: Theme, size: SeparatorSize, margin: number | string | undefined, isHorizontal: boolean) => string;
|
|
19
|
+
/**
|
|
20
|
+
* What a labelled separator's rules add to {@link separatorStyles}, and whether
|
|
21
|
+
* the group stretches to its parent (FUT-2617).
|
|
22
|
+
*
|
|
23
|
+
* A labelled VERTICAL separator is a flex COLUMN — rule, label, rule — and with
|
|
24
|
+
* no `length` each rule is `height: 100%` of a column whose height is its own
|
|
25
|
+
* content: both resolved to 0px and only the label showed. So the column
|
|
26
|
+
* stretches to the row it sits in and the two rules split what the label
|
|
27
|
+
* leaves, equally (`flex: 1 1 0`), never shorter than a visible minimum. With a
|
|
28
|
+
* `length` the rule is exactly that long: no grow, no shrink, no basis, and the
|
|
29
|
+
* column keeps its content height, centred as before.
|
|
30
|
+
*
|
|
31
|
+
* Only the labelled branch reads this. The plain separator keeps
|
|
32
|
+
* `separatorStyles` as is, since `flex: 1 1 0` there would widen a vertical
|
|
33
|
+
* separator sitting in a row. The horizontal rules already shrink around the
|
|
34
|
+
* label in their row, so they are left alone.
|
|
35
|
+
*/
|
|
36
|
+
export declare const labelledSeparatorLayout: (theme: Theme, isHorizontal: boolean, length: SeparatorProps["length"]) => {
|
|
37
|
+
rule: CSSObject;
|
|
38
|
+
group: CSSObject;
|
|
39
|
+
};
|
|
19
40
|
export declare const separatorStyles: (theme: Theme, { variant, orientation, size, color, blockMargin, length }: SeparatorStyleArgs) => CSSObject;
|
|
20
41
|
export {};
|
|
21
42
|
//# sourceMappingURL=Separator.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EAEd,MAAM,mBAAmB,CAAC;AAuB3B,+DAA+D;AAC/D,eAAO,MAAM,eAAe,GAC1B,MAAM,aAAa,EACnB,SAAS,MAAM,GAAG,MAAM,KACvB,MAAM,GAAG,MAAmD,CAAC;AAyDhE,KAAK,kBAAkB,GAAG,QAAQ,CAChC,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC,CACzD,GACC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzC,+FAA+F;IAC/F,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,EACZ,MAAM,aAAa,EACnB,QAAQ,MAAM,GAAG,MAAM,GAAG,SAAS,EACnC,cAAc,OAAO,KACpB,MAIF,CAAC;AAaF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,EACZ,4DAA4D,kBAAkB,KAC7E,SA8BF,CAAC"}
|
|
1
|
+
{"version":3,"file":"Separator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EAEd,MAAM,mBAAmB,CAAC;AAuB3B,+DAA+D;AAC/D,eAAO,MAAM,eAAe,GAC1B,MAAM,aAAa,EACnB,SAAS,MAAM,GAAG,MAAM,KACvB,MAAM,GAAG,MAAmD,CAAC;AAyDhE,KAAK,kBAAkB,GAAG,QAAQ,CAChC,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC,CACzD,GACC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzC,+FAA+F;IAC/F,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,EACZ,MAAM,aAAa,EACnB,QAAQ,MAAM,GAAG,MAAM,GAAG,SAAS,EACnC,cAAc,OAAO,KACpB,MAIF,CAAC;AAaF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAClC,OAAO,KAAK,EACZ,cAAc,OAAO,EACrB,QAAQ,cAAc,CAAC,QAAQ,CAAC,KAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CASrC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,EACZ,4DAA4D,kBAAkB,KAC7E,SA8BF,CAAC"}
|
|
@@ -7,7 +7,12 @@ interface StepPalette {
|
|
|
7
7
|
main: string;
|
|
8
8
|
contrastText: string;
|
|
9
9
|
}
|
|
10
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* The step's colour pair, keyed through `paletteKey` so `danger` reads MUI's
|
|
12
|
+
* `error` (the palette has no `danger`). `neutral` lands on `grey`, a ramp with
|
|
13
|
+
* no `main`, so its pair is derived from the ramp — with the contrast computed,
|
|
14
|
+
* not assumed.
|
|
15
|
+
*/
|
|
11
16
|
export declare const stepPalette: (theme: Theme, color?: StepColor) => StepPalette;
|
|
12
17
|
export interface StepColors {
|
|
13
18
|
backgroundColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowStep.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/WorkflowStep/WorkflowStep.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"WorkflowStep.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/WorkflowStep/WorkflowStep.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIhF,KAAK,SAAS,GAAG,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;AACzD,KAAK,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAUvD,eAAO,MAAM,gBAAgB,GAAI,OAAO,QAAQ,KAAG,MACI,CAAC;AAExD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,SAAS,KAAG,WAW7D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,SAAS,WAAW,EACpB,6CAA6C,SAAS,KACrD,UA+BF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,gBAAgB,EAAE,EACzB,aAAa,MAAM,KAClB,gBAAgB,EAUf,CAAC;AAEL,KAAK,qBAAqB,GACtB,aAAa,GACb,SAAS,GACT,aAAa,GACb,OAAO,GACP,MAAM,GACN,cAAc,GACd,UAAU,GACV,aAAa,GACb,aAAa,GACb,WAAW,GACX,UAAU,CAAC;AAEf,KAAK,yBAAyB,GAAG,iBAAiB,GAChD,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAuB3D,eAAO,MAAM,wBAAwB,GACnC,OAAO,iBAAiB,KACvB,yBAC8E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowStep.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"WorkflowStep.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AA+L9B;;GAEG;AACH,QAAA,MAAM,sBAAsB,2FAyE1B,CAAC;AAIH;;GAEG;AACH,QAAA,MAAM,sBAAsB,2FAe1B,CAAC;AAIH;;GAEG;AACH,QAAA,MAAM,oBAAoB,yFA0CxB,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAIA,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import "../chunk-IO36MEBD.js";
|
|
2
2
|
import {
|
|
3
3
|
WorkflowStep
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-VLOUXTEM.js";
|
|
5
|
+
import "../chunk-WDVNRW3Q.js";
|
|
6
|
+
import "../chunk-GFQ4U6WZ.js";
|
|
7
|
+
import "../chunk-VXQOSADY.js";
|
|
8
|
+
import "../chunk-TCAQOUIB.js";
|
|
9
|
+
import "../chunk-7ZPUN7TV.js";
|
|
10
|
+
import "../chunk-PT6TCWIW.js";
|
|
11
|
+
import "../chunk-CGO452DC.js";
|
|
12
|
+
import "../chunk-GDN2LUTZ.js";
|
|
13
|
+
import "../chunk-7FDU3FIN.js";
|
|
14
|
+
import "../chunk-EPEJMTCQ.js";
|
|
15
|
+
import "../chunk-PE4ZW3IA.js";
|
|
16
|
+
import "../chunk-2BYKTBDL.js";
|
|
17
|
+
import "../chunk-AG66JBNH.js";
|
|
18
|
+
import "../chunk-FZXKH2ZT.js";
|
|
19
|
+
import "../chunk-PZBK3F52.js";
|
|
20
|
+
import "../chunk-26X4CZVR.js";
|
|
8
21
|
import "../chunk-FQ6UW7IY.js";
|
|
9
22
|
import "../chunk-6JAIFIPW.js";
|
|
10
23
|
import "../chunk-N3GAFIXG.js";
|
package/package.json
CHANGED
|
@@ -117,22 +117,29 @@ import BrokenImageIcon from '@mui/icons-material/BrokenImageIcon';
|
|
|
117
117
|
|
|
118
118
|
### With Custom Styles
|
|
119
119
|
|
|
120
|
+
`sx` here is inline CSS for the `<img>`, not MUI's `sx`, and the image's box
|
|
121
|
+
clips anything painted outside the image. So a shadow or a hover goes on a
|
|
122
|
+
wrapping element, rounded to match the image:
|
|
123
|
+
|
|
120
124
|
```tsx
|
|
121
|
-
<
|
|
122
|
-
src="https://example.com/image.jpg"
|
|
123
|
-
alt="Styled image"
|
|
124
|
-
width={200}
|
|
125
|
-
height={200}
|
|
126
|
-
objectFit="cover"
|
|
127
|
-
borderRadius={8}
|
|
125
|
+
<Box
|
|
128
126
|
sx={{
|
|
127
|
+
display: 'inline-flex',
|
|
128
|
+
borderRadius: (theme) => theme.typography.pxToRem(8),
|
|
129
129
|
boxShadow: 3,
|
|
130
|
-
'
|
|
131
|
-
|
|
132
|
-
transition: 'transform 0.3s'
|
|
133
|
-
}
|
|
130
|
+
transition: 'transform 0.3s',
|
|
131
|
+
'&:hover': { transform: 'scale(1.05)' },
|
|
134
132
|
}}
|
|
135
|
-
|
|
133
|
+
>
|
|
134
|
+
<LazyImage
|
|
135
|
+
src="https://example.com/image.jpg"
|
|
136
|
+
alt="Styled image"
|
|
137
|
+
width={200}
|
|
138
|
+
height={200}
|
|
139
|
+
objectFit="cover"
|
|
140
|
+
borderRadius={8}
|
|
141
|
+
/>
|
|
142
|
+
</Box>
|
|
136
143
|
```
|
|
137
144
|
|
|
138
145
|
### With Callbacks
|
|
@@ -155,8 +162,8 @@ import BrokenImageIcon from '@mui/icons-material/BrokenImageIcon';
|
|
|
155
162
|
|------|------|---------|-------------|
|
|
156
163
|
| `src` | `string` | - | **Required.** Image source URL |
|
|
157
164
|
| `alt` | `string` | - | **Required.** Alternative text for accessibility |
|
|
158
|
-
| `width` | `number \| string` | - | Image width |
|
|
159
|
-
| `height` | `number \| string` | `'auto'` | Image height |
|
|
165
|
+
| `width` | `number \| string` | - | Image width. A number above 1 is design px; a number above 0 and up to 1 is a fraction of the parent, as in `sx` (`0.5` is `50%`); a string is any CSS length |
|
|
166
|
+
| `height` | `number \| string` | `'auto'` | Image height, read like `width`. A fractional height takes effect only when the parent has a definite height |
|
|
160
167
|
|
|
161
168
|
### Loading Props
|
|
162
169
|
|
|
@@ -209,7 +216,7 @@ import BrokenImageIcon from '@mui/icons-material/BrokenImageIcon';
|
|
|
209
216
|
|------|------|-------------|
|
|
210
217
|
| `skeletonProps` | `object` | Props for skeleton loader |
|
|
211
218
|
| `spinnerProps` | `object` | Props for spinner loader |
|
|
212
|
-
| `sx` | `CSSProperties` |
|
|
219
|
+
| `sx` | `CSSProperties` | Inline CSS for the `<img>`, not MUI's `sx`. The image's box clips anything painted outside the image, such as a shadow |
|
|
213
220
|
| `className` | `string` | CSS class name |
|
|
214
221
|
| `data-testid` | `string` | Test ID for testing |
|
|
215
222
|
|
|
@@ -59,14 +59,27 @@ type Length = number | string | undefined;
|
|
|
59
59
|
const styleLength = (theme: Theme, value: Length): string | undefined =>
|
|
60
60
|
typeof value === 'number' ? rem(theme, value) : value;
|
|
61
61
|
|
|
62
|
+
/**
|
|
63
|
+
* A width or height above 0 and up to 1 is a fraction of the container's parent, as in `sx`.
|
|
64
|
+
* A negative number is no fraction: it stays a (negative, so invalid) length.
|
|
65
|
+
*/
|
|
66
|
+
const isFraction = (value: Length): value is number =>
|
|
67
|
+
typeof value === 'number' && value > 0 && value <= 1;
|
|
68
|
+
|
|
62
69
|
/**
|
|
63
70
|
* A length prop as `sx` reads it on a width or height: a number of 1 or less is
|
|
64
71
|
* a fraction of the parent, and that stays so; any other number is design px.
|
|
65
72
|
*/
|
|
66
|
-
const sxLength = (theme: Theme, value: Length): string | undefined =>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
73
|
+
const sxLength = (theme: Theme, value: Length): string | undefined =>
|
|
74
|
+
isFraction(value) ? `${value * 100}%` : styleLength(theme, value);
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* A width or height for what is drawn inside the container. The container alone
|
|
78
|
+
* takes a fraction, so everything in it fills it: a percentage here is measured
|
|
79
|
+
* against the container and would stack (FUT-2666). Otherwise the same as `styleLength`.
|
|
80
|
+
*/
|
|
81
|
+
const innerLength = (theme: Theme, value: Length): string | undefined =>
|
|
82
|
+
isFraction(value) ? '100%' : styleLength(theme, value);
|
|
70
83
|
|
|
71
84
|
/** The box the image occupies, as CSS, shared by the real image and every stand-in for it. */
|
|
72
85
|
interface BoxMetrics {
|
|
@@ -87,8 +100,8 @@ const SkeletonIndicator: React.FC<IndicatorProps> = ({ props }) => {
|
|
|
87
100
|
return (
|
|
88
101
|
<Skeleton
|
|
89
102
|
variant="rectangular"
|
|
90
|
-
width={
|
|
91
|
-
height={
|
|
103
|
+
width={innerLength(theme, props.width || '100%')}
|
|
104
|
+
height={innerLength(theme, props.height || 200)}
|
|
92
105
|
animation={props.skeletonProps.animation || 'pulse'}
|
|
93
106
|
intensity={props.skeletonProps.intensity}
|
|
94
107
|
borderRadius={styleLength(theme, props.borderRadius)}
|
|
@@ -169,7 +182,11 @@ const ErrorFallback: React.FC<IndicatorProps> = ({ props, metrics }) => {
|
|
|
169
182
|
|
|
170
183
|
return (
|
|
171
184
|
<FallbackContainer
|
|
172
|
-
sx={{
|
|
185
|
+
sx={{
|
|
186
|
+
width: innerLength(theme, width),
|
|
187
|
+
height: innerLength(theme, height),
|
|
188
|
+
borderRadius: styleLength(theme, borderRadius),
|
|
189
|
+
}}
|
|
173
190
|
data-testid={`${testId}-fallback`}
|
|
174
191
|
>
|
|
175
192
|
{fallback}
|
|
@@ -197,8 +214,8 @@ export const LazyImage = React.memo<LazyImageProps>(function LazyImage(rawProps)
|
|
|
197
214
|
const { width, height, borderRadius, alt } = props;
|
|
198
215
|
const testId = props['data-testid'];
|
|
199
216
|
const metrics: BoxMetrics = {
|
|
200
|
-
width:
|
|
201
|
-
height:
|
|
217
|
+
width: innerLength(theme, width),
|
|
218
|
+
height: innerLength(theme, height),
|
|
202
219
|
objectFit: props.objectFit,
|
|
203
220
|
objectPosition: props.objectPosition,
|
|
204
221
|
borderRadius: styleLength(theme, borderRadius),
|
|
@@ -15,12 +15,21 @@ export interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement
|
|
|
15
15
|
alt: string;
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* Width of the image
|
|
18
|
+
* Width of the image. A number above 1 is design px, scaled with the theme's
|
|
19
|
+
* type scale. A number above 0 and up to 1 is a fraction of the
|
|
20
|
+
* container's parent, as in `sx`: `0.5` is `50%`. The container takes it and
|
|
21
|
+
* the image, its skeleton and its fallback fill the container.
|
|
22
|
+
* A string is any CSS length and passes through untouched.
|
|
19
23
|
*/
|
|
20
24
|
width?: number | string;
|
|
21
25
|
|
|
22
26
|
/**
|
|
23
|
-
* Height of the image
|
|
27
|
+
* Height of the image. A number above 1 is design px, scaled with the theme's
|
|
28
|
+
* type scale. A number above 0 and up to 1 is a fraction of the
|
|
29
|
+
* container's parent, as in `sx`: `0.5` is `50%`. The container takes it and
|
|
30
|
+
* the image, its skeleton and its fallback fill the container. A fractional
|
|
31
|
+
* height takes effect only when the parent has a definite height.
|
|
32
|
+
* A string is any CSS length and passes through untouched.
|
|
24
33
|
*/
|
|
25
34
|
height?: number | string;
|
|
26
35
|
|
|
@@ -168,7 +177,10 @@ export interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement
|
|
|
168
177
|
};
|
|
169
178
|
|
|
170
179
|
/**
|
|
171
|
-
*
|
|
180
|
+
* Inline CSS for the `<img>` (its `style`), not MUI's `sx`: theme values and
|
|
181
|
+
* nested selectors such as `'&:hover'` do not apply. The image's box clips
|
|
182
|
+
* anything painted outside the image, such as a shadow, so put those on a
|
|
183
|
+
* wrapping element.
|
|
172
184
|
*/
|
|
173
185
|
sx?: React.CSSProperties;
|
|
174
186
|
|