unipo-ui 1.0.2 → 1.2.0

package/dist/registry.json

@@ -1,5 +1,5 @@
 {
- "version": "1.0.2",
+ "version": "1.2.0",
  "versions": {
   "sass": "1.108.2",
   "tsup": "8.5.1",
@@ -14,7 +14,7 @@
   "@base-ui/react": "1.9.0",
   "lucide-react": "1.73.0",
   "country-flag-icons": "1.6.20",
-  "unipo-ui-tokens": "1.0.2"
+  "unipo-ui-tokens": "1.2.0"
  },
  "files": {
   "components/actions.tsx": {
@@ -316,6 +316,17 @@
     "lucide-react"
    ]
   },
+  "components/galat.tsx": {
+   "exports": [
+    "requestIdDari",
+    "KodeLaporan"
+   ],
+   "local": [
+    "lib/cn.ts",
+    "components/code.tsx"
+   ],
+   "npm": []
+  },
   "components/identity.tsx": {
    "exports": [
     "MarkShape",
@@ -577,7 +588,8 @@
     "components/display.tsx",
     "components/charts.tsx",
     "components/overlays.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -645,6 +657,7 @@
     "components/wizard.tsx",
     "components/data-table.tsx",
     "siakad/provider.tsx",
+    "components/galat.tsx",
     "siakad/log.tsx"
    ],
    "npm": [
@@ -653,6 +666,26 @@
     "unipo-siakad-sdk"
    ]
   },
+  "siakad/berkas.tsx": {
+   "exports": [
+    "BerkasTerunggah",
+    "InfoBerkas",
+    "OpsiUnggahBerkas",
+    "useInfoBerkas",
+    "useUnggahBerkas",
+    "useUrlBerkas",
+    "UnggahBerkasProps",
+    "UnggahBerkas"
+   ],
+   "local": [
+    "components/calendar.tsx",
+    "siakad/provider.tsx"
+   ],
+   "npm": [
+    "react",
+    "unipo-siakad-sdk"
+   ]
+  },
   "siakad/cari.tsx": {
    "exports": [
     "CariProps",
@@ -826,7 +859,8 @@
     "components/actions.tsx",
     "components/display.tsx",
     "components/charts.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -869,6 +903,22 @@
     "lucide-react"
    ]
   },
+  "siakad/galat.tsx": {
+   "exports": [
+    "GalatApiProps",
+    "GalatApi"
+   ],
+   "local": [
+    "components/display.tsx",
+    "components/actions.tsx",
+    "components/galat.tsx",
+    "siakad/provider.tsx"
+   ],
+   "npm": [
+    "react",
+    "lucide-react"
+   ]
+  },
   "siakad/kalender.tsx": {
    "exports": [
     "KegiatanTerpadu",
@@ -885,7 +935,8 @@
     "components/calendar.tsx",
     "components/display.tsx",
     "components/schedule.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -911,7 +962,8 @@
     "components/forms.tsx",
     "components/select.tsx",
     "components/wizard.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -984,7 +1036,8 @@
     "components/display.tsx",
     "components/charts.tsx",
     "components/overlays.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -1024,7 +1077,8 @@
     "components/actions.tsx",
     "components/display.tsx",
     "components/charts.tsx",
-    "siakad/provider.tsx"
+    "siakad/provider.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -1062,6 +1116,7 @@
     "components/overlays.tsx",
     "components/data-table.tsx",
     "siakad/provider.tsx",
+    "components/galat.tsx",
     "siakad/aplikasi.tsx"
    ],
    "npm": [
@@ -1106,6 +1161,26 @@
     "country-flag-icons"
    ]
   },
+  "siakad/pilih.tsx": {
+   "exports": [
+    "SumberEntitas",
+    "SUMBER_ENTITAS",
+    "JenisEntitas",
+    "jenisEntitasDariKolom",
+    "PilihEntitasProps",
+    "PilihEntitas"
+   ],
+   "local": [
+    "components/select.tsx",
+    "components/forms.tsx",
+    "components/display.tsx",
+    "siakad/provider.tsx"
+   ],
+   "npm": [
+    "react",
+    "lucide-react"
+   ]
+  },
   "siakad/pmb.tsx": {
    "exports": [
     "FormulirPmb",
@@ -1173,7 +1248,8 @@
     "pesanGalat"
    ],
    "local": [
-    "components/overlays.tsx"
+    "components/overlays.tsx",
+    "components/galat.tsx"
    ],
    "npm": [
     "react",
@@ -1395,6 +1471,8 @@
   "ToggleGroup": "components/forms.tsx",
   "SegmentedControlProps": "components/forms.tsx",
   "SegmentedControl": "components/forms.tsx",
+  "requestIdDari": "components/galat.tsx",
+  "KodeLaporan": "components/galat.tsx",
   "MarkShape": "components/identity.tsx",
   "LogoTone": "components/identity.tsx",
   "UnipoMarkProps": "components/identity.tsx",
@@ -1570,6 +1648,14 @@
   "FormAplikasiProps": "siakad/aplikasi.tsx",
   "FormAplikasi": "siakad/aplikasi.tsx",
   "SheetUbahAplikasi": "siakad/aplikasi.tsx",
+  "BerkasTerunggah": "siakad/berkas.tsx",
+  "InfoBerkas": "siakad/berkas.tsx",
+  "OpsiUnggahBerkas": "siakad/berkas.tsx",
+  "useInfoBerkas": "siakad/berkas.tsx",
+  "useUnggahBerkas": "siakad/berkas.tsx",
+  "useUrlBerkas": "siakad/berkas.tsx",
+  "UnggahBerkasProps": "siakad/berkas.tsx",
+  "UnggahBerkas": "siakad/berkas.tsx",
   "CariProps": "siakad/cari.tsx",
   "MahasiswaOption": "siakad/cari.tsx",
   "CariMahasiswaProps": "siakad/cari.tsx",
@@ -1725,6 +1811,8 @@
   "FilterBerkas": "siakad/filter-presets.tsx",
   "FilterSuratMasuk": "siakad/filter-presets.tsx",
   "FilterSuratKeluar": "siakad/filter-presets.tsx",
+  "GalatApiProps": "siakad/galat.tsx",
+  "GalatApi": "siakad/galat.tsx",
   "KegiatanTerpadu": "siakad/kalender.tsx",
   "JENIS_KEGIATAN": "siakad/kalender.tsx",
   "keEvent": "siakad/kalender.tsx",
@@ -1850,6 +1938,12 @@
   "Negara": "siakad/negara.tsx",
   "daftarNegara": "siakad/negara.tsx",
   "Bendera": "siakad/negara.tsx",
+  "SumberEntitas": "siakad/pilih.tsx",
+  "SUMBER_ENTITAS": "siakad/pilih.tsx",
+  "JenisEntitas": "siakad/pilih.tsx",
+  "jenisEntitasDariKolom": "siakad/pilih.tsx",
+  "PilihEntitasProps": "siakad/pilih.tsx",
+  "PilihEntitas": "siakad/pilih.tsx",
   "FormulirPmb": "siakad/pmb.tsx",
   "Opsi": "siakad/pmb.tsx",
   "ReferensiFormulir": "siakad/pmb.tsx",

package/dist/scss/components/_display.scss

@@ -1188,3 +1188,49 @@ button.u-step-marker {
     }
   }
 }
+
+// ---------------------------------------------------------------- Kode laporan (request_id di bawah pesan galat)
+.u-kode-laporan {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.375rem;
+  margin-top: 0.375rem;
+  font-size: var(--u-text-xs);
+  line-height: 1.5;
+  color: var(--u-muted-foreground);
+  .u-alert & {
+    color: inherit;
+    opacity: 0.9;
+  }
+  .u-kode-laporan-nilai {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.125rem;
+    min-width: 0;
+  }
+  code {
+    padding: 0.0625rem 0.375rem;
+    border-radius: calc(var(--u-radius) - 4px);
+    background: color-mix(in oklab, currentColor 10%, transparent);
+    font-family: var(--u-font-mono);
+    font-size: inherit;
+    word-break: break-all;
+    user-select: all;
+  }
+  .u-code-copy {
+    --u-code-muted: currentColor;
+    --u-code-fg: currentColor;
+    width: 1.5rem;
+    height: 1.5rem;
+    margin: 0;
+    svg {
+      width: 0.8125rem;
+      height: 0.8125rem;
+    }
+  }
+}
+.u-widget-error .u-kode-laporan {
+  flex-basis: 100%;
+  margin-top: 0;
+}

package/dist/scss/components/_layout.scss

@@ -23,10 +23,30 @@
     }
     .u-nav-item {
       justify-content: center;
+      gap: 0;
       padding: 0;
       width: 2.5rem;
       margin-inline: auto;
     }
