@flamingo-stack/openframe-frontend-core 0.0.91 → 0.0.92-snapshot.20260405050818
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/components/index.cjs +35 -15
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +35 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/loading/page-layout-skeleton.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/loading/page-layout-skeleton.tsx +37 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/page-layout-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,4CAoBtC;AAED;;GAEG;AACH,wBAAgB,cAAc,4CAiC7B;AAED;;GAEG;AACH,wBAAgB,YAAY,4CAqB3B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,WAAkB,EACnB,EAAE,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAoBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"page-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/page-layout-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,4CAoBtC;AAED;;GAEG;AACH,wBAAgB,cAAc,4CAiC7B;AAED;;GAEG;AACH,wBAAgB,YAAY,4CAqB3B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,WAAkB,EACnB,EAAE,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAoBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA4C7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAYxE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAS3E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,cAAc,EACd,WAAW,EACX,eAAwB,EACzB,EAAE,uBAAuB,GAAG;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACnC,2CAuBA;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAwD3E;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAoUhF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,OAAW,EACZ,EAAE,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsBhD;AAGD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAU1E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAUxE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,4CAkGrC"}
|
package/package.json
CHANGED
|
@@ -128,34 +128,46 @@ export function SearchContainerSkeleton({
|
|
|
128
128
|
* Category sidebar skeleton for filtering pages
|
|
129
129
|
*/
|
|
130
130
|
export function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps) {
|
|
131
|
+
// Matches the actual MultiLevelNavigation sidebar with folder/file icons, README badges, and chevrons
|
|
132
|
+
const items = [
|
|
133
|
+
{ type: 'file', width: 'w-20', hasBadge: false },
|
|
134
|
+
{ type: 'folder', width: 'w-24', hasBadge: true },
|
|
135
|
+
{ type: 'folder', width: 'w-20', hasBadge: true },
|
|
136
|
+
{ type: 'folder', width: 'w-24', hasBadge: true },
|
|
137
|
+
{ type: 'folder', width: 'w-16', hasBadge: true },
|
|
138
|
+
{ type: 'folder', width: 'w-20', hasBadge: true },
|
|
139
|
+
{ type: 'folder', width: 'w-28', hasBadge: true },
|
|
140
|
+
{ type: 'folder', width: 'w-16', hasBadge: true },
|
|
141
|
+
{ type: 'folder', width: 'w-24', hasBadge: true },
|
|
142
|
+
{ type: 'file', width: 'w-28' },
|
|
143
|
+
{ type: 'file', width: 'w-36' },
|
|
144
|
+
]
|
|
145
|
+
|
|
131
146
|
return (
|
|
132
|
-
<div className={cn("w-full lg:w-[320px]
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
147
|
+
<div className={cn("w-full lg:w-[320px]", className)}>
|
|
148
|
+
{/* DATA ROOM label */}
|
|
149
|
+
<UnifiedSkeleton className="h-[14px] w-24 rounded mb-4" />
|
|
150
|
+
|
|
151
|
+
{/* Navigation items — each has card background matching actual MultiLevelNavigation */}
|
|
152
|
+
<div className="space-y-1.5">
|
|
153
|
+
{items.map((item, index) => (
|
|
154
|
+
<div
|
|
155
|
+
key={index}
|
|
156
|
+
className={cn(
|
|
157
|
+
"flex items-center justify-between py-4 px-4 rounded-lg border border-ods-border min-h-[50px]",
|
|
158
|
+
index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
|
|
159
|
+
)}
|
|
160
|
+
>
|
|
161
|
+
<div className="flex items-center gap-2.5">
|
|
162
|
+
<UnifiedSkeleton className="w-4 h-4 shrink-0 rounded" />
|
|
163
|
+
<UnifiedSkeleton className={`h-[14px] ${item.width} rounded`} />
|
|
143
164
|
</div>
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
{/* Additional filter sections */}
|
|
149
|
-
<div className="bg-ods-card border border-ods-border rounded-lg p-4 md:p-6">
|
|
150
|
-
<TextSkeleton.Subheading className="mb-4 w-1/3" />
|
|
151
|
-
<div className="space-y-2">
|
|
152
|
-
{Array.from({ length: 5 }).map((_, index) => (
|
|
153
|
-
<div key={index} className="flex items-center gap-2">
|
|
154
|
-
<UnifiedSkeleton variant="default" className="w-4 h-4" />
|
|
155
|
-
<TextSkeleton.Body className="w-2/3" />
|
|
165
|
+
<div className="flex items-center gap-2 h-[18px]">
|
|
166
|
+
{item.hasBadge && <UnifiedSkeleton className="h-[18px] w-14 rounded" />}
|
|
167
|
+
{item.type === 'folder' && <UnifiedSkeleton className="w-4 h-4 rounded" />}
|
|
156
168
|
</div>
|
|
157
|
-
|
|
158
|
-
|
|
169
|
+
</div>
|
|
170
|
+
))}
|
|
159
171
|
</div>
|
|
160
172
|
</div>
|
|
161
173
|
)
|