@primer/react 38.1.0-rc.e96ea6506 → 38.1.0-rc.f826eb31c
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 +32 -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.d.ts +3 -23
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +19 -4
- 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/UnderlinePanels/UnderlinePanels.d.ts +4 -0
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
- 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/UnderlineTabbedInterface.js +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 +37 -32
- package/package.json +18 -17
- 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.d.ts
CHANGED
|
@@ -142,35 +142,15 @@ declare const widthMap: {
|
|
|
142
142
|
};
|
|
143
143
|
export type DialogWidth = keyof typeof widthMap;
|
|
144
144
|
export type DialogHeight = keyof typeof heightMap;
|
|
145
|
-
/**
|
|
146
|
-
* A dialog is a type of overlay that can be used for confirming actions, asking
|
|
147
|
-
* for disambiguation, and presenting small forms. They generally allow the user
|
|
148
|
-
* to focus on a quick task without having to navigate to a different page.
|
|
149
|
-
*
|
|
150
|
-
* Dialogs appear in the page after a direct user interaction. Don't show dialogs
|
|
151
|
-
* on page load or as system alerts.
|
|
152
|
-
*
|
|
153
|
-
* Dialogs appear centered in the page, with a visible backdrop that dims the rest
|
|
154
|
-
* of the window for focus.
|
|
155
|
-
*
|
|
156
|
-
* All dialogs have a title and a close button.
|
|
157
|
-
*
|
|
158
|
-
* Dialogs are modal. Dialogs can be dismissed by clicking on the close button,
|
|
159
|
-
* pressing the escape key, or by interacting with another button in the dialog.
|
|
160
|
-
* To avoid losing information and missing important messages, clicking outside
|
|
161
|
-
* of the dialog will not close it.
|
|
162
|
-
*
|
|
163
|
-
* The sub components provided (e.g. Header, Title, etc.) are available for custom
|
|
164
|
-
* renderers only. They are not intended to be used otherwise.
|
|
165
|
-
*/
|
|
166
145
|
export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
|
|
167
146
|
children?: React.ReactNode | undefined;
|
|
168
147
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
169
|
-
|
|
148
|
+
__SLOT__: symbol;
|
|
149
|
+
Header: PolymorphicForwardRefComponent<"div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
170
150
|
Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
171
151
|
Subtitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
172
152
|
Body: PolymorphicForwardRefComponent<"div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
173
|
-
Footer:
|
|
153
|
+
Footer: PolymorphicForwardRefComponent<"div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
174
154
|
Buttons: React.FC<React.PropsWithChildren<{
|
|
175
155
|
buttons: DialogButtonProps[];
|
|
176
156
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAW1C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAW1C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAChE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAElF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE1E;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAEnC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAA;IAErD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAE/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAA;IAE/G;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE7C;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAGD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAGV,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAA;AAC/C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AA0QjD,eAAO,MAAM,MAAM;;;;;;;;;;iBA/DuC,iBAAiB,EAAE;;;iBAiCf,MAAM,IAAI;;CAuCtE,CAAA"}
|