@primer/react 38.1.0-rc.5d7ab5d69 → 38.1.0-rc.63925902f
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/CHANGELOG.md +24 -0
- package/README.md +16 -11
- package/dist/ActionBar/ActionBar.d.ts +70 -0
- package/dist/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/ActionBar/ActionBar.js +536 -160
- package/dist/ActionBar/index.d.ts +17 -1
- package/dist/ActionBar/index.d.ts.map +1 -1
- package/dist/ActionBar/index.js +3 -2
- package/dist/ActionList/ActionList-46e9c2db.css +2 -0
- package/dist/ActionList/ActionList-46e9c2db.css.map +1 -0
- package/dist/ActionList/ActionList.module.css.js +1 -1
- package/dist/ActionList/Item.d.ts.map +1 -1
- package/dist/ActionList/Item.js +3 -1
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionMenu/ActionMenu.js +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -0
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.js +13 -1
- package/dist/Autocomplete/AutocompleteInput.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteInput.js +0 -1
- package/dist/Autocomplete/AutocompleteMenu.js +334 -124
- package/dist/Avatar/Avatar.js +31 -23
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +0 -1
- package/dist/BaseStyles.d.ts +2 -2
- package/dist/BaseStyles.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/Button/ButtonBase.d.ts.map +1 -1
- package/dist/Button/ButtonBase.js +0 -1
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/DataTable/Pagination.js +296 -87
- package/dist/DataTable/Table.d.ts +13 -13
- package/dist/DataTable/Table.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css +1 -1
- package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map +1 -1
- package/dist/FilteredActionList/FilteredActionList.d.ts +1 -0
- package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts +1 -0
- package/dist/FilteredActionList/FilteredActionListLoaders.d.ts.map +1 -1
- package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
- package/dist/FilteredActionList/useAnnouncements.js +1 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/Heading/Heading.js +0 -1
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +1 -0
- package/dist/Link/Link-968346ff.css +2 -0
- package/dist/Link/Link-968346ff.css.map +1 -0
- package/dist/Link/Link.d.ts +0 -2
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +0 -3
- package/dist/Link/Link.module.css.js +1 -1
- package/dist/PageHeader/PageHeader-9f4a690a.css +2 -0
- package/dist/PageHeader/PageHeader-9f4a690a.css.map +1 -0
- package/dist/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/PageHeader/PageHeader.js +24 -16
- package/dist/PageHeader/PageHeader.module.css.js +1 -1
- package/dist/PageLayout/PageLayout-28a244f7.css +2 -0
- package/dist/PageLayout/PageLayout-28a244f7.css.map +1 -0
- package/dist/PageLayout/PageLayout.d.ts.map +1 -1
- package/dist/PageLayout/PageLayout.js +535 -448
- package/dist/PageLayout/PageLayout.module.css.js +1 -1
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Portal/Portal.js +0 -1
- package/dist/SelectPanel/SelectPanel.d.ts +1 -1
- package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +0 -1
- package/dist/SkeletonAvatar/SkeletonAvatar.js +31 -23
- package/dist/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider.js +1 -0
- package/dist/Timeline/Timeline-116393ee.css +2 -0
- package/dist/Timeline/Timeline-116393ee.css.map +1 -0
- package/dist/Timeline/Timeline.module.css.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +280 -57
- package/dist/Token/_RemoveTokenButton.d.ts +1 -1
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +4 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +28 -25
- package/dist/TreeView/TreeView.d.ts.map +1 -1
- package/dist/TreeView/TreeView.js +5 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +0 -1
- package/dist/deprecated/ActionList/Divider.d.ts +1 -0
- package/dist/deprecated/ActionList/Divider.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Group.d.ts +1 -0
- package/dist/deprecated/ActionList/Group.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Header.d.ts +1 -0
- package/dist/deprecated/ActionList/Header.d.ts.map +1 -1
- package/dist/deprecated/ActionList/List.d.ts.map +1 -1
- package/dist/deprecated/ActionMenu.d.ts +2 -1
- package/dist/deprecated/ActionMenu.d.ts.map +1 -1
- package/dist/deprecated/utils/create-slots.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +4 -2
- package/dist/experimental/Tabs/Tabs.d.ts +127 -0
- package/dist/experimental/Tabs/Tabs.d.ts.map +1 -0
- package/dist/experimental/Tabs/Tabs.js +317 -0
- package/dist/experimental/Tabs/index.d.ts +3 -0
- package/dist/experimental/Tabs/index.d.ts.map +1 -0
- package/dist/experimental/index.d.ts +1 -0
- package/dist/experimental/index.d.ts.map +1 -1
- package/dist/experimental/index.js +1 -0
- package/dist/hooks/useAnchoredPosition.d.ts.map +1 -1
- package/dist/hooks/useAnchoredPosition.js +0 -1
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +2 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +0 -1
- package/dist/hooks/useFocusZone.d.ts.map +1 -1
- package/dist/hooks/useFocusZone.js +0 -1
- package/dist/hooks/useIsMacOS.d.ts.map +1 -1
- package/dist/hooks/useIsMacOS.js +3 -1
- package/dist/hooks/useMedia.d.ts.map +1 -1
- package/dist/hooks/useMedia.js +12 -27
- package/dist/hooks/useMenuInitialFocus.d.ts.map +1 -1
- package/dist/hooks/useMenuInitialFocus.js +0 -1
- package/dist/hooks/useOnEscapePress.d.ts.map +1 -1
- package/dist/hooks/useOnEscapePress.js +0 -1
- package/dist/hooks/useRenderForcingRef.d.ts.map +1 -1
- package/dist/hooks/useRenderForcingRef.js +37 -7
- package/dist/hooks/useResizeObserver.d.ts.map +1 -1
- package/dist/hooks/useResizeObserver.js +0 -1
- package/dist/hooks/useSafeTimeout.d.ts.map +1 -1
- package/dist/hooks/useSafeTimeout.js +0 -1
- package/dist/hooks/useScrollFlash.d.ts.map +1 -1
- package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
- package/dist/internal/hooks/useFocus.d.ts.map +1 -1
- package/dist/internal/hooks/useMergedRefs.d.ts.map +1 -1
- package/dist/internal/hooks/useMergedRefs.js +0 -1
- package/dist/utils/polymorphic.d.ts +1 -0
- package/dist/utils/polymorphic.d.ts.map +1 -1
- package/generated/components.json +32 -7
- package/package.json +8 -10
- package/dist/ActionList/ActionList-167cf6c7.css +0 -2
- package/dist/ActionList/ActionList-167cf6c7.css.map +0 -1
- package/dist/Link/Link-e01bdaee.css +0 -2
- package/dist/Link/Link-e01bdaee.css.map +0 -1
- package/dist/PageHeader/PageHeader-4e1d8fee.css +0 -2
- package/dist/PageHeader/PageHeader-4e1d8fee.css.map +0 -1
- package/dist/PageLayout/PageLayout-1849f083.css +0 -2
- package/dist/PageLayout/PageLayout-1849f083.css.map +0 -1
- package/dist/Timeline/Timeline-e8e88a13.css +0 -2
- package/dist/Timeline/Timeline-e8e88a13.css.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAA6E,MAAM,OAAO,CAAA;AAYjG,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AA8GF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAiB,EAAE,OAAkB,EAAC,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAA6E,MAAM,OAAO,CAAA;AAYjG,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AA8GF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAiB,EAAE,OAAkB,EAAC,EAAE,gBAAgB,qBA4MzG;kBA5MQ,WAAW;;;AAyNpB,KAAK,gBAAgB,CAAC,CAAC,EAAE,QAAQ,SAAS,WAAW,IAAI,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAA;AAElG,KAAK,0BAA0B,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IAC9D,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,gBAAgB,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;AAwBhG,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,0BAA0B,CAAC,EAAE,CAAC,CAAA;;;;AACrG,wBAAkE;AAElE;;GAEG;AACH,eAAO,MAAM,UAAU;;CAAsD,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAA;AAE9C;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,oBAAoB,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -222,6 +222,7 @@ function Breadcrumbs({
|
|
|
222
222
|
const iconButtonElement = element.querySelector('button[data-component="IconButton"]');
|
|
223
223
|
if (iconButtonElement) {
|
|
224
224
|
const measuredWidth = iconButtonElement.offsetWidth;
|
|
225
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
225
226
|
setMenuButtonWidth(measuredWidth);
|
|
226
227
|
}
|
|
227
228
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AA0BxC,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AA0BxC,QAAA,MAAM,UAAU,EAiKV,8BAA8B,CAAC,QAAQ,GAAG,GAAG,EAAE,WAAW,CAAC,CAAA;AAEjE,OAAO,EAAC,UAAU,EAAC,CAAA"}
|
|
@@ -56,7 +56,6 @@ const ButtonBase = /*#__PURE__*/forwardRef(({
|
|
|
56
56
|
* this is safe, and ensures the entire effect is kept out of prod builds
|
|
57
57
|
* shaving precious bytes from the output, and avoiding mounting a noop effect
|
|
58
58
|
*/
|
|
59
|
-
// eslint-disable-next-line react-compiler/react-compiler
|
|
60
59
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
61
60
|
React.useEffect(() => {
|
|
62
61
|
if (innerRef.current && !(innerRef.current instanceof HTMLButtonElement) && !(innerRef.current instanceof HTMLAnchorElement) && !(innerRef.current.tagName === 'SUMMARY')) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAI7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAI7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,qGA+Cb,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}
|
|
@@ -1,28 +1,48 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
|
|
3
|
-
import {
|
|
3
|
+
import { useState } from 'react';
|
|
4
4
|
import { Button } from '../internal/components/ButtonReset.js';
|
|
5
|
-
import {
|
|
5
|
+
import { LiveRegionOutlet, LiveRegion, Message } from '../internal/components/LiveRegion.js';
|
|
6
6
|
import { warning } from '../utils/warning.js';
|
|
7
7
|
import { viewportRanges } from '../hooks/useResponsiveValue.js';
|
|
8
8
|
import { buildPaginationModel } from '../Pagination/model.js';
|
|
9
9
|
import classes from './Pagination.module.css.js';
|
|
10
10
|
import { clsx } from 'clsx';
|
|
11
|
-
import {
|
|
11
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
12
12
|
import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
|
|
13
13
|
|
|
14
14
|
const defaultShowPages = {
|
|
15
15
|
narrow: false
|
|
16
16
|
};
|
|
17
|
-
function Pagination({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
function Pagination(t0) {
|
|
18
|
+
const $ = c(61);
|
|
19
|
+
const {
|
|
20
|
+
"aria-label": label,
|
|
21
|
+
defaultPageIndex,
|
|
22
|
+
id,
|
|
23
|
+
onChange,
|
|
24
|
+
pageSize: t1,
|
|
25
|
+
showPages: t2,
|
|
26
|
+
totalCount
|
|
27
|
+
} = t0;
|
|
28
|
+
const pageSize = t1 === undefined ? 25 : t1;
|
|
29
|
+
const showPages = t2 === undefined ? defaultShowPages : t2;
|
|
30
|
+
let t3;
|
|
31
|
+
if ($[0] !== defaultPageIndex || $[1] !== onChange || $[2] !== pageSize || $[3] !== totalCount) {
|
|
32
|
+
t3 = {
|
|
33
|
+
defaultPageIndex,
|
|
34
|
+
onChange,
|
|
35
|
+
pageSize,
|
|
36
|
+
totalCount
|
|
37
|
+
};
|
|
38
|
+
$[0] = defaultPageIndex;
|
|
39
|
+
$[1] = onChange;
|
|
40
|
+
$[2] = pageSize;
|
|
41
|
+
$[3] = totalCount;
|
|
42
|
+
$[4] = t3;
|
|
43
|
+
} else {
|
|
44
|
+
t3 = $[4];
|
|
45
|
+
}
|
|
26
46
|
const {
|
|
27
47
|
pageIndex,
|
|
28
48
|
pageStart,
|
|
@@ -33,59 +53,157 @@ function Pagination({
|
|
|
33
53
|
selectPage,
|
|
34
54
|
selectNextPage,
|
|
35
55
|
selectPreviousPage
|
|
36
|
-
} = usePagination(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
56
|
+
} = usePagination(t3);
|
|
57
|
+
let t4;
|
|
58
|
+
if ($[5] !== showPages) {
|
|
59
|
+
t4 = () => {
|
|
60
|
+
if (typeof showPages !== "boolean") {
|
|
61
|
+
return Object.keys(showPages).filter(key => !showPages[key]);
|
|
62
|
+
}
|
|
63
|
+
if (showPages) {
|
|
64
|
+
return [];
|
|
65
|
+
} else {
|
|
66
|
+
return Object.keys(viewportRanges);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
$[5] = showPages;
|
|
70
|
+
$[6] = t4;
|
|
71
|
+
} else {
|
|
72
|
+
t4 = $[6];
|
|
73
|
+
}
|
|
74
|
+
const getViewportRangesToHidePages = t4;
|
|
75
|
+
const t5 = pageIndex + 1;
|
|
76
|
+
const t6 = !!showPages;
|
|
77
|
+
let t7;
|
|
78
|
+
if ($[7] !== pageCount || $[8] !== t5 || $[9] !== t6) {
|
|
79
|
+
t7 = buildPaginationModel(pageCount, t5, t6, 1, 2);
|
|
80
|
+
$[7] = pageCount;
|
|
81
|
+
$[8] = t5;
|
|
82
|
+
$[9] = t6;
|
|
83
|
+
$[10] = t7;
|
|
84
|
+
} else {
|
|
85
|
+
t7 = $[10];
|
|
86
|
+
}
|
|
87
|
+
const model = t7;
|
|
88
|
+
let t8;
|
|
89
|
+
if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
|
|
90
|
+
t8 = /*#__PURE__*/jsx(LiveRegionOutlet, {});
|
|
91
|
+
$[11] = t8;
|
|
92
|
+
} else {
|
|
93
|
+
t8 = $[11];
|
|
94
|
+
}
|
|
95
|
+
let t9;
|
|
96
|
+
if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
|
|
97
|
+
t9 = clsx("TablePagination", classes.TablePagination);
|
|
98
|
+
$[12] = t9;
|
|
99
|
+
} else {
|
|
100
|
+
t9 = $[12];
|
|
101
|
+
}
|
|
102
|
+
let t10;
|
|
103
|
+
if ($[13] !== pageEnd || $[14] !== pageStart || $[15] !== totalCount) {
|
|
104
|
+
t10 = /*#__PURE__*/jsx(Range, {
|
|
105
|
+
pageStart: pageStart,
|
|
106
|
+
pageEnd: pageEnd,
|
|
107
|
+
totalCount: totalCount
|
|
108
|
+
});
|
|
109
|
+
$[13] = pageEnd;
|
|
110
|
+
$[14] = pageStart;
|
|
111
|
+
$[15] = totalCount;
|
|
112
|
+
$[16] = t10;
|
|
113
|
+
} else {
|
|
114
|
+
t10 = $[16];
|
|
115
|
+
}
|
|
116
|
+
let t11;
|
|
117
|
+
if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
|
|
118
|
+
t11 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
|
|
119
|
+
$[17] = t11;
|
|
120
|
+
} else {
|
|
121
|
+
t11 = $[17];
|
|
122
|
+
}
|
|
123
|
+
let t12;
|
|
124
|
+
if ($[18] !== getViewportRangesToHidePages) {
|
|
125
|
+
t12 = getViewportRangesToHidePages();
|
|
126
|
+
$[18] = getViewportRangesToHidePages;
|
|
127
|
+
$[19] = t12;
|
|
128
|
+
} else {
|
|
129
|
+
t12 = $[19];
|
|
130
|
+
}
|
|
131
|
+
const t13 = t12.join(" ");
|
|
132
|
+
let t14;
|
|
133
|
+
if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
|
|
134
|
+
t14 = clsx("TablePaginationAction", classes.TablePaginationAction);
|
|
135
|
+
$[20] = t14;
|
|
136
|
+
} else {
|
|
137
|
+
t14 = $[20];
|
|
138
|
+
}
|
|
139
|
+
const t15 = hasPreviousPage ? true : undefined;
|
|
140
|
+
const t16 = !hasPreviousPage ? true : undefined;
|
|
141
|
+
let t17;
|
|
142
|
+
if ($[21] !== hasPreviousPage || $[22] !== selectPreviousPage) {
|
|
143
|
+
t17 = () => {
|
|
144
|
+
if (!hasPreviousPage) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
selectPreviousPage();
|
|
148
|
+
};
|
|
149
|
+
$[21] = hasPreviousPage;
|
|
150
|
+
$[22] = selectPreviousPage;
|
|
151
|
+
$[23] = t17;
|
|
152
|
+
} else {
|
|
153
|
+
t17 = $[23];
|
|
154
|
+
}
|
|
155
|
+
let t18;
|
|
156
|
+
if ($[24] !== hasPreviousPage) {
|
|
157
|
+
t18 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
|
|
158
|
+
$[24] = hasPreviousPage;
|
|
159
|
+
$[25] = t18;
|
|
160
|
+
} else {
|
|
161
|
+
t18 = $[25];
|
|
162
|
+
}
|
|
163
|
+
let t19;
|
|
164
|
+
let t20;
|
|
165
|
+
if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
|
|
166
|
+
t19 = /*#__PURE__*/jsx("span", {
|
|
167
|
+
children: "Previous"
|
|
168
|
+
});
|
|
169
|
+
t20 = /*#__PURE__*/jsx(VisuallyHidden, {
|
|
170
|
+
children: "\xA0page"
|
|
171
|
+
});
|
|
172
|
+
$[26] = t19;
|
|
173
|
+
$[27] = t20;
|
|
174
|
+
} else {
|
|
175
|
+
t19 = $[26];
|
|
176
|
+
t20 = $[27];
|
|
177
|
+
}
|
|
178
|
+
let t21;
|
|
179
|
+
if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t18) {
|
|
180
|
+
t21 = /*#__PURE__*/jsx(Step, {
|
|
181
|
+
children: /*#__PURE__*/jsxs(Button, {
|
|
182
|
+
className: t14,
|
|
183
|
+
type: "button",
|
|
184
|
+
"data-has-page": t15,
|
|
185
|
+
"aria-disabled": t16,
|
|
186
|
+
onClick: t17,
|
|
187
|
+
children: [t18, t19, t20]
|
|
188
|
+
})
|
|
189
|
+
});
|
|
190
|
+
$[28] = t15;
|
|
191
|
+
$[29] = t16;
|
|
192
|
+
$[30] = t17;
|
|
193
|
+
$[31] = t18;
|
|
194
|
+
$[32] = t21;
|
|
195
|
+
} else {
|
|
196
|
+
t21 = $[32];
|
|
197
|
+
}
|
|
198
|
+
let t22;
|
|
199
|
+
if ($[33] !== model || $[34] !== selectPage) {
|
|
200
|
+
let t23;
|
|
201
|
+
if ($[36] !== selectPage) {
|
|
202
|
+
t23 = (page, i) => {
|
|
203
|
+
if (page.type === "BREAK") {
|
|
204
|
+
return /*#__PURE__*/jsx(TruncationStep, {}, `truncation-${i}`);
|
|
205
|
+
} else {
|
|
206
|
+
if (page.type === "NUM") {
|
|
89
207
|
return /*#__PURE__*/jsx(Step, {
|
|
90
208
|
children: /*#__PURE__*/jsxs(Page, {
|
|
91
209
|
active: !!page.selected,
|
|
@@ -98,30 +216,121 @@ function Pagination({
|
|
|
98
216
|
})
|
|
99
217
|
}, i);
|
|
100
218
|
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
219
|
+
}
|
|
220
|
+
};
|
|
221
|
+
$[36] = selectPage;
|
|
222
|
+
$[37] = t23;
|
|
223
|
+
} else {
|
|
224
|
+
t23 = $[37];
|
|
225
|
+
}
|
|
226
|
+
t22 = model.map(t23);
|
|
227
|
+
$[33] = model;
|
|
228
|
+
$[34] = selectPage;
|
|
229
|
+
$[35] = t22;
|
|
230
|
+
} else {
|
|
231
|
+
t22 = $[35];
|
|
232
|
+
}
|
|
233
|
+
let t23;
|
|
234
|
+
if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
|
|
235
|
+
t23 = clsx("TablePaginationAction", classes.TablePaginationAction);
|
|
236
|
+
$[38] = t23;
|
|
237
|
+
} else {
|
|
238
|
+
t23 = $[38];
|
|
239
|
+
}
|
|
240
|
+
const t24 = hasNextPage ? true : undefined;
|
|
241
|
+
const t25 = !hasNextPage ? true : undefined;
|
|
242
|
+
let t26;
|
|
243
|
+
if ($[39] !== hasNextPage || $[40] !== selectNextPage) {
|
|
244
|
+
t26 = () => {
|
|
245
|
+
if (!hasNextPage) {
|
|
246
|
+
return;
|
|
247
|
+
}
|
|
248
|
+
selectNextPage();
|
|
249
|
+
};
|
|
250
|
+
$[39] = hasNextPage;
|
|
251
|
+
$[40] = selectNextPage;
|
|
252
|
+
$[41] = t26;
|
|
253
|
+
} else {
|
|
254
|
+
t26 = $[41];
|
|
255
|
+
}
|
|
256
|
+
let t27;
|
|
257
|
+
let t28;
|
|
258
|
+
if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
|
|
259
|
+
t27 = /*#__PURE__*/jsx("span", {
|
|
260
|
+
children: "Next"
|
|
261
|
+
});
|
|
262
|
+
t28 = /*#__PURE__*/jsx(VisuallyHidden, {
|
|
263
|
+
children: "\xA0page"
|
|
264
|
+
});
|
|
265
|
+
$[42] = t27;
|
|
266
|
+
$[43] = t28;
|
|
267
|
+
} else {
|
|
268
|
+
t27 = $[42];
|
|
269
|
+
t28 = $[43];
|
|
270
|
+
}
|
|
271
|
+
let t29;
|
|
272
|
+
if ($[44] !== hasNextPage) {
|
|
273
|
+
t29 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
|
|
274
|
+
$[44] = hasNextPage;
|
|
275
|
+
$[45] = t29;
|
|
276
|
+
} else {
|
|
277
|
+
t29 = $[45];
|
|
278
|
+
}
|
|
279
|
+
let t30;
|
|
280
|
+
if ($[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t29) {
|
|
281
|
+
t30 = /*#__PURE__*/jsx(Step, {
|
|
282
|
+
children: /*#__PURE__*/jsxs(Button, {
|
|
283
|
+
className: t23,
|
|
284
|
+
type: "button",
|
|
285
|
+
"data-has-page": t24,
|
|
286
|
+
"aria-disabled": t25,
|
|
287
|
+
onClick: t26,
|
|
288
|
+
children: [t27, t28, t29]
|
|
289
|
+
})
|
|
290
|
+
});
|
|
291
|
+
$[46] = t24;
|
|
292
|
+
$[47] = t25;
|
|
293
|
+
$[48] = t26;
|
|
294
|
+
$[49] = t29;
|
|
295
|
+
$[50] = t30;
|
|
296
|
+
} else {
|
|
297
|
+
t30 = $[50];
|
|
298
|
+
}
|
|
299
|
+
let t31;
|
|
300
|
+
if ($[51] !== t13 || $[52] !== t21 || $[53] !== t22 || $[54] !== t30) {
|
|
301
|
+
t31 = /*#__PURE__*/jsxs("ol", {
|
|
302
|
+
className: t11,
|
|
303
|
+
"data-hidden-viewport-ranges": t13,
|
|
304
|
+
children: [t21, t22, t30]
|
|
305
|
+
});
|
|
306
|
+
$[51] = t13;
|
|
307
|
+
$[52] = t21;
|
|
308
|
+
$[53] = t22;
|
|
309
|
+
$[54] = t30;
|
|
310
|
+
$[55] = t31;
|
|
311
|
+
} else {
|
|
312
|
+
t31 = $[55];
|
|
313
|
+
}
|
|
314
|
+
let t32;
|
|
315
|
+
if ($[56] !== id || $[57] !== label || $[58] !== t10 || $[59] !== t31) {
|
|
316
|
+
t32 = /*#__PURE__*/jsxs(LiveRegion, {
|
|
317
|
+
children: [t8, /*#__PURE__*/jsxs("nav", {
|
|
318
|
+
"aria-label": label,
|
|
319
|
+
className: t9,
|
|
320
|
+
id: id,
|
|
321
|
+
children: [t10, t31]
|
|
120
322
|
})]
|
|
121
|
-
})
|
|
122
|
-
|
|
323
|
+
});
|
|
324
|
+
$[56] = id;
|
|
325
|
+
$[57] = label;
|
|
326
|
+
$[58] = t10;
|
|
327
|
+
$[59] = t31;
|
|
328
|
+
$[60] = t32;
|
|
329
|
+
} else {
|
|
330
|
+
t32 = $[60];
|
|
331
|
+
}
|
|
332
|
+
return t32;
|
|
123
333
|
}
|
|
124
|
-
Pagination.displayName = "Pagination";
|
|
125
334
|
function Range(t0) {
|
|
126
335
|
const $ = c(12);
|
|
127
336
|
const {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { type JSX } from 'react';
|
|
2
2
|
import type { Column, CellAlignment } from './column';
|
|
3
3
|
import type { UniqueRow } from './row';
|
|
4
4
|
import { SortDirection } from './sorting';
|
|
@@ -42,16 +42,16 @@ declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProp
|
|
|
42
42
|
cellPadding?: "condensed" | "normal" | "spacious";
|
|
43
43
|
} & React.RefAttributes<HTMLTableElement>>;
|
|
44
44
|
export type TableHeadProps = React.ComponentPropsWithoutRef<'thead'>;
|
|
45
|
-
declare function TableHead({ children }: TableHeadProps):
|
|
45
|
+
declare function TableHead({ children }: TableHeadProps): JSX.Element;
|
|
46
46
|
export type TableBodyProps = React.ComponentPropsWithoutRef<'tbody'>;
|
|
47
|
-
declare function TableBody({ children }: TableBodyProps):
|
|
47
|
+
declare function TableBody({ children }: TableBodyProps): JSX.Element;
|
|
48
48
|
export type TableHeaderProps = Omit<React.ComponentPropsWithoutRef<'th'>, 'align'> & {
|
|
49
49
|
/**
|
|
50
50
|
* The horizontal alignment of the cell's content
|
|
51
51
|
*/
|
|
52
52
|
align?: CellAlignment;
|
|
53
53
|
};
|
|
54
|
-
declare function TableHeader({ align, children, ...rest }: TableHeaderProps):
|
|
54
|
+
declare function TableHeader({ align, children, ...rest }: TableHeaderProps): JSX.Element;
|
|
55
55
|
type TableSortHeaderProps = TableHeaderProps & {
|
|
56
56
|
/**
|
|
57
57
|
* Specify the sort direction for the TableHeader
|
|
@@ -63,9 +63,9 @@ type TableSortHeaderProps = TableHeaderProps & {
|
|
|
63
63
|
*/
|
|
64
64
|
onToggleSort: () => void;
|
|
65
65
|
};
|
|
66
|
-
declare function TableSortHeader({ align, children, direction, onToggleSort, ...rest }: TableSortHeaderProps):
|
|
66
|
+
declare function TableSortHeader({ align, children, direction, onToggleSort, ...rest }: TableSortHeaderProps): JSX.Element;
|
|
67
67
|
export type TableRowProps = React.ComponentPropsWithoutRef<'tr'>;
|
|
68
|
-
declare function TableRow({ children, ...rest }: TableRowProps):
|
|
68
|
+
declare function TableRow({ children, ...rest }: TableRowProps): JSX.Element;
|
|
69
69
|
export type TableCellProps = Omit<React.ComponentPropsWithoutRef<'td'>, 'align'> & {
|
|
70
70
|
/**
|
|
71
71
|
* The horizontal alignment of the cell's content
|
|
@@ -77,11 +77,11 @@ export type TableCellProps = Omit<React.ComponentPropsWithoutRef<'td'>, 'align'>
|
|
|
77
77
|
*/
|
|
78
78
|
scope?: 'row';
|
|
79
79
|
};
|
|
80
|
-
declare function TableCell({ align, className, children, scope, ...rest }: TableCellProps):
|
|
80
|
+
declare function TableCell({ align, className, children, scope, ...rest }: TableCellProps): JSX.Element;
|
|
81
81
|
type TableCellPlaceholderProps = React.PropsWithChildren;
|
|
82
|
-
declare function TableCellPlaceholder({ children }: TableCellPlaceholderProps):
|
|
82
|
+
declare function TableCellPlaceholder({ children }: TableCellPlaceholderProps): JSX.Element;
|
|
83
83
|
export type TableContainerProps<As extends React.ElementType = 'div'> = PolymorphicProps<As, 'div'> & React.PropsWithChildren;
|
|
84
|
-
declare function TableContainer<As extends React.ElementType = 'div'>({ children, className, as, ...rest }: TableContainerProps<As>):
|
|
84
|
+
declare function TableContainer<As extends React.ElementType = 'div'>({ children, className, as, ...rest }: TableContainerProps<As>): JSX.Element;
|
|
85
85
|
export type TableTitleProps = React.PropsWithChildren<{
|
|
86
86
|
/**
|
|
87
87
|
* Provide an alternate element or component to use as the container for
|
|
@@ -109,10 +109,10 @@ export type TableSubtitleProps = React.PropsWithChildren<{
|
|
|
109
109
|
*/
|
|
110
110
|
id: string;
|
|
111
111
|
} & React.HTMLAttributes<HTMLElement>>;
|
|
112
|
-
declare function TableSubtitle({ as: BaseComponent, children, id }: TableSubtitleProps):
|
|
113
|
-
declare function TableDivider():
|
|
112
|
+
declare function TableSubtitle({ as: BaseComponent, children, id }: TableSubtitleProps): JSX.Element;
|
|
113
|
+
declare function TableDivider(): JSX.Element;
|
|
114
114
|
export type TableActionsProps = React.PropsWithChildren;
|
|
115
|
-
declare function TableActions({ children }: TableActionsProps):
|
|
115
|
+
declare function TableActions({ children }: TableActionsProps): JSX.Element;
|
|
116
116
|
export type TableSkeletonProps<Data extends UniqueRow> = React.ComponentPropsWithoutRef<'table'> & {
|
|
117
117
|
/**
|
|
118
118
|
* Specify the amount of space that should be available around the contents of
|
|
@@ -130,6 +130,6 @@ export type TableSkeletonProps<Data extends UniqueRow> = React.ComponentPropsWit
|
|
|
130
130
|
*/
|
|
131
131
|
rows?: number;
|
|
132
132
|
};
|
|
133
|
-
declare function TableSkeleton<Data extends UniqueRow>({ cellPadding, columns, rows, ...rest }: TableSkeletonProps<Data>):
|
|
133
|
+
declare function TableSkeleton<Data extends UniqueRow>({ cellPadding, columns, rows, ...rest }: TableSkeletonProps<Data>): JSX.Element;
|
|
134
134
|
export { TableContainer, TableTitle, TableSubtitle, TableActions, TableDivider, Table, TableHead, TableBody, TableRow, TableHeader, TableSortHeader, TableCell, TableCellPlaceholder, TableSkeleton, };
|
|
135
135
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"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"}
|
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -179,7 +179,7 @@ const _Dialog = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
|
|
|
179
179
|
const autoFocusedFooterButtonRef = useRef(null);
|
|
180
180
|
for (const footerButton of footerButtons) {
|
|
181
181
|
if (footerButton.autoFocus) {
|
|
182
|
-
// eslint-disable-next-line react-
|
|
182
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
183
183
|
footerButton.ref = autoFocusedFooterButtonRef;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Header-R1tjC{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));z-index:1}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-
|
|
1
|
+
.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Header-R1tjC{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));z-index:1}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
|
|
2
2
|
/*# sourceMappingURL=FilteredActionList-f6c2dc7a.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,qCAEE,yEAA8C,CAC9C,SACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDClBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,
|
|
1
|
+
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,qCAEE,yEAA8C,CAC9C,SACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDClBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BDwBA,CAGF,mGACE,wGAKF,CAHE,yGC1BA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BDgCA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-f6c2dc7a.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Header {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 1px 0 var(--borderColor-default);\n z-index: 1;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionList {\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: var(--base-size-4);\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: calc(100% - var(--base-size-8));\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuB,GAAG,EAAC,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAGhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA0TvC;yBA/Ue,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredActionListLoaders.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionListLoaders.tsx"],"names":[],"mappings":"AAKA,qBAAa,6BAA6B;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,OAAO,CAAA;gBAEjB,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO;CAIjD;AAED,eAAO,MAAM,8BAA8B;;;;CAI1C,CAAA;AAKD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,6BAA6B,CAAA;IAC1C,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}
|
|
1
|
+
{"version":3,"file":"FilteredActionListLoaders.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionListLoaders.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAE9B,qBAAa,6BAA6B;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,OAAO,CAAA;gBAEjB,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO;CAIjD;AAED,eAAO,MAAM,8BAA8B;;;;CAI1C,CAAA;AAKD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,6BAA6B,CAAA;IAC1C,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"useAnnouncements.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/useAnnouncements.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAsCpD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,uBAAuB,CAAC,OAAO,CAAC,EACvC,kBAAkB,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACnD,UAAU,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAC3C,UAAS,OAAc,EACvB,UAAS,OAAe,EACxB,UAAU;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,SA2G/C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5D,KAAK,kBAAkB,GAAG;IACxB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5D,KAAK,kBAAkB,GAAG;IACxB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,OAAO,EAqBP,8BAA8B,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;AAIvE,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACzD,eAAe,OAAO,CAAA"}
|