@nxgt/material 2.19.0 → 2.20.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/CHANGELOG.md +21 -0
- package/dist/{_Uint8Array-B6RHzY7k.js → _Uint8Array-DGVY6NfN.js} +1 -1
- package/dist/{_overRest-Cs3RIAVd.js → _overRest-DCKNcrF0.js} +1 -1
- package/dist/{async-slice-CgbRYTRY.js → async-slice-DAVXvBm1.js} +3 -3
- package/dist/{blockDiagram-BEXU5L5S-D5ptXmBP.js → blockDiagram-BEXU5L5S-BrCVxVRd.js} +2 -2
- package/dist/{chunk-3FUC2YCW-al8CepY8.js → chunk-3FUC2YCW-DWaNSANO.js} +2 -2
- package/dist/{chunk-7M6MHVWA-BERAnmfo.js → chunk-7M6MHVWA-x-N4hnls.js} +1 -1
- package/dist/{chunk-GNY47TPC-DMMDhC9T.js → chunk-GNY47TPC-Dzk3o85s.js} +4 -4
- package/dist/{chunk-NETBCI7D-CsMBdu5o.js → chunk-NETBCI7D-WvAAUJne.js} +1 -1
- package/dist/{chunk-Z7XXMR3K-CLYmaWUD.js → chunk-Z7XXMR3K-DY6U0Uq4.js} +1 -1
- package/dist/{classDiagram-v2-NBCMYWYE-C-6ddqhF.js → classDiagram-v2-NBCMYWYE-QeFmLU9L.js} +2 -2
- package/dist/components/base-content.css +64 -4
- package/dist/{components-C5y9FL-6.js → components-DH5dpaU8.js} +20768 -20704
- package/dist/components.js +5 -5
- package/dist/{dagre-6A5THRUB-Ck8np52h.js → dagre-6A5THRUB-D-NdHe_L.js} +11 -11
- package/dist/{diagram-22UHCM2B-oIfSvE0L.js → diagram-22UHCM2B-DZ4jejn3.js} +2 -2
- package/dist/{diagram-3UASUU5V-CAG93Qkg.js → diagram-3UASUU5V-DRoFk6qc.js} +1 -1
- package/dist/dnd.js +1 -1
- package/dist/{elk-276RUBZZ-BfEvNh_f.js → elk-276RUBZZ-BG0kHR2f.js} +3 -3
- package/dist/{erDiagram-OPXOYQCR-B966QSkJ.js → erDiagram-OPXOYQCR-B6XRmJuU.js} +2 -2
- package/dist/{field-blur-B6VqkpE6.js → field-blur-B1VUvTws.js} +941 -927
- package/dist/{flowDiagram-KWPJA3E3-CzUHW7vw.js → flowDiagram-KWPJA3E3-BghxpN0G.js} +3 -3
- package/dist/{ganttDiagram-FUAMR5RP-B4JstFXN.js → ganttDiagram-FUAMR5RP-C3aoaoXQ.js} +1 -1
- package/dist/{graphlib-CORKO6lR.js → graphlib-Dc5Siwxn.js} +6 -6
- package/dist/hooks.js +2 -2
- package/dist/{i18n-provider-BC7MMAID.js → i18n-provider-Cq_VScPv.js} +1 -1
- package/dist/i18n.js +6 -6
- package/dist/{isArrayLikeObject-gzSxxbGJ.js → isArrayLikeObject-DeHDPOEB.js} +3 -3
- package/dist/{isEmpty-SD8ldTK-.js → isEmpty-Sic-RRp7.js} +3 -3
- package/dist/{journeyDiagram-ZHPQQLJL-DcgTl4Bw.js → journeyDiagram-ZHPQQLJL-DcUX0asi.js} +1 -1
- package/dist/lib/components/ui/collections/data-table/data-table-density.d.ts +15 -0
- package/dist/lib/components/ui/collections/data-table/data-table.d.ts +1 -1
- package/dist/lib/components/ui/collections/data-table/types.d.ts +7 -0
- package/dist/lib/components/ui/overlays/dialog/dialog-outside.d.ts +4 -2
- package/dist/lib/components/ui/overlays/dialog/dialog-parts.d.ts +7 -0
- package/dist/lib/components/ui/overlays/dialog/dialog.d.ts +2 -5
- package/dist/lib/components/ui/overlays/dialog/in-dialog.d.ts +13 -0
- package/dist/lib/components/ui/overlays/menubar/menubar-items.d.ts +18 -0
- package/dist/lib/components/ui/overlays/menubar/menubar-sub.d.ts +8 -0
- package/dist/lib/components/ui/overlays/menubar/menubar.d.ts +3 -21
- package/dist/lib/components/ui/overlays/sheet/sheet-parts.d.ts +7 -0
- package/dist/lib/components/ui/overlays/sheet/sheet.d.ts +2 -5
- package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-chips.d.ts +2 -0
- package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-popup.d.ts +2 -1
- package/dist/lib/components/ui/selection/combobox/combobox-content.d.ts +14 -0
- package/dist/lib/components/ui/selection/combobox/combobox.d.ts +1 -4
- package/dist/lib/i18n/resources/en/en.d.ts +1 -0
- package/dist/lib/i18n/resources/en/material.json.d.ts +1 -0
- package/dist/lib/i18n/resources/fr/fr.d.ts +1 -0
- package/dist/lib/i18n/resources/fr/material.json.d.ts +1 -0
- package/dist/lib/i18n/resources/resources.d.ts +2 -0
- package/dist/lib/i18n/translator.d.ts +1 -1
- package/dist/lib.js +2 -2
- package/dist/main.js +11 -11
- package/dist/map.js +8 -8
- package/dist/material.css +1 -1
- package/dist/{merge-Cek5eQP5.js → merge-VyOzRzYB.js} +4 -4
- package/dist/{mermaid.core-DZMjEtsT.js → mermaid.core-DLu6PrQ9.js} +21 -21
- package/dist/{mindmap-definition-NLK3R4M7-BWaJFjFb.js → mindmap-definition-NLK3R4M7-B7Y8Yx12.js} +2 -2
- package/dist/{pieDiagram-5QR66LMP-C8iomTeg.js → pieDiagram-5QR66LMP-Bv9VMy5P.js} +1 -1
- package/dist/print.js +2 -2
- package/dist/{quadrantDiagram-O4NWA36T-D529X2yn.js → quadrantDiagram-O4NWA36T-Dr2CLVD8.js} +1 -1
- package/dist/{requirementDiagram-PLB6GJNP-Cs5ieS_S.js → requirementDiagram-PLB6GJNP-XuNWo4K8.js} +2 -2
- package/dist/{sankeyDiagram-IPEJSGJF-BOIAba-k.js → sankeyDiagram-IPEJSGJF-DzXzUNs5.js} +1 -1
- package/dist/{sortable-provider-DNmv3XmW.js → sortable-provider-XneXCqY1.js} +1 -1
- package/dist/{stateDiagram-v2-GCMORJYK-CT46B5KK.js → stateDiagram-v2-GCMORJYK-BN2OBfZa.js} +2 -2
- package/dist/{stored-language-FHwsTPoM.js → stored-language-DqlfjXt8.js} +2 -0
- package/dist/{swimlanes-2SLR337P-C8TrgNLm.js → swimlanes-2SLR337P-Ma7iLhhV.js} +3 -3
- package/dist/{swimlanesDiagram-TC7HE7FX-Dii9S4bC.js → swimlanesDiagram-TC7HE7FX-DWBnIppx.js} +3 -3
- package/dist/{timeline-definition-EJHVYXUP-K00somtn.js → timeline-definition-EJHVYXUP-BBwvY1Xf.js} +1 -1
- package/dist/{translate-material-cZ6VSQ98.js → translate-material-B6HO6ykL.js} +2 -2
- package/dist/{translator-DX_ArUA5.js → translator-B_lmafJN.js} +1 -1
- package/dist/{use-heading-spy-DR1jat6E.js → use-heading-spy-D1Ifooi5.js} +2 -2
- package/dist/{use-material-translation-W6jOKCbO.js → use-material-translation-Bp4ECeT4.js} +2 -2
- package/dist/{usecaseDiagram-POWQR4AR-liF9q6mE.js → usecaseDiagram-POWQR4AR-B1HduAbh.js} +2 -2
- package/dist/{xychartDiagram-PMCCYNJV-B9Qx3wAO.js → xychartDiagram-PMCCYNJV-ByjPOY-5.js} +1 -1
- package/docs/components/data-table-filter-and-lists.md +3 -1
- package/docs/guides/forms.md +49 -0
- package/docs/guides/i18n.md +2 -1
- package/docs/troubleshooting.md +27 -0
- package/lib/components/base-content.css +64 -4
- package/package.json +1 -1
|
@@ -6,12 +6,12 @@ import "./chunk-MBY4JIJT-BFIqOe-8.js";
|
|
|
6
6
|
import "./chunk-7PRAP22T-0C6_H8Li.js";
|
|
7
7
|
import "./chunk-7INBJB4K-k-I67NSP.js";
|
|
8
8
|
import "./chunk-5DYCD2WN-Cd1zazNp.js";
|
|
9
|
-
import "./chunk-Z7XXMR3K-
|
|
9
|
+
import "./chunk-Z7XXMR3K-DY6U0Uq4.js";
|
|
10
10
|
import "./chunk-GWA4HPMP-B8jXI0Tl.js";
|
|
11
11
|
import "./chunk-XXDRQBXY-dKXxu_aj.js";
|
|
12
12
|
import "./chunk-WEXAMYUT-CbFOhEve.js";
|
|
13
13
|
import "./chunk-UA2S7LBM-ChuksCDg.js";
|
|
14
|
-
import "./chunk-GNY47TPC-
|
|
14
|
+
import "./chunk-GNY47TPC-Dzk3o85s.js";
|
|
15
15
|
import "./chunk-LNGE3PJU-DJjGTS7O.js";
|
|
16
|
-
import { n as e } from "./chunk-7M6MHVWA-
|
|
16
|
+
import { n as e } from "./chunk-7M6MHVWA-x-N4hnls.js";
|
|
17
17
|
export { e as diagram };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as e, t } from "./rolldown-runtime-BFFgcFxR.js";
|
|
2
|
-
import { $ as n, G as r, H as i, J as a, K as o, Q as s, U as c, W as l, X as u, Y as d, Z as f, et as p, lt as m, nt as h, q as g, rt as _, tt as v, ut as y } from "./components-
|
|
2
|
+
import { $ as n, G as r, H as i, J as a, K as o, Q as s, U as c, W as l, X as u, Y as d, Z as f, et as p, lt as m, nt as h, q as g, rt as _, tt as v, ut as y } from "./components-DH5dpaU8.js";
|
|
3
3
|
import { a as b, c as x, g as S, h as C, l as w, m as T, o as E } from "./string-BqyOfyFV.js";
|
|
4
4
|
import { i as D, n as O, t as k } from "./src-CsLQInsN.js";
|
|
5
5
|
import { g as A } from "./chunk-ZIGJFQKS-9VXArDKF.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as e, a as t, f as n, g as r, i, o as a, v as o, y as s } from "./translator-
|
|
2
|
-
import { a as c, o as l } from "./_overRest-
|
|
3
|
-
import { A as u, C as d, M as f, S as p, T as m, b as h, x as g } from "./async-slice-
|
|
4
|
-
import { d as ee, n as te } from "./_Uint8Array-
|
|
5
|
-
import { n as ne, r as re, t as _ } from "./isArrayLikeObject-
|
|
6
|
-
import { i as ie, n as ae, t as v } from "./isEmpty-
|
|
1
|
+
import { _ as e, a as t, f as n, g as r, i, o as a, v as o, y as s } from "./translator-B_lmafJN.js";
|
|
2
|
+
import { a as c, o as l } from "./_overRest-DCKNcrF0.js";
|
|
3
|
+
import { A as u, C as d, M as f, S as p, T as m, b as h, x as g } from "./async-slice-DAVXvBm1.js";
|
|
4
|
+
import { d as ee, n as te } from "./_Uint8Array-DGVY6NfN.js";
|
|
5
|
+
import { n as ne, r as re, t as _ } from "./isArrayLikeObject-DeHDPOEB.js";
|
|
6
|
+
import { i as ie, n as ae, t as v } from "./isEmpty-Sic-RRp7.js";
|
|
7
7
|
//#region ../../node_modules/lodash-es/noop.js
|
|
8
8
|
function oe() {}
|
|
9
9
|
//#endregion
|
package/dist/hooks.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as e } from "./i18n-provider-
|
|
2
|
-
import { c as t, d as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./use-heading-spy-
|
|
1
|
+
import { r as e } from "./i18n-provider-Cq_VScPv.js";
|
|
2
|
+
import { c as t, d as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./use-heading-spy-D1Ifooi5.js";
|
|
3
3
|
import { L as l, t as u } from "./number.utils-BiBN2hWJ.js";
|
|
4
4
|
import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
|
|
5
5
|
import { useNavigate as h, useSearchParams as g } from "react-router";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, i as t, t as n } from "./stored-language-
|
|
1
|
+
import { a as e, i as t, t as n } from "./stored-language-DqlfjXt8.js";
|
|
2
2
|
import { jsx as r } from "react/jsx-runtime";
|
|
3
3
|
import { createContext as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
|
|
4
4
|
//#region lib/i18n/i18n-provider.tsx
|
package/dist/i18n.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { a as e, i as t, o as n, r } from "./stored-language-
|
|
2
|
-
import { n as i, r as a, t as o } from "./i18n-provider-
|
|
3
|
-
import { n as s, r as c, t as l } from "./translator-
|
|
4
|
-
import { o as u, t as d } from "./merge-
|
|
5
|
-
import { t as f } from "./translate-material-
|
|
6
|
-
import { t as p } from "./use-material-translation-
|
|
1
|
+
import { a as e, i as t, o as n, r } from "./stored-language-DqlfjXt8.js";
|
|
2
|
+
import { n as i, r as a, t as o } from "./i18n-provider-Cq_VScPv.js";
|
|
3
|
+
import { n as s, r as c, t as l } from "./translator-B_lmafJN.js";
|
|
4
|
+
import { o as u, t as d } from "./merge-VyOzRzYB.js";
|
|
5
|
+
import { t as f } from "./translate-material-B6HO6ykL.js";
|
|
6
|
+
import { t as p } from "./use-material-translation-Bp4ECeT4.js";
|
|
7
7
|
import { useCallback as m } from "react";
|
|
8
8
|
//#region lib/i18n/merge-resources.ts
|
|
9
9
|
function h(e, t, n = "") {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { x as e } from "./translator-
|
|
2
|
-
import { i as t, o as n, t as r } from "./_overRest-
|
|
3
|
-
import { d as i } from "./_Uint8Array-
|
|
1
|
+
import { x as e } from "./translator-B_lmafJN.js";
|
|
2
|
+
import { i as t, o as n, t as r } from "./_overRest-DCKNcrF0.js";
|
|
3
|
+
import { d as i } from "./_Uint8Array-DGVY6NfN.js";
|
|
4
4
|
//#region ../../node_modules/lodash-es/_baseRest.js
|
|
5
5
|
function a(e, i) {
|
|
6
6
|
return t(r(e, i, n), e + "");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { C as e, o as t, s as n, v as r } from "./translator-
|
|
2
|
-
import { N as i, j as a, w as o } from "./async-slice-
|
|
3
|
-
import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-
|
|
1
|
+
import { C as e, o as t, s as n, v as r } from "./translator-B_lmafJN.js";
|
|
2
|
+
import { N as i, j as a, w as o } from "./async-slice-DAVXvBm1.js";
|
|
3
|
+
import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-DGVY6NfN.js";
|
|
4
4
|
//#region ../../node_modules/lodash-es/_isFlattenable.js
|
|
5
5
|
var m = e ? e.isConcatSpreadable : void 0;
|
|
6
6
|
function h(e) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ct as e } from "./components-
|
|
1
|
+
import { ct as e } from "./components-DH5dpaU8.js";
|
|
2
2
|
import { t } from "./src-CsLQInsN.js";
|
|
3
3
|
import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
|
|
4
4
|
import { H as r, U as i, a, c as o, q as s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-BChweQ_V.js";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** The `<table>`'s classes: the gap between rows (4px, 8px from `md`) that
|
|
2
|
+
* `compact` shrinks to 2px. */
|
|
3
|
+
export declare const TABLE_DENSITY_CLASS = "border-separate border-spacing-y-1 md:border-spacing-y-2 data-[density=compact]:border-spacing-y-0.5 md:data-[density=compact]:border-spacing-y-0.5";
|
|
4
|
+
/** A body cell: 8px of padding, 4px above and below when compact (the sides
|
|
5
|
+
* stay 8px, aligned with the header, and a checkbox cell keeps its `pr-0`). */
|
|
6
|
+
export declare const CELL_DENSITY_CLASS = "[table[data-density=compact]>tbody>tr>&]:py-1";
|
|
7
|
+
/** A header cell: the sort button (32px) is what sets its height; compact
|
|
8
|
+
* takes it to 32px for the cell and 24px for the button. */
|
|
9
|
+
export declare const HEAD_DENSITY_CLASS = "[table[data-density=compact]>thead>tr>&]:h-8";
|
|
10
|
+
/** The sort button in a header: 24px, the target-size minimum. */
|
|
11
|
+
export declare const SORT_DENSITY_CLASS = "[table[data-density=compact]>thead_&]:h-6";
|
|
12
|
+
/** A skeleton bar: one line of text. */
|
|
13
|
+
export declare const SKELETON_DENSITY_CLASS = "[table[data-density=compact]>tbody>tr>td>&]:h-4";
|
|
14
|
+
/** The expand column's icon button: 28px instead of 36px. */
|
|
15
|
+
export declare const EXPAND_DENSITY_CLASS = "[table[data-density=compact]>tbody>tr>td>&]:size-7";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RowData } from '@tanstack/react-table';
|
|
2
2
|
import { DataTableProps } from './types';
|
|
3
3
|
export type { DataTableEmpty, DataTableEmptyState, } from './partials/data-table-empty-row';
|
|
4
|
-
export type { DataTableLinkComponent, DataTableLinkProps, DataTableOptions, DataTablePageTarget, DataTableProps, DataTableServerPagination, } from './types';
|
|
4
|
+
export type { DataTableDensity, DataTableLinkComponent, DataTableLinkProps, DataTableOptions, DataTablePageTarget, DataTableProps, DataTableServerPagination, } from './types';
|
|
5
5
|
export declare function DataTable<TData extends RowData>(props: DataTableProps<TData>): import("react").JSX.Element;
|
|
@@ -35,10 +35,17 @@ export type DataTableServerPagination = {
|
|
|
35
35
|
next?: DataTablePageTarget | null;
|
|
36
36
|
};
|
|
37
37
|
export type DataTableTable<TData extends RowData> = ReactTable<DataTableFeatures, TData>;
|
|
38
|
+
/** How tight a `DataTable`'s rows are. */
|
|
39
|
+
export type DataTableDensity = 'comfortable' | 'compact';
|
|
38
40
|
export interface DataTableProps<TData extends RowData> {
|
|
39
41
|
columns: ColumnDef<DataTableFeatures, TData, any>[];
|
|
40
42
|
data: TData[];
|
|
41
43
|
className?: string;
|
|
44
|
+
/** How tight the rows are: `comfortable` (default) or `compact`, which
|
|
45
|
+
* shrinks the cell padding, the row height, the header height and the gap
|
|
46
|
+
* between rows, the selection column included. It is set on the table as
|
|
47
|
+
* `data-density`. The toolbar and the empty state are not changed. */
|
|
48
|
+
density?: DataTableDensity;
|
|
42
49
|
actions?: (table: DataTableTable<TData>) => ReactNode;
|
|
43
50
|
options?: DataTableOptions;
|
|
44
51
|
renderExpandedRow?: (row: Row<DataTableFeatures, TData>) => ReactNode;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { Dialog as DialogPrimitive } from 'radix-ui';
|
|
2
2
|
import { ComponentProps } from 'react';
|
|
3
3
|
/**
|
|
4
|
-
* A
|
|
5
|
-
* a pointer or focus landing there is
|
|
4
|
+
* A `Combobox` or `ComboboxField` inside a dialog portals its list to the
|
|
5
|
+
* body, outside the dialog's content; a pointer or focus landing there is
|
|
6
|
+
* not "outside" and must not close it. The Autocomplete's list is inside the
|
|
7
|
+
* content in a dialog (in its flow since #577), so it never gets here.
|
|
6
8
|
*/
|
|
7
9
|
export declare function keepComboboxOverlay(event: Pick<Event, 'target' | 'preventDefault'>): void;
|
|
8
10
|
type Outside = Pick<ComponentProps<typeof DialogPrimitive.Content>, 'onPointerDownOutside' | 'onFocusOutside' | 'onInteractOutside'>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from 'radix-ui';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
4
|
+
declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
5
|
+
declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
|
|
6
|
+
declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;
|
|
7
|
+
export { DialogDescription, DialogFooter, DialogHeader, DialogTitle };
|
|
@@ -7,8 +7,5 @@ declare function DialogPortal({ ...props }: ComponentProps<typeof DialogPrimitiv
|
|
|
7
7
|
declare function DialogClose({ className, color, children, type, variant, ...props }: ComponentProps<typeof DialogPrimitive.Close> & Partial<Pick<IconButtonProps, 'variant' | 'color'>>): import("react").JSX.Element;
|
|
8
8
|
declare function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
|
|
9
9
|
declare function DialogContent({ className, children, onInteractOutside, onPointerDownOutside, onFocusOutside, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, ref, ...props }: ComponentProps<typeof DialogPrimitive.Content>): import("react").JSX.Element;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
|
|
13
|
-
declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;
|
|
14
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
10
|
+
export { DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from './dialog-parts';
|
|
11
|
+
export { Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTrigger, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Set by `DialogContent`, `DialogScrollContent`, `AlertDialogContent` and
|
|
3
|
+
* `SheetContent` around their primitive: a field inside opens its list in
|
|
4
|
+
* the layer's flow, pushing what follows (the footer) down instead of
|
|
5
|
+
* floating over the title or the Save button. `PopoverContent`,
|
|
6
|
+
* `HoverCardContent` and the menus' contents set it back to `false`: a
|
|
7
|
+
* floating layer opened from a dialog keeps a floating list. Always around
|
|
8
|
+
* the primitive, never between it and its children, which would break
|
|
9
|
+
* `asChild`. Not exported: the layers set it, the fields read it.
|
|
10
|
+
*/
|
|
11
|
+
export declare const InDialogContext: import('react').Context<boolean>;
|
|
12
|
+
/** Whether this component renders inside a dialog's content. */
|
|
13
|
+
export declare function useInDialog(): boolean;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Menubar as MenubarPrimitive } from 'radix-ui';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
declare function MenubarItem({ className, inset, variant, ...props }: ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
4
|
+
inset?: boolean;
|
|
5
|
+
/**
|
|
6
|
+
* `'error'` matches DropdownMenuItem and ContextMenuItem.
|
|
7
|
+
* `'destructive'` is @deprecated — kept as an alias of `'error'`.
|
|
8
|
+
*/
|
|
9
|
+
variant?: 'default' | 'error' | 'destructive';
|
|
10
|
+
}): import("react").JSX.Element;
|
|
11
|
+
declare function MenubarCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react").JSX.Element;
|
|
12
|
+
declare function MenubarRadioItem({ className, children, ...props }: ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react").JSX.Element;
|
|
13
|
+
declare function MenubarLabel({ className, inset, ...props }: ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
14
|
+
inset?: boolean;
|
|
15
|
+
}): import("react").JSX.Element;
|
|
16
|
+
declare function MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): import("react").JSX.Element;
|
|
17
|
+
declare function MenubarShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
18
|
+
export { MenubarCheckboxItem, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Menubar as MenubarPrimitive } from 'radix-ui';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
declare function MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): import("react").JSX.Element;
|
|
4
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
5
|
+
inset?: boolean;
|
|
6
|
+
}): import("react").JSX.Element;
|
|
7
|
+
declare function MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): import("react").JSX.Element;
|
|
8
|
+
export { MenubarSub, MenubarSubContent, MenubarSubTrigger };
|
|
@@ -7,24 +7,6 @@ declare function MenubarPortal({ ...props }: ComponentProps<typeof MenubarPrimit
|
|
|
7
7
|
declare function MenubarRadioGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react").JSX.Element;
|
|
8
8
|
declare function MenubarTrigger({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Trigger>): import("react").JSX.Element;
|
|
9
9
|
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: ComponentProps<typeof MenubarPrimitive.Content>): import("react").JSX.Element;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
* `'error'` matches DropdownMenuItem and ContextMenuItem.
|
|
14
|
-
* `'destructive'` is @deprecated — kept as an alias of `'error'`.
|
|
15
|
-
*/
|
|
16
|
-
variant?: 'default' | 'error' | 'destructive';
|
|
17
|
-
}): import("react").JSX.Element;
|
|
18
|
-
declare function MenubarCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react").JSX.Element;
|
|
19
|
-
declare function MenubarRadioItem({ className, children, ...props }: ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react").JSX.Element;
|
|
20
|
-
declare function MenubarLabel({ className, inset, ...props }: ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
21
|
-
inset?: boolean;
|
|
22
|
-
}): import("react").JSX.Element;
|
|
23
|
-
declare function MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): import("react").JSX.Element;
|
|
24
|
-
declare function MenubarShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
25
|
-
declare function MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): import("react").JSX.Element;
|
|
26
|
-
declare function MenubarSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
27
|
-
inset?: boolean;
|
|
28
|
-
}): import("react").JSX.Element;
|
|
29
|
-
declare function MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): import("react").JSX.Element;
|
|
30
|
-
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
|
|
10
|
+
export { MenubarCheckboxItem, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, } from './menubar-items';
|
|
11
|
+
export { MenubarSub, MenubarSubContent, MenubarSubTrigger, } from './menubar-sub';
|
|
12
|
+
export { Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarTrigger, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Dialog as SheetPrimitive } from 'radix-ui';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
declare function SheetHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
4
|
+
declare function SheetFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
5
|
+
declare function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>): import("react").JSX.Element;
|
|
6
|
+
declare function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>): import("react").JSX.Element;
|
|
7
|
+
export { SheetDescription, SheetFooter, SheetHeader, SheetTitle };
|
|
@@ -8,8 +8,5 @@ declare function SheetContent({ className, children, side, withCloseButton, onOp
|
|
|
8
8
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
9
9
|
withCloseButton?: boolean;
|
|
10
10
|
}): import("react").JSX.Element;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
declare function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>): import("react").JSX.Element;
|
|
14
|
-
declare function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>): import("react").JSX.Element;
|
|
15
|
-
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
|
|
11
|
+
export { SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from './sheet-parts';
|
|
12
|
+
export { Sheet, SheetClose, SheetContent, SheetTrigger };
|
|
@@ -10,4 +10,6 @@ export declare function AutocompleteChips<T extends AutocompleteOption>({ slot,
|
|
|
10
10
|
values: string[];
|
|
11
11
|
/** What the field's polite live region says about the list. */
|
|
12
12
|
announcement?: ReactNode;
|
|
13
|
+
/** The list, when it sits in the field's flow (in a dialog). */
|
|
14
|
+
children?: ReactNode;
|
|
13
15
|
}): import("react").JSX.Element;
|
|
@@ -2,7 +2,8 @@ import { ReactNode, RefObject } from 'react';
|
|
|
2
2
|
import { AutocompleteOption, AutocompleteProps } from '../types';
|
|
3
3
|
type PopupProps<T extends AutocompleteOption> = Pick<AutocompleteProps<T>, 'actions' | 'freeSoloLabel' | 'renderOption' | 'name' | 'value'> & {
|
|
4
4
|
anchor: RefObject<HTMLDivElement | null>;
|
|
5
|
-
|
|
5
|
+
/** In the field's flow, under the input, rather than floating. */
|
|
6
|
+
inline: boolean;
|
|
6
7
|
query: string;
|
|
7
8
|
/** The free-solo button, when the query can be added. */
|
|
8
9
|
showAddButton: boolean;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Combobox as ComboboxPrimitive } from '@base-ui/react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ContentProps = ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
|
|
4
|
+
container?: HTMLElement | null;
|
|
5
|
+
};
|
|
6
|
+
export declare function ComboboxContent(props: ContentProps): React.JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Not exported from the package: the popup in the flow under the field,
|
|
9
|
+
* rendered into `container` beside it, so what follows moves down. The
|
|
10
|
+
* Autocomplete uses it in a dialog (#577).
|
|
11
|
+
*/
|
|
12
|
+
export declare function ComboboxInlineContent(props: ContentProps): React.JSX.Element;
|
|
13
|
+
export declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { Combobox as ComboboxPrimitive, ComboboxRoot } from '@base-ui/react';
|
|
2
2
|
import { ComboboxChip, ComboboxChips, ComboboxChipsInput } from './combobox-chips';
|
|
3
|
+
import { ComboboxContent, ComboboxList } from './combobox-content';
|
|
3
4
|
import { ComboboxInput, ComboboxTrigger } from './combobox-input';
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
declare function Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxRoot.Props<Value, Multiple>): React.JSX.Element;
|
|
6
7
|
declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
|
|
7
|
-
declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
|
|
8
|
-
container?: HTMLElement | null;
|
|
9
|
-
}): React.JSX.Element;
|
|
10
|
-
declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
|
|
11
8
|
declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
|
|
12
9
|
declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
|
|
13
10
|
declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
|
|
@@ -341,6 +341,7 @@ declare const _default: {
|
|
|
341
341
|
"select-all": "Tout sélectionner",
|
|
342
342
|
"select-row": "Sélectionner la ligne",
|
|
343
343
|
"toggle-row": "Afficher ou masquer les détails de la ligne",
|
|
344
|
+
"expand": "Déplier",
|
|
344
345
|
"scroll-region": "Tableau défilant"
|
|
345
346
|
},
|
|
346
347
|
"pagination": {
|
|
@@ -349,6 +349,7 @@ export declare const resources: {
|
|
|
349
349
|
"select-all": string;
|
|
350
350
|
"select-row": string;
|
|
351
351
|
"toggle-row": string;
|
|
352
|
+
expand: string;
|
|
352
353
|
"scroll-region": string;
|
|
353
354
|
};
|
|
354
355
|
pagination: {
|
|
@@ -1651,6 +1652,7 @@ export declare const resources: {
|
|
|
1651
1652
|
"select-all": string;
|
|
1652
1653
|
"select-row": string;
|
|
1653
1654
|
"toggle-row": string;
|
|
1655
|
+
expand: string;
|
|
1654
1656
|
"scroll-region": string;
|
|
1655
1657
|
};
|
|
1656
1658
|
pagination: {
|