@tailor-platform/app-shell 1.5.0 → 1.6.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/dist/app-shell.css +1 -1
- package/dist/app-shell.d.ts +320 -18
- package/dist/app-shell.js +3734 -3004
- package/dist/theme.shims.css +7 -0
- package/package.json +2 -1
- package/skills/app-shell-patterns/references/fundamental/components.md +21 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Deprecated compatibility shim.
|
|
3
|
+
*
|
|
4
|
+
* `@tailor-platform/app-shell/styles` now includes the default theme tokens,
|
|
5
|
+
* so this file intentionally does nothing. Keep exporting it so older apps
|
|
6
|
+
* that still import `@tailor-platform/app-shell/theme.css` keep building.
|
|
7
|
+
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tailor-platform/app-shell",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "An opinionated React application framework for building ERP applications on Tailor Platform",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"app-shell",
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"type": "module",
|
|
29
29
|
"exports": {
|
|
30
30
|
"./styles": "./dist/app-shell.css",
|
|
31
|
+
"./theme.css": "./dist/theme.shims.css",
|
|
31
32
|
"./themes/*": "./dist/themes/*.css",
|
|
32
33
|
".": {
|
|
33
34
|
"types": "./dist/app-shell.d.ts",
|
|
@@ -424,6 +424,27 @@ const table = useDataTable({
|
|
|
424
424
|
|
|
425
425
|
**Used in patterns:** KPI tiles, dashboards, **`detail/*`** metric strips where specs call for them.
|
|
426
426
|
|
|
427
|
+
### `DocumentProgressCard`
|
|
428
|
+
|
|
429
|
+
**Import:** `import { DocumentProgressCard } from '@tailor-platform/app-shell'`
|
|
430
|
+
**Purpose:** Generic document lifecycle/fulfilment state — optional percentage, stacked progress bar, status legend; arbitrary `segments`.
|
|
431
|
+
**API:** `DocumentProgressCardProps` — `segments` (`{ label, value, color? }[]`), `title?`, `percent?`, `legend?` (defaults to `segments`), `total?` (bar denominator; larger than the sum leaves an empty track), `className?`. View-only — `percent` is explicit.
|
|
432
|
+
**Example:**
|
|
433
|
+
|
|
434
|
+
```tsx
|
|
435
|
+
<DocumentProgressCard
|
|
436
|
+
title="Shipment status"
|
|
437
|
+
percent={60}
|
|
438
|
+
segments={[
|
|
439
|
+
{ label: "Shipped", value: 30, color: "green" },
|
|
440
|
+
{ label: "Returned", value: 3, color: "red" },
|
|
441
|
+
{ label: "Pending", value: 17, color: "neutral" },
|
|
442
|
+
]}
|
|
443
|
+
/>
|
|
444
|
+
```
|
|
445
|
+
|
|
446
|
+
**Used in patterns:** **`detail/*`** right-rail cards for arbitrary status breakdowns (shipped/cancelled/pending, PO received/returned/yet-to-receive, etc.). For the purchase-order fulfilment recipe (derived %, net-received/returned bar split, legend override), see `docs/components/document-progress-card.md`.
|
|
447
|
+
|
|
427
448
|
### `Avatar`
|
|
428
449
|
|
|
429
450
|
**Import:** `import { Avatar } from '@tailor-platform/app-shell'`
|