+    // Rail: hanya ikon. Label, chevron, dan sub-menu tidak ikut tampil (sub-menu dibuka sebagai menu melayang).
+    .u-nav-label,
+    .u-nav-chevron,
+    .u-nav-sub,
+    .u-sidebar-user-text {
+      display: none;
+    }
+    // Lencana jadi titik kecil di pojok ikon.
+    .u-nav-badge {
+      position: absolute;
+      top: 0.25rem;
+      right: 0.25rem;
+      min-width: 0;
+      width: 0.5rem;
+      height: 0.5rem;
+      padding: 0;
+      font-size: 0;
+      box-shadow: 0 0 0 2px var(--u-sidebar-bg);
+    }
     .u-nav-group + .u-nav-group {
       margin-top: 0.5rem;
       padding-top: 0.5rem;

package/dist/scss/components/_overlays.scss

@@ -158,8 +158,21 @@
     top: 0;
     right: 0;
     bottom: 0;
-    width: min(100vw, var(--u-sheet-w, 26rem));
+    // Lebar ikut `size`: sm 24rem, md (bawaan) 36rem, lg 44rem, xl 56rem, full layar penuh. Atur bebas lewat --u-sheet-w.
+    width: min(100vw, var(--u-sheet-w, 36rem));
     border-width: 0 0 0 1px;
+    &[data-size='sm'] {
+      --u-sheet-w: 24rem;
+    }
+    &[data-size='lg'] {
+      --u-sheet-w: 44rem;
+    }
+    &[data-size='xl'] {
+      --u-sheet-w: 56rem;
+    }
+    &[data-size='full'] {
+      --u-sheet-w: 100vw;
+    }
     &[data-starting-style],
     &[data-ending-style] {
       transform: translateX(100%);