@nxgt/material 3.28.0 → 3.30.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.
Files changed (76) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +5 -3
  3. package/dist/{async-slice-DmhasXmq.js → async-slice-Cll-4Mvg.js} +2 -2
  4. package/dist/{button-BjIg_Lz6.js → button-B47lM8a5.js} +1 -1
  5. package/dist/charts.js +3 -3
  6. package/dist/{chip-DIBIDUZH.js → chip-Bf80b1XT.js} +1 -1
  7. package/dist/{code-editor-2EU-q9FV.js → code-editor-BLLpzmCc.js} +4 -4
  8. package/dist/code-editor.js +4 -4
  9. package/dist/{code-language-items-C_UeMQMm.js → code-language-items-COd99vab.js} +2 -2
  10. package/dist/{components-Cl3Zyoe-.js → components-BgMUA99Q.js} +15433 -15235
  11. package/dist/components.js +26 -26
  12. package/dist/{dialog-LtXwv6N3.js → dialog-Cp7bS5LI.js} +1 -1
  13. package/dist/dnd.js +1 -1
  14. package/dist/{dropdown-menu-ppMPD12c.js → dropdown-menu-DJNMcPZa.js} +1 -1
  15. package/dist/editor.js +7 -7
  16. package/dist/{empty-state-X_nikpBS.js → empty-state-Dv9AtrMw.js} +1 -1
  17. package/dist/hooks.js +2 -2
  18. package/dist/{i18n-provider-BfyDgd2o.js → i18n-provider-BBhhsa4I.js} +1 -1
  19. package/dist/i18n.js +5 -5
  20. package/dist/{icon-badge-oLBh3Mlk.js → icon-badge-DEk244kn.js} +1 -1
  21. package/dist/lib/components/ui/collections/filter/bar/filter-bar-classes.d.ts +5 -0
  22. package/dist/lib/components/ui/collections/filter/internal.d.ts +1 -0
  23. package/dist/lib/components/ui/collections/filter/query/filter-results-status.d.ts +2 -1
  24. package/dist/lib/components/ui/collections/filter/query/types.d.ts +16 -0
  25. package/dist/lib/components/ui/collections/filter/query/use-filter-query-options.d.ts +3 -1
  26. package/dist/lib/components/ui/collections/filter/query/use-filter-query-value.d.ts +2 -0
  27. package/dist/lib/components/ui/collections/filter/query/use-filter-query.d.ts +5 -1
  28. package/dist/lib/components/ui/collections/filter/sections/filter-form-error.d.ts +8 -0
  29. package/dist/lib/components/ui/collections/filter/sections/filter-search-error.d.ts +9 -0
  30. package/dist/lib/components/ui/collections/index.d.ts +1 -0
  31. package/dist/lib/components/ui/collections/row-menu/index.d.ts +3 -0
  32. package/dist/lib/components/ui/collections/row-menu/row-menu-column.d.ts +37 -0
  33. package/dist/lib/components/ui/collections/row-menu/row-menu-trigger.d.ts +16 -0
  34. package/dist/lib/components/ui/collections/row-menu/row-menu.d.ts +36 -0
  35. package/dist/lib/components/ui/collections/server-table/types.d.ts +11 -0
  36. package/dist/lib/components/ui/display/badge/badge.d.ts +10 -2
  37. package/dist/lib/components/ui/display/index.d.ts +1 -0
  38. package/dist/lib/components/ui/display/zoned-time/index.d.ts +1 -0
  39. package/dist/lib/components/ui/display/zoned-time/zoned-time.d.ts +34 -0
  40. package/dist/lib/components/ui/overlays/command/command-dialog.d.ts +22 -0
  41. package/dist/lib/components/ui/overlays/command/command.d.ts +1 -12
  42. package/dist/lib/components/ui/overlays/command/index.d.ts +1 -0
  43. package/dist/lib/i18n/resources/en/en.d.ts +4 -0
  44. package/dist/lib/i18n/resources/en/material.json.d.ts +4 -0
  45. package/dist/lib/i18n/resources/fr/fr.d.ts +4 -0
  46. package/dist/lib/i18n/resources/fr/material.json.d.ts +4 -0
  47. package/dist/lib/i18n/resources/resources.d.ts +8 -0
  48. package/dist/lib/i18n/translator.d.ts +1 -1
  49. package/dist/lib/lib/zoned.d.ts +27 -0
  50. package/dist/lib.js +1 -1
  51. package/dist/main.js +43 -43
  52. package/dist/map.js +4 -4
  53. package/dist/material.css +1 -1
  54. package/dist/pdf-reader.js +1 -1
  55. package/dist/print.js +2 -2
  56. package/dist/{public-BeM7-x-m.js → public-Cvwb2tds.js} +6 -6
  57. package/dist/{rich-code-block-B4TIjZRA.js → rich-code-block-MItKFVB-.js} +4 -4
  58. package/dist/{sortable-provider-Dcsw0pgW.js → sortable-provider-CIlK0Vuk.js} +1 -1
  59. package/dist/{spinner-1Ia6Akhy.js → spinner-DRGPXRNW.js} +1 -1
  60. package/dist/{stored-language-DoWMr969.js → stored-language-CkPRWAaM.js} +8 -0
  61. package/dist/theme-picker.js +2 -2
  62. package/dist/{theme-toggle-GlKtdgYz.js → theme-toggle-CPzxOW_X.js} +1 -1
  63. package/dist/{toolbar-items-C1GdN9P9.js → toolbar-items-GIaifZbx.js} +2 -2
  64. package/dist/{translate-material-BneuBHXZ.js → translate-material-BEQGLLY7.js} +2 -2
  65. package/dist/{translator-D88BbpXZ.js → translator-Ec9Uj32C.js} +1 -1
  66. package/dist/{use-chat-composer-beyfZPBD.js → use-chat-composer-BEs82Xar.js} +12 -12
  67. package/dist/{use-heading-spy-BN0yeBod.js → use-heading-spy-BRAPVvfh.js} +1 -1
  68. package/dist/{use-material-translation-Cqcwkuur.js → use-material-translation-B0RHv3l7.js} +2 -2
  69. package/docs/components/data-display.md +44 -2
  70. package/docs/components/data-table-filter-and-lists.md +107 -0
  71. package/docs/components/overlays-and-menus.md +16 -3
  72. package/docs/previews/data-display-zonedtime.webp +0 -0
  73. package/docs/previews/data-table-filter-lists-rowmenu.webp +0 -0
  74. package/docs/troubleshooting.md +21 -1
  75. package/package.json +2 -2
  76. package/dist/lib/components/ui/display/change-history/zoned.d.ts +0 -12
