@flipdish/ui-library 0.45.3 → 0.46.0
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/components/molecules/Pagination/components/PaginationBase.cjs +20 -6
- package/dist/components/molecules/Pagination/components/PaginationBase.cjs.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationBase.d.ts +7 -2
- package/dist/components/molecules/Pagination/components/PaginationBase.d.ts.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationBase.js +19 -6
- package/dist/components/molecules/Pagination/components/PaginationBase.js.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationDot.cjs +2 -2
- package/dist/components/molecules/Pagination/components/PaginationDot.cjs.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationDot.js +3 -3
- package/dist/components/molecules/Pagination/components/PaginationDot.js.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationLine.cjs +2 -2
- package/dist/components/molecules/Pagination/components/PaginationLine.cjs.map +1 -1
- package/dist/components/molecules/Pagination/components/PaginationLine.js +3 -3
- package/dist/components/molecules/Pagination/components/PaginationLine.js.map +1 -1
- package/dist/components/molecules/Pagination/index.cjs +48 -64
- package/dist/components/molecules/Pagination/index.cjs.map +1 -1
- package/dist/components/molecules/Pagination/index.d.ts +24 -71
- package/dist/components/molecules/Pagination/index.d.ts.map +1 -1
- package/dist/components/molecules/Pagination/index.js +52 -63
- package/dist/components/molecules/Pagination/index.js.map +1 -1
- package/dist/components/organisms/Table/index.cjs +5 -2
- package/dist/components/organisms/Table/index.cjs.map +1 -1
- package/dist/components/organisms/Table/index.d.ts +5 -1
- package/dist/components/organisms/Table/index.d.ts.map +1 -1
- package/dist/components/organisms/Table/index.js +5 -2
- package/dist/components/organisms/Table/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/molecules/Pagination/components/PaginationPages.cjs +0 -27
- package/dist/components/molecules/Pagination/components/PaginationPages.cjs.map +0 -1
- package/dist/components/molecules/Pagination/components/PaginationPages.d.ts +0 -18
- package/dist/components/molecules/Pagination/components/PaginationPages.d.ts.map +0 -1
- package/dist/components/molecules/Pagination/components/PaginationPages.js +0 -25
- package/dist/components/molecules/Pagination/components/PaginationPages.js.map +0 -1
|
@@ -1,83 +1,36 @@
|
|
|
1
|
-
import type { PaginationRootProps } from './components/PaginationBase';
|
|
2
1
|
export * from './components/PaginationDot';
|
|
3
2
|
export * from './components/PaginationLine';
|
|
4
|
-
export interface PaginationProps
|
|
5
|
-
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
* a "Page X of Y" summary on narrow viewports.
|
|
11
|
-
*
|
|
12
|
-
* @summary numbered page navigation with previous and next
|
|
13
|
-
*/
|
|
14
|
-
export declare const PaginationPageDefault: ({ rounded, page, total, className, ...props }: PaginationProps) => import("react").JSX.Element;
|
|
15
|
-
/** Page-level pagination with outlined Previous and Next buttons either side of centred page numbers. */
|
|
16
|
-
export declare const PaginationPageMinimalCenter: ({ rounded, page, total, className, ...props }: PaginationProps) => import("react").JSX.Element;
|
|
17
|
-
/**
|
|
18
|
-
* Pagination for the bottom of a card: page numbers with Previous and Next inside the card
|
|
19
|
-
* inset. Use `PaginationCardMinimal` or `PaginationCardAdvanced` for other densities.
|
|
20
|
-
*
|
|
21
|
-
* @summary card-footer pagination with page numbers
|
|
22
|
-
*/
|
|
23
|
-
export declare const PaginationCardDefault: ({ rounded, page, total, className, ...props }: PaginationProps) => import("react").JSX.Element;
|
|
24
|
-
interface PaginationCardMinimalProps {
|
|
25
|
-
/** The current page. */
|
|
26
|
-
page?: number;
|
|
27
|
-
/** The total number of pages. */
|
|
28
|
-
total?: number;
|
|
29
|
-
/** The number of items per page. */
|
|
30
|
-
pageSize?: number;
|
|
31
|
-
/** The alignment of the pagination. */
|
|
32
|
-
align?: 'left' | 'center' | 'right';
|
|
33
|
-
/** The class name of the pagination component. */
|
|
34
|
-
className?: string;
|
|
35
|
-
/** The function to call when the page changes. */
|
|
3
|
+
export interface PaginationProps {
|
|
4
|
+
/** 1-based page currently shown. */
|
|
5
|
+
page: number;
|
|
6
|
+
/** Total number of pages. */
|
|
7
|
+
total: number;
|
|
8
|
+
/** Called with the new 1-based page when the user navigates. */
|
|
36
9
|
onPageChange?: (page: number) => void;
|
|
37
|
-
/**
|
|
10
|
+
/** Rows shown per page; the selected value of the "Rows per page" select. */
|
|
11
|
+
pageSize?: number;
|
|
12
|
+
/** Choices offered by the "Rows per page" select. */
|
|
13
|
+
pageSizeOptions?: readonly number[];
|
|
14
|
+
/** Called with the new page size. The "Rows per page" select renders only when this is set. */
|
|
38
15
|
onPageSizeChange?: (pageSize: number) => void;
|
|
16
|
+
/** Shows the "Showing page [n] of N" field where the pager is wide enough; typing a page number jumps to it. */
|
|
17
|
+
showPageInput?: boolean;
|
|
18
|
+
/** Pages kept visible on each side of the current page before the row collapses behind an ellipsis. */
|
|
19
|
+
siblingCount?: number;
|
|
20
|
+
/** Extra classes merged onto the root `<nav>`. */
|
|
21
|
+
className?: string;
|
|
39
22
|
/**
|
|
40
|
-
* Overrides the root `data-testid` (defaults to `fd-pagination
|
|
41
|
-
*
|
|
42
|
-
* (e.g. `<root>--previous`, `<root>--next`, `<root>--page-size--trigger`).
|
|
23
|
+
* Overrides the root `data-testid` (defaults to `fd-pagination`). Every control derives its id from
|
|
24
|
+
* it: `<root>--page-<n>`, `--first`, `--prev`, `--next`, `--last`, `--page-input`, `--page-size`.
|
|
43
25
|
*/
|
|
44
26
|
'data-testid'?: string;
|
|
45
27
|
}
|
|
46
|
-
/** Card-footer pagination showing "Page X of Y", a page-size select and Previous and Next buttons, without page numbers. */
|
|
47
|
-
export declare const PaginationCardMinimal: ({ page, total, pageSize, align, onPageChange, className, onPageSizeChange, "data-testid": dataTestId, }: PaginationCardMinimalProps) => import("react").JSX.Element;
|
|
48
|
-
interface PaginationButtonGroupProps extends Partial<Omit<PaginationRootProps, 'children'>> {
|
|
49
|
-
/** The alignment of the pagination. */
|
|
50
|
-
align?: 'left' | 'center' | 'right';
|
|
51
|
-
}
|
|
52
28
|
/**
|
|
53
|
-
*
|
|
54
|
-
*
|
|
29
|
+
* Card-footer pager for tables and lists: first, previous, next and last buttons around the page
|
|
30
|
+
* numbers, a "Showing page" field to jump to a page and a "Rows per page" select. The parts follow the
|
|
31
|
+
* pager's own width: a narrow one keeps the four buttons and a "Showing page X of Y" line.
|
|
55
32
|
*
|
|
56
|
-
* @summary
|
|
33
|
+
* @summary table pager with page input and rows per page
|
|
57
34
|
*/
|
|
58
|
-
export declare const
|
|
59
|
-
interface PaginationCardAdvancedProps {
|
|
60
|
-
/** The current page. */
|
|
61
|
-
page?: number;
|
|
62
|
-
/** The total number of pages. */
|
|
63
|
-
total?: number;
|
|
64
|
-
/** The number of items per page. */
|
|
65
|
-
pageSize?: number;
|
|
66
|
-
/** The alignment of the pagination. */
|
|
67
|
-
align?: 'space-between' | 'center';
|
|
68
|
-
/** The class name of the pagination component. */
|
|
69
|
-
className?: string;
|
|
70
|
-
/** The function to call when the page changes. */
|
|
71
|
-
onPageChange?: (page: number) => void;
|
|
72
|
-
/** The function to call when the page size changes. */
|
|
73
|
-
onPageSizeChange?: (pageSize: number) => void;
|
|
74
|
-
/**
|
|
75
|
-
* Overrides the root `data-testid`. Defaults to `fd-pagination`. Page buttons and
|
|
76
|
-
* Previous/Next triggers derive their testids from this prefix (e.g. `<root>--page-2`,
|
|
77
|
-
* `<root>--next`).
|
|
78
|
-
*/
|
|
79
|
-
'data-testid'?: string;
|
|
80
|
-
}
|
|
81
|
-
/** Card-footer pagination with a page-number input, a rows-per-page select, page numbers and first, previous, next and last buttons. */
|
|
82
|
-
export declare const PaginationCardAdvanced: ({ page, total, pageSize, align, onPageChange, className, onPageSizeChange, "data-testid": dataTestId, }: PaginationCardAdvancedProps) => import("react").JSX.Element;
|
|
35
|
+
export declare const Pagination: ({ page, total, onPageChange, pageSize, pageSizeOptions, onPageSizeChange, showPageInput, siblingCount, className, "data-testid": dataTestId, }: PaginationProps) => import("react").JSX.Element;
|
|
83
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"names":[],"mappings":"AAgBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"names":[],"mappings":"AAgBA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAI5C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gHAAgH;IAChH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uGAAuG;IACvG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA+KD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,gJAWxB,eAAe,gCAoBjB,CAAC"}
|
|
@@ -1,78 +1,67 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { ChevronLeftDouble, ChevronLeft, ChevronRight, ChevronRightDouble } from '@flipdish/ui-icons';
|
|
3
3
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
4
|
import { InputBase } from '@flipdish/ui-library/components/atoms/Input';
|
|
5
|
-
import { ButtonGroup, ButtonGroupItem } from '@flipdish/ui-library/components/molecules/ButtonGroup';
|
|
6
5
|
import { Select } from '@flipdish/ui-library/components/molecules/Select';
|
|
7
|
-
import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
|
|
8
6
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
7
|
+
import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
8
|
+
import { useState, useEffect } from 'react';
|
|
9
|
+
import { PaginationBase, usePaginationContext } from './components/PaginationBase.js';
|
|
12
10
|
export { PaginationDot } from './components/PaginationDot.js';
|
|
13
11
|
export { PaginationLine } from './components/PaginationLine.js';
|
|
14
12
|
|
|
15
|
-
const
|
|
16
|
-
|
|
13
|
+
const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
|
|
14
|
+
const PageInput = ({ page, total, onPageChange, 'data-testid': dataTestId }) => {
|
|
15
|
+
const [draft, setDraft] = useState(String(page));
|
|
16
|
+
// The buttons also move the page, so the field follows them.
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
setDraft(String(page));
|
|
19
|
+
}, [page]);
|
|
20
|
+
// Committing on Enter or blur, not per keystroke, so typing "10" never visits page 1 first. The field then shows the
|
|
21
|
+
// page the parent settled on, which may not be the typed one, and an untouched field never navigates on blur.
|
|
22
|
+
const commit = () => {
|
|
23
|
+
if (draft === String(page))
|
|
24
|
+
return;
|
|
25
|
+
const next = Number(draft);
|
|
26
|
+
if (draft.trim() !== '' && Number.isInteger(next)) {
|
|
27
|
+
const clamped = Math.min(Math.max(next, 1), Math.max(total, 1));
|
|
28
|
+
if (clamped !== page)
|
|
29
|
+
onPageChange(clamped);
|
|
30
|
+
}
|
|
31
|
+
setDraft(String(page));
|
|
32
|
+
};
|
|
33
|
+
return (jsx(InputBase, { "aria-label": "Page", inputMode: "numeric", size: "sm", value: draft, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
|
|
34
|
+
if (event.key !== 'Enter')
|
|
35
|
+
return;
|
|
36
|
+
// The commit is the whole action: an enclosing form must not submit as well.
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
commit();
|
|
39
|
+
}, wrapperClassName: "w-max min-w-9 bg-brand-primary_alt not-data-focus-within:ring-bg-brand-primary_alt", inputClassName: "min-w-9 px-2 text-center text-brand-tertiary field-sizing-content", "data-testid": dataTestId }));
|
|
17
40
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
return (jsxs(Pagination.Root, { ...props, page: page, total: total, className: cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsx("div", { className: "flex flex-1 justify-start", children: jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsx(PaginationPages, { rounded: rounded }), jsx("div", { className: "flex flex-1 justify-end", children: jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
|
|
32
|
-
};
|
|
33
|
-
/**
|
|
34
|
-
* Pagination for the bottom of a card: page numbers with Previous and Next inside the card
|
|
35
|
-
* inset. Use `PaginationCardMinimal` or `PaginationCardAdvanced` for other densities.
|
|
36
|
-
*
|
|
37
|
-
* @summary card-footer pagination with page numbers
|
|
38
|
-
*/
|
|
39
|
-
const PaginationCardDefault = ({ rounded, page = 1, total = 10, className, ...props }) => {
|
|
40
|
-
const isDesktop = useBreakpoints('md');
|
|
41
|
-
return (jsxs(Pagination.Root, { ...props, page: page, total: total, className: cx('flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: [jsx("div", { className: "flex flex-1 justify-start", children: jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsx(PaginationPages, { rounded: rounded }), jsx("div", { className: "flex flex-1 justify-end", children: jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
|
|
42
|
-
};
|
|
43
|
-
/** Card-footer pagination showing "Page X of Y", a page-size select and Previous and Next buttons, without page numbers. */
|
|
44
|
-
const PaginationCardMinimal = ({ page = 1, total = 10, pageSize = 10, align = 'left', onPageChange, className, onPageSizeChange, 'data-testid': dataTestId, }) => {
|
|
45
|
-
const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'pagination-card-minimal', rootName: 'pagination-card-minimal' });
|
|
46
|
-
return (jsxs("div", { className: cx('w-full border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), "data-testid": rootTestId, children: [jsx(MobilePagination, { page: page, total: total, onPageChange: onPageChange }), jsxs("nav", { "aria-label": "Pagination", className: cx('hidden items-center gap-3 md:flex', align === 'center' && 'justify-between'), children: [jsx("div", { className: cx(align === 'center' && 'flex flex-1 justify-start'), children: jsx(Button, { isDisabled: page === 1, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)), "data-testid": joinTestId(rootTestId, 'previous'), children: "Previous" }) }), jsxs("div", { className: cx('flex items-center gap-3', align === 'right' && 'order-first mr-auto', align === 'left' && 'order-last ml-auto flex-row-reverse'), children: [jsxs("span", { className: "text-sm font-medium text-fg-secondary", children: ["Page ", page, " of ", total] }), jsx(Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", "data-testid": joinTestId(rootTestId, 'page-size'), items: [
|
|
47
|
-
{ label: '10 per page', id: 10 },
|
|
48
|
-
{ label: '25 per page', id: 25 },
|
|
49
|
-
{ label: '50 per page', id: 50 },
|
|
50
|
-
{ label: '100 per page', id: 100 },
|
|
51
|
-
], children: (item) => (jsx(Select.Item, { id: item.id, children: item.label?.split(' ')[0] }, item.id)) })] }), jsx("div", { className: cx(align === 'center' && 'flex flex-1 justify-end'), children: jsx(Button, { isDisabled: page === total, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)), "data-testid": joinTestId(rootTestId, 'next'), children: "Next" }) })] })] }));
|
|
41
|
+
const PAGE_ITEM_CLASSNAME = 'flex size-9 cursor-pointer items-center justify-center rounded-lg text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2';
|
|
42
|
+
// The tiers follow the pager's own width, not the viewport, since a sidebar or side panel narrows the card. The numbers
|
|
43
|
+
// and rows per page need about 720px, all three clusters about 900px; from there the equal-width sides keep the middle
|
|
44
|
+
// centred, and they never shrink below their text.
|
|
45
|
+
// Tailwind reads class names as written, so the wide tier is spelled out rather than built from a constant.
|
|
46
|
+
const SIDE_CLUSTER_CLASSNAME = 'hidden shrink-0 items-center gap-2 text-sm font-medium whitespace-nowrap text-secondary @min-[57.5rem]:max-w-60 @min-[57.5rem]:flex-1';
|
|
47
|
+
const PaginationContent = ({ page, total, pageSize, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, onPageSizeChange, showPageInput = true, }) => {
|
|
48
|
+
const { pages, onPageChange, testIdPrefix } = usePaginationContext();
|
|
49
|
+
const testId = (segment) => (testIdPrefix ? joinTestId(testIdPrefix, segment) : undefined);
|
|
50
|
+
const selectedPageSize = pageSize ?? pageSizeOptions[0];
|
|
51
|
+
const isFirstPage = page <= 1;
|
|
52
|
+
const isLastPage = page >= total;
|
|
53
|
+
return (jsxs(Fragment, { children: [jsx("div", { className: cx(SIDE_CLUSTER_CLASSNAME, '@min-[57.5rem]:flex'), children: showPageInput && (jsxs(Fragment, { children: ["Showing page", jsx(PageInput, { page: page, total: total, onPageChange: onPageChange, "data-testid": testId('page-input') }), "of ", total] })) }), jsxs("div", { className: "flex flex-1 items-center justify-between gap-3 @3xl:justify-center @3xl:gap-4", children: [jsxs("div", { className: "flex gap-2", children: [jsx(Button, { "aria-label": "First Page", iconLeading: ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: isFirstPage, onClick: () => onPageChange(1), "data-testid": testId('first') }), jsx(PaginationBase.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ChevronLeft, color: "secondary", size: "sm" }) })] }), jsx("div", { className: "hidden gap-0.5 @3xl:flex", "data-testid": testId('pages'), children: pages.map((item) => item.type === 'page' ? (jsx(PaginationBase.Item, { value: item.value, isCurrent: item.isCurrent, className: ({ isSelected }) => cx(PAGE_ITEM_CLASSNAME, isSelected && 'bg-brand-primary_alt text-brand-tertiary hover:bg-brand-primary_alt hover:text-brand-tertiary'), children: item.value }, item.value)) : (jsx(PaginationBase.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-sm text-tertiary", children: "\u2026" }, `ellipsis-${item.key}`))) }), jsxs("span", { className: "text-sm font-medium whitespace-nowrap text-secondary @3xl:hidden", "data-testid": testId('mobile-status'), children: [jsx("span", { className: "hidden @sm:inline", children: "Showing page" }), jsx("span", { className: "@sm:hidden", children: "Page" }), " ", page, " of ", total] }), jsxs("div", { className: "flex gap-2", children: [jsx(PaginationBase.NextTrigger, { asChild: true, children: jsx(Button, { iconLeading: ChevronRight, color: "secondary", size: "sm" }) }), jsx(Button, { "aria-label": "Last Page", iconLeading: ChevronRightDouble, color: "secondary", size: "sm", isDisabled: isLastPage, onClick: () => onPageChange(total), "data-testid": testId('last') })] })] }), jsx("div", { className: cx(SIDE_CLUSTER_CLASSNAME, 'justify-end @3xl:flex'), children: onPageSizeChange && (jsxs(Fragment, { children: ["Rows per page", jsx(Select, { "aria-label": "Rows per page", size: "sm", value: selectedPageSize, onChange: (value) => onPageSizeChange(Number(value)), items: pageSizeOptions.map((option) => ({ id: option, label: String(option) })), "data-testid": testId('page-size'), children: (item) => (jsx(Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] })) })] }));
|
|
52
54
|
};
|
|
53
55
|
/**
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
+
* Card-footer pager for tables and lists: first, previous, next and last buttons around the page
|
|
57
|
+
* numbers, a "Showing page" field to jump to a page and a "Rows per page" select. The parts follow the
|
|
58
|
+
* pager's own width: a narrow one keeps the four buttons and a "Showing page X of Y" line.
|
|
56
59
|
*
|
|
57
|
-
* @summary
|
|
60
|
+
* @summary table pager with page input and rows per page
|
|
58
61
|
*/
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
return (jsx("div", { className: cx('flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', align === 'left' && 'justify-start', align === 'center' && 'justify-center', align === 'right' && 'justify-end'), children: jsx(Pagination.Root, { ...props, page: page, total: total, children: jsx(Pagination.Context, { children: ({ pages }) => (jsxs(ButtonGroup, { size: "sm", children: [jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(ButtonGroupItem, { iconLeading: ArrowLeft, children: isDesktop ? 'Previous' : undefined }) }), pages.map((page, index) => page.type === 'page' ? (
|
|
62
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
|
|
63
|
-
jsx(Pagination.Item, { ...page, asChild: true, children: jsx(ButtonGroupItem, { isSelected: page.isCurrent, className: "size-9 items-center justify-center", children: page.value }) }, index)) : (
|
|
64
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
|
|
65
|
-
jsx(Pagination.Ellipsis, { children: jsx(ButtonGroupItem, { isDisabled: true, className: "pointer-events-none size-9 items-center justify-center rounded-none!", children: "\u2026" }) }, index))), jsx(Pagination.NextTrigger, { asChild: true, children: jsx(ButtonGroupItem, { iconTrailing: ArrowRight, children: isDesktop ? 'Next' : undefined }) })] })) }) }) }));
|
|
66
|
-
};
|
|
67
|
-
/** Card-footer pagination with a page-number input, a rows-per-page select, page numbers and first, previous, next and last buttons. */
|
|
68
|
-
const PaginationCardAdvanced = ({ page = 1, total = 10, pageSize = 10, align = 'space-between', onPageChange, className, onPageSizeChange, 'data-testid': dataTestId, }) => {
|
|
69
|
-
return (jsx("div", { className: cx('border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: jsxs(Pagination.Root, { page: page, total: total, onPageChange: onPageChange, "data-testid": dataTestId, className: cx('flex items-center gap-3', align === 'center' && 'justify-between'), children: [jsxs("div", { className: "hidden items-center gap-2 text-sm font-medium whitespace-nowrap text-fg-secondary md:flex", children: ["Page", jsx(InputBase, { "aria-label": "Page", value: page.toString(), onChange: (event) => onPageChange?.(Number(event.target.value)), size: "sm", wrapperClassName: "min-w-9", inputClassName: "text-center min-w-9 field-sizing-content" }), "of ", total] }), jsx("hr", { className: cx('mx-1 h-4 w-px border-l border-primary max-md:hidden', align === 'center' && 'hidden') }), jsxs("div", { className: cx('hidden items-center gap-2 md:flex', align === 'center' && 'order-last'), children: [jsx("span", { className: "text-sm font-medium whitespace-nowrap text-secondary", children: "Rows per page" }), jsx(Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", items: [
|
|
70
|
-
{ label: '10', id: 10 },
|
|
71
|
-
{ label: '25', id: 25 },
|
|
72
|
-
{ label: '50', id: 50 },
|
|
73
|
-
{ label: '100', id: 100 },
|
|
74
|
-
], children: (item) => (jsx(Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] }), jsxs("div", { className: cx('flex flex-1 items-center gap-4 md:ml-auto md:justify-end', align === 'center' && 'md:justify-center'), children: [jsxs("div", { className: "flex gap-2", children: [jsx(Button, { "aria-label": "Go to first page", iconLeading: ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: page === 1, onClick: () => onPageChange?.(1) }), jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { "aria-label": "Go to previous page", iconLeading: ChevronLeft, color: "secondary", size: "sm" }) })] }), jsx(PaginationPages, { wideMobileLine: true }), jsxs("div", { className: "flex gap-2", children: [jsx(Button, { "aria-label": "Go to last page", iconTrailing: ChevronRightDouble, color: "secondary", size: "sm", isDisabled: page === total, onClick: () => onPageChange?.(total) }), jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { "aria-label": "Go to next page", iconTrailing: ChevronRight, color: "secondary", size: "sm" }) })] })] })] }) }));
|
|
62
|
+
const Pagination = ({ page, total, onPageChange, pageSize, pageSizeOptions, onPageSizeChange, showPageInput = true, siblingCount = 1, className, 'data-testid': dataTestId, }) => {
|
|
63
|
+
return (jsx(PaginationBase.Root, { page: page, total: total, siblingCount: siblingCount, onPageChange: onPageChange, "data-testid": dataTestId, className: cx('@container flex items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: jsx(PaginationContent, { page: page, total: total, pageSize: pageSize, pageSizeOptions: pageSizeOptions, onPageSizeChange: onPageSizeChange, showPageInput: showPageInput }) }));
|
|
75
64
|
};
|
|
76
65
|
|
|
77
|
-
export {
|
|
66
|
+
export { Pagination };
|
|
78
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
|
@@ -66,7 +66,10 @@ const TableHead = ({ className, tooltip, label, children, 'data-testid': dataTes
|
|
|
66
66
|
return (jsxRuntime.jsx(reactAriaComponents.Column, { ...props, "data-testid": colTestId, className: (state) => cx.cx('relative p-0 px-6 py-2 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset', selectionBehavior === 'toggle' && 'nth-2:pl-3', state.allowsSorting && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: (state) => (jsxRuntime.jsxs(reactAriaComponents.Group, { className: "flex items-center gap-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [label && jsxRuntime.jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-quaternary", children: label }), typeof children === 'function' ? children(state) : children] }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { "aria-label": tooltip, className: "cursor-pointer text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4" }) }) })), state.allowsSorting && jsxRuntime.jsx(TableSortIcon.TableSortIcon, { sortDirection: state.sortDirection })] })) }));
|
|
67
67
|
};
|
|
68
68
|
TableHead.displayName = 'TableHead';
|
|
69
|
-
|
|
69
|
+
// The design's selected row: a brand tint and a 4px brand bar down the row's left edge, drawn by its first cell. The
|
|
70
|
+
// `_alt` tint is brand-50 in light and the secondary surface in dark, where `bg-brand-primary` is a solid brand-500.
|
|
71
|
+
const HIGHLIGHTED_ROW_CLASSNAME = "bg-brand-primary_alt hover:bg-brand-primary_alt [&>td:first-child]:before:absolute [&>td:first-child]:before:inset-y-0 [&>td:first-child]:before:left-0 [&>td:first-child]:before:w-1 [&>td:first-child]:before:bg-brand-solid [&>td:first-child]:before:content-['']";
|
|
72
|
+
const TableRow = ({ columns, children, className, highlightSelectedRow = true, isHighlighted = false, size: sizeProp, 'data-testid': dataTestId, ...props }) => {
|
|
70
73
|
const context = React.useContext(TableContext);
|
|
71
74
|
const { selectionBehavior, selectionMode } = reactAriaComponents.useTableOptions();
|
|
72
75
|
const size = sizeProp ?? context.size;
|
|
@@ -77,7 +80,7 @@ const TableRow = ({ columns, children, className, highlightSelectedRow = true, s
|
|
|
77
80
|
const { registerRow } = context;
|
|
78
81
|
const { id, isDisabled } = props;
|
|
79
82
|
useSelectableRowRegistry.useRegisterSelectableRow(registerRow, id, isDisabled);
|
|
80
|
-
return (jsxRuntime.jsxs(reactAriaComponents.Row, { ...props, "data-testid": rowTestId, className: (state) => cx.cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', highlightSelectedRow &&
|
|
83
|
+
return (jsxRuntime.jsxs(reactAriaComponents.Row, { ...props, "data-testid": rowTestId, "data-highlighted": isHighlighted || undefined, className: (state) => cx.cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', ((highlightSelectedRow && state.isSelected) || isHighlighted) && HIGHLIGHTED_ROW_CLASSNAME, isInteractive && (state.isDisabled ? 'cursor-default' : 'cursor-pointer'),
|
|
81
84
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
82
85
|
'[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-secondary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsxRuntime.jsx(reactAriaComponents.Cell, { className: cx.cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'md:pl-5' : 'md:pl-6'), children: jsxRuntime.jsx("div", { className: "flex items-end", children: jsxRuntime.jsx(Checkbox.Checkbox, { slot: "selection", size: "md", "data-testid": rowTestId ? testIdUtils.joinTestId(rowTestId, 'selection') : undefined }) }) })), jsxRuntime.jsx(reactAriaComponents.Collection, { items: columns, children: children })] }));
|
|
83
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","Dropdown","_jsx","Edit01","Copy01","Trash01","createContext","cx","useContext","isValidElement","Badge","useResolvedTestId","useSelectableRowRegistry","reportSelectionChange","AriaTable","selectionOfKey","hasSelectionListener","useTableOptions","AriaTableHeader","AriaColumn","Checkbox","AriaCollection","joinTestId","slugifyTestId","AriaGroup","Tooltip","TooltipTrigger","HelpCircle","TableSortIcon","useRegisterSelectableRow","AriaRow","AriaCell","AriaTableBody"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","Dropdown","_jsx","Edit01","Copy01","Trash01","createContext","cx","useContext","isValidElement","Badge","useResolvedTestId","useSelectableRowRegistry","reportSelectionChange","AriaTable","selectionOfKey","hasSelectionListener","useTableOptions","AriaTableHeader","AriaColumn","Checkbox","AriaCollection","joinTestId","slugifyTestId","AriaGroup","Tooltip","TooltipTrigger","HelpCircle","TableSortIcon","useRegisterSelectableRow","AriaRow","AriaCell","AriaTableBody"],"mappings":"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"}
|
|
@@ -53,13 +53,17 @@ declare const TableHead: {
|
|
|
53
53
|
displayName: string;
|
|
54
54
|
};
|
|
55
55
|
interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<'tr'>, 'children' | 'className' | 'onClick' | 'slot' | 'style' | 'id'> {
|
|
56
|
+
/** Draws the selected row with the brand tint and left bar; off, a selected row looks like any other. */
|
|
56
57
|
highlightSelectedRow?: boolean;
|
|
58
|
+
/** Draws the row as if selected without selecting it, for the row whose detail is open beside the table. */
|
|
59
|
+
isHighlighted?: boolean;
|
|
60
|
+
/** Row height and cell padding; inherits from the table unless set. */
|
|
57
61
|
size?: 'sm' | 'md';
|
|
58
62
|
/** Overrides the derived `data-testid` for the row (defaults to `<root>--row-<id>`). */
|
|
59
63
|
'data-testid'?: string;
|
|
60
64
|
}
|
|
61
65
|
declare const TableRow: {
|
|
62
|
-
<T extends object>({ columns, children, className, highlightSelectedRow, size: sizeProp, "data-testid": dataTestId, ...props }: TableRowProps<T>): import("react").JSX.Element;
|
|
66
|
+
<T extends object>({ columns, children, className, highlightSelectedRow, isHighlighted, size: sizeProp, "data-testid": dataTestId, ...props }: TableRowProps<T>): import("react").JSX.Element;
|
|
63
67
|
displayName: string;
|
|
64
68
|
};
|
|
65
69
|
interface TableCellProps extends AriaCellProps, Omit<TdHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Table/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEvH,OAAO,KAAK,EACV,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAC9B,QAAQ,IAAI,YAAY,EACxB,gBAAgB,IAAI,oBAAoB,EACxC,UAAU,IAAI,cAAc,EAC5B,GAAG,EAEJ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAOL,SAAS,IAAI,aAAa,EAG3B,MAAM,uBAAuB,CAAC;AAK/B,2HAA2H;AAC3H,eAAO,MAAM,uBAAuB,mCAkBnC,CAAC;AAuBF,UAAU,oBAAoB;IAC5B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,UAAU,cAAe,SAAQ,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnH,kJAAkJ;IAClJ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,4HAA4H;IAC5H,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,iHAAiH;IACjH,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,qIAAqI;IACrI,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,SAAS;iIAQZ,cAAc;;CA2BhB,CAAC;AAGF,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CACzC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,WAAW;KAAI,CAAC,SAAS,MAAM,wEAA+E,gBAAgB,CAAC,CAAC,CAAC;;CAkCtI,CAAC;AAIF,UAAU,cAAe,SAAQ,eAAe,EAAE,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;IACvI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,SAAS;mFAAkF,cAAc;;CA0C9G,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,10 @@ const TableHead = ({ className, tooltip, label, children, 'data-testid': dataTes
|
|
|
64
64
|
return (jsx(Column, { ...props, "data-testid": colTestId, className: (state) => cx('relative p-0 px-6 py-2 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset', selectionBehavior === 'toggle' && 'nth-2:pl-3', state.allowsSorting && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: (state) => (jsxs(Group, { className: "flex items-center gap-1", children: [jsxs("div", { className: "flex items-center gap-1", children: [label && jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-quaternary", children: label }), typeof children === 'function' ? children(state) : children] }), tooltip && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { "aria-label": tooltip, className: "cursor-pointer text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsx(HelpCircle, { className: "size-4" }) }) })), state.allowsSorting && jsx(TableSortIcon, { sortDirection: state.sortDirection })] })) }));
|
|
65
65
|
};
|
|
66
66
|
TableHead.displayName = 'TableHead';
|
|
67
|
-
|
|
67
|
+
// The design's selected row: a brand tint and a 4px brand bar down the row's left edge, drawn by its first cell. The
|
|
68
|
+
// `_alt` tint is brand-50 in light and the secondary surface in dark, where `bg-brand-primary` is a solid brand-500.
|
|
69
|
+
const HIGHLIGHTED_ROW_CLASSNAME = "bg-brand-primary_alt hover:bg-brand-primary_alt [&>td:first-child]:before:absolute [&>td:first-child]:before:inset-y-0 [&>td:first-child]:before:left-0 [&>td:first-child]:before:w-1 [&>td:first-child]:before:bg-brand-solid [&>td:first-child]:before:content-['']";
|
|
70
|
+
const TableRow = ({ columns, children, className, highlightSelectedRow = true, isHighlighted = false, size: sizeProp, 'data-testid': dataTestId, ...props }) => {
|
|
68
71
|
const context = useContext(TableContext);
|
|
69
72
|
const { selectionBehavior, selectionMode } = useTableOptions();
|
|
70
73
|
const size = sizeProp ?? context.size;
|
|
@@ -75,7 +78,7 @@ const TableRow = ({ columns, children, className, highlightSelectedRow = true, s
|
|
|
75
78
|
const { registerRow } = context;
|
|
76
79
|
const { id, isDisabled } = props;
|
|
77
80
|
useRegisterSelectableRow(registerRow, id, isDisabled);
|
|
78
|
-
return (jsxs(Row, { ...props, "data-testid": rowTestId, className: (state) => cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', highlightSelectedRow &&
|
|
81
|
+
return (jsxs(Row, { ...props, "data-testid": rowTestId, "data-highlighted": isHighlighted || undefined, className: (state) => cx('relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary focus-visible:outline-2 focus-visible:-outline-offset-2', size === 'sm' ? 'h-14' : 'h-18', ((highlightSelectedRow && state.isSelected) || isHighlighted) && HIGHLIGHTED_ROW_CLASSNAME, isInteractive && (state.isDisabled ? 'cursor-default' : 'cursor-pointer'),
|
|
79
82
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
80
83
|
'[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-secondary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0', typeof className === 'function' ? className(state) : className), children: [selectionBehavior === 'toggle' && (jsx(Cell, { className: cx('relative py-2 pr-0 pl-4', size === 'sm' ? 'md:pl-5' : 'md:pl-6'), children: jsx("div", { className: "flex items-end", children: jsx(Checkbox, { slot: "selection", size: "md", "data-testid": rowTestId ? joinTestId(rowTestId, 'selection') : undefined }) }) })), jsx(Collection, { items: columns, children: children })] }));
|
|
81
84
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaTable","AriaTableHeader","AriaColumn","AriaCollection","AriaGroup","AriaRow","AriaCell","AriaTableBody"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/Table/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaTable","AriaTableHeader","AriaColumn","AriaCollection","AriaGroup","AriaRow","AriaCell","AriaTableBody"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
-
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
6
|
-
var PaginationBase = require('./PaginationBase.cjs');
|
|
7
|
-
|
|
8
|
-
const PaginationItem = ({ value, rounded, isCurrent }) => {
|
|
9
|
-
return (jsxRuntime.jsx(PaginationBase.Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx.cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* Shared `Pagination.Context` body used by the numbered-page pagination variants:
|
|
13
|
-
* the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
|
|
14
|
-
*/
|
|
15
|
-
const PaginationPages = ({ rounded, wideMobileLine, 'data-testid': dataTestId }) => {
|
|
16
|
-
return (jsxRuntime.jsx(PaginationBase.Pagination.Context, { children: ({ pages, currentPage, total, testIdPrefix }) => {
|
|
17
|
-
const prefix = dataTestId ?? testIdPrefix;
|
|
18
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'pages') : undefined, children: pages.map((page, index) => page.type === 'page' ? (
|
|
19
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
|
|
20
|
-
jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
|
|
21
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
|
|
22
|
-
jsxRuntime.jsx(PaginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: cx.cx('flex', wideMobileLine && 'flex-1', 'justify-center text-sm whitespace-pre text-fg-secondary md:hidden'), "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'mobile-status') : undefined, children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] }));
|
|
23
|
-
} }));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
exports.PaginationPages = PaginationPages;
|
|
27
|
-
//# sourceMappingURL=PaginationPages.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationPages.cjs","sources":["../../../../../src/components/molecules/Pagination/components/PaginationPages.tsx"],"sourcesContent":[null],"names":["_jsx","Pagination","cx","_jsxs","_Fragment","joinTestId"],"mappings":";;;;;;;AAMA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,eAACC,yBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxBC,KAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAcD;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAwB,KAAI;AAC9G,IAAA,QACEF,cAAA,CAACC,yBAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAI;AAC/C,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY;AACzC,YAAA,QACEE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,iBAAc,MAAM,GAAGK,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,QAAA,EACjH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAL,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,wBAAAA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,cAAc,IAAI,QAAQ,EAAE,mEAAmE,CAAC,EAAA,aAAA,EACzG,MAAM,GAAGG,sBAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CAAA,OAAA,EAEhEL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL;QAEP,CAAC,EAAA,CACkB;AAEzB;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
interface PaginationPagesProps {
|
|
2
|
-
/** Whether the pagination buttons are rounded. */
|
|
3
|
-
rounded?: boolean;
|
|
4
|
-
/** Whether the mobile "Page X of Y" line grows to fill the available space (`flex-1`). */
|
|
5
|
-
wideMobileLine?: boolean;
|
|
6
|
-
/**
|
|
7
|
-
* Overrides the derived `data-testid` prefix (defaults to the root's testid).
|
|
8
|
-
* The desktop pages row renders `<prefix>--pages`, the mobile status line `<prefix>--mobile-status`.
|
|
9
|
-
*/
|
|
10
|
-
'data-testid'?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Shared `Pagination.Context` body used by the numbered-page pagination variants:
|
|
14
|
-
* the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
|
|
15
|
-
*/
|
|
16
|
-
export declare const PaginationPages: ({ rounded, wideMobileLine, "data-testid": dataTestId }: PaginationPagesProps) => import("react").JSX.Element;
|
|
17
|
-
export {};
|
|
18
|
-
//# sourceMappingURL=PaginationPages.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationPages.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/PaginationPages.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wDAAwD,oBAAoB,gCAgC3G,CAAC"}
|