@nxgt/material 3.43.0 → 3.44.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nxgt/material
 
+## 3.44.0
+
+### Minor Changes
+
+- [#1783](https://github.com/softistx/nxgt-material/pull/1783) [`e6deb76`](https://github.com/softistx/nxgt-material/commit/e6deb76dc5c3ca4c31d15a4ec2244b93499e62e6) Thanks [@SteveGT96](https://github.com/SteveGT96)! - feat(event-calendar): resources and time zone ([#1748](https://github.com/softistx/nxgt-material/issues/1748)). `resources` (`{ id, label, description?, tone? }[]`, with a `resourceId` on each event) splits the day view into one column per resource under a sticky header, with a leading "Unassigned" column only while an event has none; the all-day lane is per resource. Dragging an event into another column changes its `resourceId` through `onChange` (into "Unassigned" removes it) and keeps the time it was dropped at; the event's popover has a Resource select as the non-drag way, and `onSlotClick` gives the column's `slot.resourceId`. Each column is a `group` named by the resource and the date, an event's name includes its resource, and a phone (767px or less) shows one resource at a time through a "Resource" select instead of squeezed columns. `timeZone` (an IANA name) makes the grid, "today", the opening date, the day boundaries, the now line, the chip, agenda and popover times and slot clicks follow that zone, while `start`, `end` and the `Date`s given to `onSlotClick` and `onChange` stay true instants; the grid's corner names the offset (`UTC+9`). The day view draws a day's real length (23 hours of axis when the clocks go forward, 25 when they go back, the lines skipping the missing hour or repeating the extra one), the week and workweek views keep 24 wall-clock rows a day, and moves and resizes produce correct instants across a change by the helpers of `@nxgt/material-core/zone`. An unknown zone reads `UTC` with one development warning. Without the two props nothing changes, server markup included. New types `EventCalendarResource`, `CalendarEvent.resourceId` and `EventCalendarSlot.resourceId`; new keys `material.event-calendar.{unassigned,resource,time-zone}` in English and French; `NowIndicator` takes `minutes` and `timeLabel` to draw at a minute of its own. In the day view, a resource's `tone` is a mark on its header and the colour of its events that set none (the other views keep each event's own colour). Also fixes [#1786](https://github.com/softistx/nxgt-material/issues/1786) (back-to-back short events keep the full width: events that do not overlap in time share a column, and the 24px minimum height only grows an event into free space, never over the next one; a clipped chip title carries a `title`) and [#1787](https://github.com/softistx/nxgt-material/issues/1787) (a server-rendered calendar no longer logs a hydration mismatch: `DndProvider` gives `DndContext` a stable `useId()` id).
+
 ## 3.43.0
 
 ### Minor Changes

package/README.md

@@ -739,7 +739,7 @@ Not components: what the stylesheet gives any element.
 | --- | --- | --- | --- |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-chat-overview.webp" width="120" alt="ChatInbox"> | [`ChatInbox`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#chat-kit), `ChatThread`, `ChatMessageList`, `ChatMessage`, `ChatComposer`, `ChatThreadHeader`, `ChatWidget`, `ChatConversationItem`… | Chat kit: inbox (list + thread, container queries from `@md`), bubbles grouped by sender or flat rows, read receipts, replies, reactions and a message toolbar, a pill composer with quick replies, attachments and stop, and a floating chat widget; 320 px to desktop, light and dark. | `ChatInbox`, `ChatThread`, `ChatMessageList`, `ChatMessage`, `ChatComposer` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-kanban.webp" width="120" alt="Kanban"> | [`Kanban`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#kanban) | Board with columns, swimlanes, WIP limits, search, and drag-and-drop cards and columns. | `Kanban` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-eventcalendar.webp" width="120" alt="EventCalendar"> | [`EventCalendar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#eventcalendar) | Month / week / day / agenda calendar with drag, resize and slot creation, a now line, a mini-month side panel and a phone layout. | `EventCalendar` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-eventcalendar.webp" width="120" alt="EventCalendar"> | [`EventCalendar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#eventcalendar) | Month / week / day / agenda calendar with drag, resize and slot creation, a day view split by resource, a named time zone, a now line, a mini-month side panel and a phone layout. | `EventCalendar` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-native-charts-linechart.webp" width="120" alt="LineChart"> | [`LineChart`, `AreaChart`, `BarChart`, `PieChart`, `DonutChart`, `Gauge`, `RadialBarChart`, `FunnelChart`, `HeatmapChart`, `RadarChart`, `ScatterChart`, `ComboChart`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#charts) from `@nxgt/material/charts` | Native SVG charts with keyboard point navigation, a screen-reader summary, a "View data" table, `patterns`, a hide/isolate legend, zoom and phone scroll (client-only entry; [guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/charts.md)). | [not yet](https://github.com/softistx/nxgt-material/issues/1255) (#1255) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-emojipicker.webp" width="120" alt="EmojiPicker"> | [`EmojiPicker`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#emojipicker), `EmojiList` | Shared picker. `ChatComposer` takes `emojis`; `Markdown` expands `:shortcode:`; the RTE toolbar uses the same picker. | `EmojiPicker`, `EmojiList` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-mentionlist.webp" width="120" alt="MentionList"> | [`MentionList`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#mentionlist) | `@` mention list from an `items` prop (local search). ChatComposer and the RTE suggestion list use it. | `MentionList` |

package/dist/{async-slice-Dj0tAKRI.js → async-slice-D9LAUgth.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-B5SMR-W2.js";
-import { r } from "./translator-C-_M57ZA.js";
+import { i as e, r as t, t as n } from "./stored-language-Blyb68vN.js";
+import { r } from "./translator-38JuN_VD.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/{button-CTsT_LqL.js → button-b_kruV_L.js}

@@ -2,7 +2,7 @@ import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
 import { o as r, t as i } from "./tooltip-CkttDIab.js";
 import { t as a } from "./is-production-GLw59WU8.js";
-import { t as o } from "./spinner-DLd_IHev.js";
+import { t as o } from "./spinner-Dd0os4cb.js";
 import { a as s, i as c, r as l, t as u } from "./button-tones-BwuVvAmd.js";
 import { t as d } from "./button-group-context-CaP0X5p_.js";
 import { t as f } from "./has-text-content-Ds2dkHX_.js";

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
-import { t as n } from "./use-material-translation-CFF73jk5.js";
-import { t as r } from "./button-CTsT_LqL.js";
+import { t as n } from "./use-material-translation-DLsfkMxp.js";
+import { t as r } from "./button-b_kruV_L.js";
 import { t as i } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as a, n as o, r as s, t as c } from "./util-4heV2LPI.js";
 import { t as l } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { t as u } from "./warn-once-C_e47JM8.js";
-import { t as d } from "./chip-DP7EyhtT.js";
+import { t as d } from "./chip-6O3t9GXt.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-DP7EyhtT.js → chip-6O3t9GXt.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./tooltip-CkttDIab.js";
-import { t as n } from "./use-material-translation-CFF73jk5.js";
+import { t as n } from "./use-material-translation-DLsfkMxp.js";
 import { a as r } from "./button-tones-BwuVvAmd.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { Check as a, X as o } from "lucide-react";

package/dist/{code-editor-BWn0AXBf.js → code-editor-BtDOgUET.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { a as n } from "./dist-lmHmz_bu.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-BA70o7HC.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-DJEeT1XT.js";
 import { a as c, i as l, n as u } from "./field-blur-context-Cft9s7Hg.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-BLjrk8uU.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-D3hw7XZE.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-CFF73jk5.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-CCRuLYpA.js";
+import { t as _ } from "./use-material-translation-DLsfkMxp.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-374m-OK8.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-C4W_sOAU.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-BLjrk8uU.js";
-import { t as o } from "./use-material-translation-CFF73jk5.js";
-import { i as s, n as c, o as l } from "./code-language-items-CCRuLYpA.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-D3hw7XZE.js";
+import { t as o } from "./use-material-translation-DLsfkMxp.js";
+import { i as s, n as c, o as l } from "./code-language-items-374m-OK8.js";
 import { r as u, t as d } from "./field-blur-CJHzVSh9.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-BWn0AXBf.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-BtDOgUET.js";
 import { ChevronDown as k, ChevronUp as A, Columns2 as j } from "lucide-react";
 import { useEffect as M, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";

package/dist/{code-language-items-CCRuLYpA.js → code-language-items-374m-OK8.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-BA70o7HC.js";
-import { t as n } from "./use-material-translation-CFF73jk5.js";
+import { d as e, f as t } from "./dropdown-menu-DJEeT1XT.js";
+import { t as n } from "./use-material-translation-DLsfkMxp.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";