prime-ui-kit 0.14.0 → 0.15.0

package/src/components/file-upload/examples/states.tsx

@@ -3,6 +3,9 @@ import { FileUpload, type FileUploadFile } from "prime-ui-kit";
 
 import styles from "./examples.module.css";
 
+/** The zone names the formats the order takes. */
+const ZONE_LABELS = { description: "PDF или PNG до 20 МБ" };
+
 const ACT: readonly FileUploadFile[] = [
   { id: "act", name: "Акт сверки.pdf", size: 310_000, type: "application/pdf" },
 ];
@@ -10,14 +13,15 @@ const ACT: readonly FileUploadFile[] = [
 export default function FileUploadStatesExample() {
   return (
     <div className={styles.column}>
-      <FileUpload.Root label="default" hint="PDF или PNG до 20 МБ" />
+      <FileUpload.Root label="default" labels={ZONE_LABELS} />
       <FileUpload.Root
         label="disabled"
         disabled
+        labels={ZONE_LABELS}
         defaultValue={ACT}
         hint="Заказ закрыт, документы только для просмотра"
       />
-      <FileUpload.Root label="invalid" invalid hint="PDF или PNG до 20 МБ" />
+      <FileUpload.Root label="invalid" invalid labels={ZONE_LABELS} />
     </div>
   );
 }

package/src/components/file-upload/examples/validation.tsx

@@ -6,6 +6,9 @@ import styles from "./examples.module.css";
 
 const MAX_SIZE = 20 * 1024 * 1024;
 
+/** The zone names the formats the check takes. */
+const ZONE_LABELS = { description: "PDF до 20 МБ" };
+
 /** A picked file as a file of the set. */
 const toFile = (file: File): FileUploadFile => ({
   id: `${file.name}-${file.size}-${file.lastModified}`,
@@ -30,13 +33,19 @@ export default function FileUploadValidationExample() {
       <FileUpload.Root
         label="Скан договора"
         required
-        hint="PDF до 20 МБ, все страницы"
+        hint="Все страницы, с подписями обеих сторон"
+        labels={ZONE_LABELS}
         error={scanError(scan)}
         value={scan}
         onValueChange={setScan}
         onFilesChange={(files) => setScan(files.map(toFile))}
       />
-      <FileUpload.Root label="Доверенность" optional hint="Если подписывает не директор" />
+      <FileUpload.Root
+        label="Доверенность"
+        optional
+        hint="Если подписывает не директор"
+        labels={ZONE_LABELS}
+      />
     </div>
   );
 }

package/src/components/file-upload/examples/variants.tsx

@@ -1,32 +1,15 @@
-/** How files are added: the dashed drop zone, the zone with only its fill for cards and modals, the compact picker button and the add tile after the files — `variant`, `trigger`. */
-import { FileUpload, type FileUploadFile } from "prime-ui-kit";
+/** How files are added: the dashed drop zone, the zone with only its fill for cards and modals, the compact picker button and the add tile that starts an empty set of tiles — `variant`, `trigger`. */
+import { FileUpload } from "prime-ui-kit";
 
 import styles from "./examples.module.css";
 
-const PHOTOS: readonly FileUploadFile[] = [
-  {
-    id: "dock",
-    name: "Рампа.jpg",
-    type: "image/jpeg",
-    size: 412_000,
-    src: "https://picsum.photos/seed/variants-dock/320/320",
-  },
-  {
-    id: "racks",
-    name: "Стеллажи.jpg",
-    type: "image/jpeg",
-    size: 388_000,
-    src: "https://picsum.photos/seed/variants-racks/320/320",
-  },
-];
-
 export default function FileUploadVariantsExample() {
   return (
     <div className={styles.column}>
       <FileUpload.Root label="dashed" variant="dashed" />
       <FileUpload.Root label="solid" variant="solid" />
       <FileUpload.Root label="button" trigger="button" />
-      <FileUpload.Root label="tile" trigger="tile" layout="grid" defaultValue={PHOTOS} />
+      <FileUpload.Root label="tile" trigger="tile" layout="grid" multiple />
     </div>
   );
 }

package/src/components/gantt/COMPONENT.md

@@ -215,9 +215,10 @@ A `tone` wins over `color`. Say the status in the label too, never only by color
 | [occupancy.tsx](examples/occupancy.tsx) | Team occupancy by day: people with avatars, projects that overlap into lanes, locked vacations, a saved move held busy and a conflicting one gliding back, new work drawn on a free day — `renderRowAvatar`, `renderRow`, `onBarChange`, `onBarCreate`, `onSelect`, `readOnly`. |
 | [large.tsx](examples/large.tsx) | Two thousand people over two years stay fast: only the rows and days in view are rendered, keyboard focus reaches any row, and new bars are drawn on empty space — `rows`, `range`, `scrollHeight`, `onBarCreate`. |
 | [row-link.tsx](examples/row-link.tsx) | A team by client: each row header is a link to the person's profile that a plain click opens in place, each tooltip adds the client and the planned hours under the dates, and a legend of client hues stands in the toolbar — `getRowHref`, `onRowClick`, `renderBarTooltip`. |
-| [states.tsx](examples/states.tsx) | Skeleton rows in the chart's geometry while it loads, an empty period and a plan you may only look at — `loading`, `empty`, `readOnly`. |
+| [states.tsx](examples/states.tsx) | Skeleton rows in the chart's geometry while it loads, an empty period and a report you may only look at, its today line on the report day — `loading`, `empty`, `readOnly`, `today`. |
 | [controlled.tsx](examples/controlled.tsx) | The zoom owned by the page: presets in the toolbar and the built-in switch change one state — `scale`, `onScaleChange`. |
 | [narrow.tsx](examples/narrow.tsx) | At 360 px the first column keeps only the avatars, the toolbar moves to its own row and the axis scrolls under the pinned column — `renderRowAvatar`. |
+| [screen.tsx](examples/screen.tsx) | A team schedule as a work screen: the title with the people shown and a PageToolbar with search, filters, team sections and the primary action in the app header over a full-height Gantt; moves saved or refused, new work drawn and named in a Modal, details in a Drawer — `scrollHeight`, `onBarChange`, `onBarCreate`, `onSelect`. |
 
 ## Mistakes
 - Updating the rows before the request succeeds (optimistic) → the chart cannot glide back on reject; update them when `onBarChange` resolves, or before you resolve it.

package/src/components/gantt/examples/screen.module.css

@@ -0,0 +1,14 @@
+/* Schedule: a work screen — the header carries the title and the tools, the page fills the app
+   panel (`AppShell.Root fillViewport` + `PageContent.Root fill`) and the chart takes the free
+   height. */
+
+/* On a short screen the chart keeps room for a few rows; the page scrolls instead. */
+.chart {
+  min-height: calc(var(--prime-space-24) * 3);
+}
+
+/* First column: the name over the role. */
+.person {
+  display: grid;
+  min-width: 0;
+}