@openrails/contentkit-ui 0.98.4 → 0.98.5
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/README.md +18 -11
- package/dist/components/content/index.d.ts +1 -1
- package/dist/index.js +22 -22
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -319,17 +319,24 @@ Plain-text entities sit directly below the cover, followed by other metadata.
|
|
|
319
319
|
metadata={{ languages: false, traits: ["colored"], duration: false }} />
|
|
320
320
|
```
|
|
321
321
|
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
`grid
|
|
331
|
-
|
|
332
|
-
|
|
322
|
+
Card grids use **width-driven tiling**: preserve roughly the same apparent
|
|
323
|
+
card size as the container grows, adding or removing columns to use the
|
|
324
|
+
available space. The application supplies its card-width target; ContentKit
|
|
325
|
+
UI derives the column count. Cards may grow slightly to fill each row.
|
|
326
|
+
|
|
327
|
+
For example, `grid={{ minCardWidth: 280, mobileColumns: 2 }}` keeps two columns
|
|
328
|
+
on small screens and a stable 280 CSS-pixel minimum on desktop, with no column
|
|
329
|
+
ceiling. This shared behavior applies to card grids, daily releases, Popular
|
|
330
|
+
and `ContentRail` grid previews; an unconfigured rail remains horizontal.
|
|
331
|
+
|
|
332
|
+
Use a stable CSS-pixel width for ordinary listing cards. `maxColumns` is an
|
|
333
|
+
explicit opt-in for surfaces that intentionally cap their columns.
|
|
334
|
+
`minCardWidth` also accepts CSS lengths for application-specific layouts.
|
|
335
|
+
|
|
336
|
+
Custom page-thumbnail or media grids can use the same primitive: call
|
|
337
|
+
`cardGridLayout({ minCardWidth: 280, mobileColumns: 2 })` and apply its
|
|
338
|
+
`className` and `style` to a `ContentKitUiRoot`. This keeps their track widths,
|
|
339
|
+
gaps and responsive behavior identical to content-card lists.
|
|
333
340
|
|
|
334
341
|
`ContentGrid` and `ContentListing` take `locked`: `show` (default) marks the
|
|
335
342
|
cards the reader doesn't open, `hide` leaves them out, and `collapse` lists
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ContentCard, OwnerChip, PostCard, lockLabel, type CardMetadata, type ContentCardProps, type PostCardProps } from './card.js';
|
|
2
|
-
export { CardGrid, ContentGrid, ContentHistory, ContentRail, SearchResults, type CardGridLayout, type CardListProps, type ContentRailProps, type LockedCards } from './grid.js';
|
|
2
|
+
export { cardGridLayout, CardGrid, ContentGrid, ContentHistory, ContentRail, SearchResults, type CardGridLayout, type CardListProps, type ContentRailProps, type LockedCards } from './grid.js';
|
|
3
3
|
export { DailyReleases, type DailyReleasesProps } from './daily-releases.js';
|
|
4
4
|
export { PopularContentGrid, type PopularContentGridProps } from './popular.js';
|
|
5
5
|
export { SearchBox, type SearchBoxProps } from './search.js';
|
package/dist/index.js
CHANGED
|
@@ -49,25 +49,25 @@ import { GroupBanner as ue, GroupImageEditor as de, MembershipBox as fe } from "
|
|
|
49
49
|
import { GroupEditor as pe, GroupMergeDialog as me } from "./components/groups/editor.js";
|
|
50
50
|
import { GroupMembers as he, MembershipEditor as ge } from "./components/groups/memberships.js";
|
|
51
51
|
import { ContentCard as _e, OwnerChip as ve, PostCard as ye, lockLabel as be } from "./components/content/card.js";
|
|
52
|
-
import { CardGrid as xe, ContentGrid as Se, ContentHistory as Ce, ContentRail as we, SearchResults as Te } from "./components/content/grid.js";
|
|
53
|
-
import { DailyReleases as
|
|
54
|
-
import { PopularContentGrid as
|
|
55
|
-
import { SearchBox as
|
|
56
|
-
import { ContentFilterSettings as
|
|
57
|
-
import { ReaderSettings as
|
|
58
|
-
import { ContentListing as
|
|
59
|
-
import { ReaderManifestEditor as
|
|
60
|
-
import { MediaItemPanel as
|
|
61
|
-
import { AccessEditor as
|
|
62
|
-
import { ReaderStats as
|
|
63
|
-
import { VersionDownloadButton as
|
|
64
|
-
import { ContentEditor as
|
|
65
|
-
import { GroupManager as
|
|
66
|
-
import { PollManager as
|
|
67
|
-
import { StatsDashboard as
|
|
68
|
-
import { ContentAdmin as
|
|
69
|
-
import { UserCommentStanding as
|
|
70
|
-
import { UploadQueue as
|
|
71
|
-
import { NotificationBell as
|
|
72
|
-
import { BillingNotification as
|
|
73
|
-
export {
|
|
52
|
+
import { CardGrid as xe, ContentGrid as Se, ContentHistory as Ce, ContentRail as we, SearchResults as Te, cardGridLayout as Ee } from "./components/content/grid.js";
|
|
53
|
+
import { DailyReleases as De } from "./components/content/daily-releases.js";
|
|
54
|
+
import { PopularContentGrid as Oe } from "./components/content/popular.js";
|
|
55
|
+
import { SearchBox as ke } from "./components/content/search.js";
|
|
56
|
+
import { ContentFilterSettings as Ae, ReleaseDateIndex as je } from "./components/content/filters.js";
|
|
57
|
+
import { ReaderSettings as Me } from "./components/content/reader-settings.js";
|
|
58
|
+
import { ContentListing as Ne, sortLabel as Pe } from "./components/content/listing.js";
|
|
59
|
+
import { ReaderManifestEditor as Fe } from "./components/admin/reader-manifest.js";
|
|
60
|
+
import { MediaItemPanel as Ie, VideoMediaEditor as Le, videoPaths as Re } from "./components/admin/media-item-panel.js";
|
|
61
|
+
import { AccessEditor as ze, ContentDetailsEditor as Be, ContentSections as Ve, SegmentsEditor as He, VersionCover as Ue, VersionsEditor as We, versionLabel as Ge } from "./components/content/editors.js";
|
|
62
|
+
import { ReaderStats as Ke } from "./components/content/reader-stats.js";
|
|
63
|
+
import { VersionDownloadButton as qe } from "./components/content/download-button.js";
|
|
64
|
+
import { ContentEditor as Je, ContentManager as Ye, contentStatus as Xe, useContentManagerAccess as Ze } from "./components/admin/content-manager.js";
|
|
65
|
+
import { GroupManager as Qe, useGroupManagerAccess as $e } from "./components/admin/group-manager.js";
|
|
66
|
+
import { PollManager as et, pollState as tt, usePollManagerAccess as nt } from "./components/admin/poll-manager.js";
|
|
67
|
+
import { StatsDashboard as rt } from "./components/admin/stats-dashboard.js";
|
|
68
|
+
import { ContentAdmin as it } from "./components/admin/content-admin.js";
|
|
69
|
+
import { UserCommentStanding as at, useUserCommentStandingAccess as ot } from "./components/admin/user-comment-standing.js";
|
|
70
|
+
import { UploadQueue as st } from "./components/admin/upload-queue.js";
|
|
71
|
+
import { NotificationBell as ct, NotificationInbox as lt } from "./components/notifications.js";
|
|
72
|
+
import { BillingNotification as ut, billingNotificationAction as dt, isBillingNotification as ft } from "./components/billing-notification.js";
|
|
73
|
+
export { ze as AccessEditor, O as AvatarUpload, z as BanNotice, q as BannedWords, ut as BillingNotification, xe as CardGrid, B as CommentBanDialog, V as CommentBans, Y as CommentModeration, H as Comments, it as ContentAdmin, _e as ContentCard, Be as ContentDetailsEditor, Je as ContentEditor, Ae as ContentFilterSettings, Se as ContentGrid, Ce as ContentHistory, l as ContentKitUiProvider, c as ContentKitUiRoot, Ne as ContentListing, Ye as ContentManager, we as ContentRail, Ve as ContentSections, k as CoverUpload, De as DailyReleases, e as DensityContext, u as EncodeProgress, U as FavoriteButton, Z as GroupAvatar, ue as GroupBanner, Q as GroupCover, ne as GroupDirectory, pe as GroupEditor, re as GroupHeader, de as GroupImageEditor, $ as GroupLink, Qe as GroupManager, he as GroupMembers, me as GroupMergeDialog, ee as GroupPicker, N as HoverPreview, J as IPBans, p as ImageCropDialog, P as LazyMount, j as MediaFolderEditor, E as MediaGallery, Ie as MediaItemPanel, F as MediaReadinessNotice, fe as MembershipBox, ge as MembershipEditor, I as NoAccess, ct as NotificationBell, lt as NotificationInbox, le as OfferFields, ve as OwnerChip, L as Pager, ae as Paywall, G as Poll, K as PollEditor, et as PollManager, Oe as PopularContentGrid, ye as PostCard, W as ReactionButtons, Fe as ReaderManifestEditor, Me as ReaderSettings, Ke as ReaderStats, je as ReleaseDateIndex, t as RenditionImg, ke as SearchBox, Te as SearchResults, He as SegmentsEditor, h as SlotEditError, g as SlotEditMenu, _ as SlotEditor, m as SlotImage, A as SortableList, C as SpriteFrame, rt as StatsDashboard, st as UploadQueue, at as UserCommentStanding, Ue as VersionCover, qe as VersionDownloadButton, oe as VersionPicker, We as VersionsEditor, Le as VideoMediaEditor, D as VideoMiniPlayer, w as VideoPlayer, y as VideoPoster, b as VideoPosterPicker, dt as billingNotificationAction, Ee as cardGridLayout, Xe as contentStatus, r as createTranslator, i as defaultMessages, a as defineMessages, M as describeRules, d as encodeLabel, ie as formatAttribute, f as formatRemaining, x as formatTime, ft as isBillingNotification, te as labelOf, be as lockLabel, S as playerButtonClass, tt as pollState, se as priceLabel, T as qualityLabel, o as resolveMessages, Pe as sortLabel, X as useCommentModerationAccess, R as useConfirm, Ze as useContentManagerAccess, $e as useGroupManagerAccess, s as useMessages, nt as usePollManagerAccess, n as useRendition, v as useSlotEditor, ot as useUserCommentStandingAccess, ce as useVersionMenuItems, Ge as versionLabel, Re as videoPaths };
|
package/package.json
CHANGED