@@ -0,0 +1 @@
1
+ export * from './zoned-time.js';
@@ -0,0 +1,34 @@
1
+ import { DayInput } from '@nxgt/material-core/day-math';
2
+ /** How much of the date is written: `short` 03/12/2026, `medium` Mar 12, 2026, `long` March 12th, 2026 (the language's date-fns patterns). */
3
+ export type ZonedTimeDateStyle = 'short' | 'medium' | 'long';
4
+ export type ZonedTimeProps = {
5
+ /** The instant: a `Date`, an ISO string or a timestamp. */
6
+ at: DayInput;
7
+ /**
8
+ * The IANA zone the moment is written in (`Europe/Paris`), passed in so no
9
+ * call reads the machine's zone: a server and a browser print the same.
10
+ * A zone `Intl` does not know is written as `UTC`.
11
+ */
12
+ timeZone: string;
13
+ /** Writes the seconds too (`17:04:05`). Default `false`: lists read at a glance. */
14
+ seconds?: boolean;
15
+ /** Default `medium`. */
16
+ dateStyle?: ZonedTimeDateStyle;
17
+ /**
18
+ * The zone after the time: `offset` (default) is a normalised `UTC+2`,
19
+ * `UTC+5:30`, `UTC`, the same on every machine; `none` leaves it out, for a
20
+ * column whose header already says the zone. A zone's short name (`CEST`)
21
+ * is not offered: it differs between ICU builds.
22
+ */
23
+ zoneLabel?: 'offset' | 'none';
24
+ className?: string;
25
+ };
26
+ /**
27
+ * A moment written in a given zone, identical on the server and in the
28
+ * browser: `Mar 12, 2026, 5:04 PM UTC+2` inside a `<time dateTime>`. The date
29
+ * and the time are formatted separately and joined with a comma, and the
30
+ * zone is a computed offset, so neither depends on the runtime's ICU wording;
31
+ * the locale is the active i18n language. Renders nothing for an invalid
32
+ * instant.
33
+ */
34
+ export declare function ZonedTime({ at, timeZone, seconds, dateStyle, zoneLabel, className, }: ZonedTimeProps): import("react").JSX.Element | null;
@@ -0,0 +1,22 @@
1
+ import { Command as CommandPrimitive } from 'cmdk';
2
+ import { ComponentProps } from 'react';
3
+ import { Dialog } from '../dialog/dialog.js';
4
+ /** The cmdk props `CommandDialog` hands to its inner `Command`. */
5
+ export type CommandDialogCommandProps = Pick<ComponentProps<typeof CommandPrimitive>, 'shouldFilter' | 'value' | 'onValueChange' | 'loop' | 'filter' | 'label'>;
6
+ export declare function CommandDialog({ title, description, children, mobilePresentation, commandProps, ...props }: ComponentProps<typeof Dialog> & {
7
+ /**
8
+ * Props of the inner `Command` (the rest of the props go to the `Dialog`):
9
+ * `shouldFilter={false}` for results the server already filtered, `value`
10
+ * and `onValueChange` for the highlighted item, `loop`, `filter`, `label`.
11
+ * The input's sizing and the dialog's title and focus stay as they are.
12
+ */
13
+ commandProps?: CommandDialogCommandProps;
14
+ title?: string;
15
+ description?: string;
16
+ /**
17
+ * Below 640px: `top` (the default) pins the palette under the top edge, so
18
+ * the input and the results stay above the on-screen keyboard; `fullscreen`
19
+ * takes the whole screen; `dialog` is the centred modal.
20
+ */
21
+ mobilePresentation?: 'dialog' | 'top' | 'fullscreen';
22
+ }): import("react").JSX.Element;
@@ -1,19 +1,8 @@
1
1
  import { Command as CommandPrimitive } from 'cmdk';
2
2
  import { ComponentProps } from 'react';
3
- import { Dialog } from '../dialog/dialog.js';
4
3
  import { CommandEmpty } from './command-empty.js';
5
4
  import { CommandItem } from './command-item.js';
6
5
  declare function Command({ className, ...props }: ComponentProps<typeof CommandPrimitive>): import("react").JSX.Element;
7
- declare function CommandDialog({ title, description, children, mobilePresentation, ...props }: ComponentProps<typeof Dialog> & {
8
- title?: string;
9
- description?: string;
10
- /**
11
- * Below 640px: `top` (the default) pins the palette under the top edge, so
12
- * the input and the results stay above the on-screen keyboard; `fullscreen`
13
- * takes the whole screen; `dialog` is the centred modal.
14
- */
15
- mobilePresentation?: 'dialog' | 'top' | 'fullscreen';
16
- }): import("react").JSX.Element;
17
6
  declare function CommandInput({ className, ...props }: ComponentProps<typeof CommandPrimitive.Input>): import("react").JSX.Element;
18
7
  declare function CommandList({ className, multiselectable, 'aria-label': ariaLabel, ...props }: ComponentProps<typeof CommandPrimitive.List> & {
19
8
  /** Sets `aria-multiselectable`: the items carry a `checked` state. */
@@ -30,4 +19,4 @@ declare function CommandSeparator({ className, alwaysRender, ...props }: Compone
30
19
  alwaysRender?: boolean;
31
20
  }): import("react").JSX.Element | null;
32
21
  declare function CommandShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
33
- export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
22
+ export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
@@ -1 +1,2 @@
1
1
  export * from './command.js';
2
+ export * from './command-dialog.js';
@@ -2738,5 +2738,9 @@ export declare const en: {
2738
2738
  manage: string;
2739
2739
  choose: string;
2740
2740
  };
2741
+ "row-menu": {
2742
+ label: string;
2743
+ column: string;
2744
+ };
2741
2745
  };
2742
2746
  };
@@ -2727,6 +2727,10 @@ declare const _default: {
2727
2727
  "recent": "Recent",
2728
2728
  "manage": "Manage…",
2729
2729
  "choose": "Choose"
2730
+ },
2731
+ "row-menu": {
2732
+ "label": "Actions for {name}",
2733
+ "column": "Actions"
2730
2734
  }
2731
2735
  }
2732
2736
  ;
@@ -2738,5 +2738,9 @@ export declare const fr: {
2738
2738
  manage: string;
2739
2739
  choose: string;
2740
2740
  };
2741
+ "row-menu": {
2742
+ label: string;
2743
+ column: string;
2744
+ };
2741
2745
  };
2742
2746
  };
@@ -2727,6 +2727,10 @@ declare const _default: {
2727
2727
  "recent": "Récents",
2728
2728
  "manage": "Gérer…",
2729
2729
  "choose": "Choisir"
2730
+ },
2731
+ "row-menu": {
2732
+ "label": "Actions pour {name}",
2733
+ "column": "Actions"
2730
2734
  }
2731
2735
  }
2732
2736
  ;
@@ -2736,6 +2736,10 @@ export declare const resources: {
2736
2736
  manage: string;
2737
2737
  choose: string;
2738
2738
  };
2739
+ "row-menu": {
2740
+ label: string;
2741
+ column: string;
2742
+ };
2739
2743
  };
2740
2744
  };
2741
2745
  fr: {
@@ -5469,6 +5473,10 @@ export declare const resources: {
5469
5473
  manage: string;
5470
5474
  choose: string;
5471
5475
  };
5476
+ "row-menu": {
5477
+ label: string;
5478
+ column: string;
5479
+ };
5472
5480
  };
5473
5481
  };
5474
5482
  };