@orangelogic/orange-dam-content-browser-sdk 2.3.7-table-view-beta-2 → 2.3.7

package/build/tools/fetch-and-merge-assets.d.ts

@@ -6,8 +6,6 @@ import { Facet, SortOrder } from '../types/content-browser';
 import { GetFolderRequest } from '../types/folder';
 import type { ReactiveController } from 'lit';
 type FetchAndMergeAssetsControllerOptions = {
-    /** Cortex fields the table-view columns read, requested on every search alongside the fixed set. */
-    additionalFields?: string[];
     availableDocTypes: string[];
     baseUrl: string;
     defaultFolderId: string;
@@ -46,7 +44,6 @@ export declare class FetchAndMergeAssetsController implements ReactiveController
     private resolvePendingTokenRefresh;
     private readonly tokenRefreshTimeoutMs;
     private readonly availableDocTypes;
-    private additionalFields;
     private readonly defaultSearchText;
     private readonly defaultSelectedFacets;
     private readonly defaultSortOrderName;
@@ -55,7 +52,7 @@ export declare class FetchAndMergeAssetsController implements ReactiveController
     private readonly defaultIsSeeThrough;
     private requestInterceptorId;
     private responseInterceptorId;
-    constructor(host: CortexElement, { additionalFields, availableDocTypes, baseUrl, defaultFolderId, defaultIsSeeThrough, defaultSearchText, defaultSelectedFacets, defaultSortDirection, defaultSortOrderName, token, useSession, useSiteSession, }: FetchAndMergeAssetsControllerOptions);
+    constructor(host: CortexElement, { availableDocTypes, baseUrl, defaultFolderId, defaultIsSeeThrough, defaultSearchText, defaultSelectedFacets, defaultSortDirection, defaultSortOrderName, token, useSession, useSiteSession, }: FetchAndMergeAssetsControllerOptions);
     private waitForNewToken;
     /**
      * Site-session mode decides the transport (cookies on the Cortex origin vs. Token/UseSession
@@ -67,12 +64,6 @@ export declare class FetchAndMergeAssetsController implements ReactiveController
      * step with the UI instead of serving requests through the mode the controller was built with.
      */
     updateSiteSession(useSiteSession: boolean, baseUrl: string, token: string, useSession: string): void;
-    /**
-     * Table columns are host configuration and can be reconfigured after mount, unlike the rest of
-     * these options — every later fetch must ask for the current field list, not the one that
-     * happened to be set when the controller was constructed.
-     */
-    updateAdditionalFields(additionalFields: string[]): void;
     updateAuth(token: string, useSession: string): void;
     private fetchInitialData;
     private _debounceTimeout;

package/build/types/asset.d.ts

@@ -80,11 +80,6 @@ export type GetAssetLinksRequest = {
     useRepresentative?: boolean;
 };
 export type GetAssetsRequest = {
-    /**
-     * Extra Cortex fields to request alongside the fixed set, returned on each item under the field
-     * name as sent. Used by the table view to resolve host-configured columns.
-     */
-    fields?: string[];
     folderId?: string;
     isSeeThrough?: boolean;
     limitedToDocTypes?: string[];

package/build/types/content-browser.d.ts

@@ -39,34 +39,6 @@ export declare enum GridView {
     Medium = "medium",
     Small = "small"
 }
-/**
- * The table layout. `GridView` members are the grid's pixel-width presets, so a layout that is not
- * a grid at all cannot be one of them.
- */
-export declare const TABLE_VIEW = "table";
-/** What the content browser is currently rendering: one of the grid size presets, or the table. */
-export type ContentBrowserView = GridView | typeof TABLE_VIEW;
-export type TableColumnAlign = 'center' | 'left' | 'right';
-/**
- * One column of the table view. The host owns the column set: the SDK ships the mechanism and no
- * default column list, so nothing here is guessed from the asset's doc type.
- */
-export type TableColumn = {
-    /** Horizontal alignment of the cell text. Default `left`. */
-    align?: TableColumnAlign;
-    /**
-     * Cortex field the column reads, e.g. `CoreField.Identifier` or `Dell.Snippet`. It is appended to
-     * the field list of the same search call the grid uses, so what a given caller gets back is decided
-     * server-side — the SDK neither filters nor resolves fields of its own.
-     */
-    field: string;
-    /** Lines a cell shows before the text is clamped. Default 1. */
-    lines?: number;
-    /** Column header text. */
-    title: string;
-    /** CSS grid track for the column, e.g. `200px`, `2fr`, `minmax(120px, 1fr)`. Default `minmax(0, 1fr)`. */
-    width?: string;
-};
 export declare const ASSET_SIZE: {
     small: {
         maxWidth: number;
@@ -141,31 +113,6 @@ export type FocusMode = {
     value: string;
 };
 export type DefaultFocusMode = 'manual' | 'center';
-/**
- * Import behaviour when the host would rather not show the format picker.
- *
- * - `false` — the format dialog opens as usual.
- * - `true` — insert with the first available format, without showing the dialog.
- * - a format name — insert with that format, matched case-insensitively against a proxy's
- *   `proxyName` or `proxyLabel`. A name matching nothing opens the dialog as usual.
- */
-export type AutoSelectFormat = boolean | string;
-/**
- * React 19 sets a hyphenated prop as an attribute rather than a property, so the union has to
- * survive a round trip through a string: `"true"`/`"false"` are the booleans, anything else is a
- * format name. A bare attribute means `true`, matching how a boolean attribute normally reads.
- */
-export declare const autoSelectFormatConverter: {
-    fromAttribute: (value: string | null) => AutoSelectFormat;
-    toAttribute: (value: AutoSelectFormat) => string | null;
-};
-/**
- * Whether `autoSelectFormat` is switched on at all — a blank string is off, not a format named " ".
- *
- * Config-level, not per-asset: it says the host has asked to skip the picker, not that this
- * particular asset will skip it. A named format that no proxy matches still opens the dialog.
- */
-export declare function isAutoSelectFormatActive(value: AutoSelectFormat): boolean;
 export type CtaTextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
 export declare enum ContentBrowserFormatDialogVariant {
     Dialog = "dialog",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangelogic/orange-dam-content-browser-sdk",
-  "version": "2.3.7-table-view-beta-2",
+  "version": "2.3.7",
   "description": "OrangeDAM Content Browser SDK source code",
   "main": "./build/OrangeDAMContentBrowserSDK.min.js",
   "module": "./build/index.mjs",

package/build/components/content-browser-table/content-browser-table.d.ts

@@ -1,178 +0,0 @@
-import '@lit-labs/virtualizer';
-import CortexElement from '../../base/element';
-import { Asset } from '../../types/asset';
-import { type CtaTextTransform, TableColumn } from '../../types/content-browser';
-import CxButton from '@orangelogic/design-system/components/button';
-import CxLineClamp from '@orangelogic/design-system/components/line-clamp';
-import CxProgressBar from '@orangelogic/design-system/components/progress-bar';
-import CxResizeObserver from '@orangelogic/design-system/components/resize-observer';
-import CxTypography from '@orangelogic/design-system/components/typography';
-import CxContentBrowserNoResult from '../content-browser-no-result/content-browser-no-result';
-import type { CSSResultGroup } from 'lit';
-export declare const ROW_HEIGHT = 40;
-/**
- * The action column is an explicit track, not an implicit one. Left implicit, the grid sizes it
- * from content *after* distributing free space, so a host's fractional track (`minmax(0, 2fr)` on
- * Title) is computed against a width the button then eats into and the last text column is clipped.
- * `max-content` is stable across rows because every row's button carries the same label.
- */
-export declare const ACTION_COLUMN_TRACK = "max-content";
-/** Narrow enough to be a deliberate choice, wide enough that a column never becomes a sliver. */
-export declare const MIN_COLUMN_WIDTH = 48;
-/**
- * The widest a column may be dragged. The table scrolls horizontally, so there is no layout-derived
- * maximum any more, but a bound is still needed twice over: a stray pointer event must not be able
- * to produce an absurd track, and the separator has to report a real `aria-valuemax`. Fixed rather
- * than measured, so the range is a constant and render costs no layout read.
- */
-export declare const MAX_COLUMN_WIDTH = 2000;
-/** Keyboard resize step, in pixels; Shift takes the larger one. */
-export declare const COLUMN_RESIZE_STEP = 8;
-export declare const COLUMN_RESIZE_STEP_LARGE = 32;
-/**
- * The header and the virtualized rows are separate grids that must always resolve the same track
- * list. Publishing it as one custom property on the host keeps them in step, and lets a drag
- * repaint by writing a single property instead of re-rendering every visible row.
- */
-export declare const TABLE_COLUMNS_PROPERTY = "--cx-content-browser-table-columns";
-/**
- * Raises a flexible track's base size to `MIN_COLUMN_WIDTH`.
- *
- * `min-width: min-content` on the grids is what carries the table past its scrollport, but it also
- * means the grid is sized under a min-content constraint, and a flexible track resolves to its
- * *base* size under one. `minmax(0, 1fr)` has a base size of 0, so every flexible column collapsed
- * the moment the table overflowed: its title and cells clipped away and its resize handle trapped
- * inside a zero-width clipping cell, where the pointer cannot reach it to drag the column back.
- * Flooring the base at the width a drag already refuses to go below keeps the column reachable, and
- * covers a host-authored `minmax(0, 2fr)` or bare `2fr` the same way it covers the default.
- */
-export declare function floorFlexibleTrack(track: string): string;
-/**
- * Column values ride on the asset under the Cortex field name as requested (see `apiGetAssets`),
- * which `Asset` cannot declare because the field set is the host's, not the SDK's.
- */
-export declare function readCellValue(asset: Asset, field: string): string;
-/**
- * @summary Table layout for the Content Browser: one row per asset, host-configured metadata columns
- * instead of a thumbnail.
- *
- * @description Renders the same asset list the grid does and emits the same item events, so an asset
- * with no rendition — a text fragment, `digitized = 0` — is browsable and selectable by its
- * identifying fields. It fetches nothing of its own: a row exists, and a cell has a value, only
- * because the search response the grid also consumes carried it.
- *
- * @event cx-content-browser-grid-click - Emitted when a row is activated by click or keyboard.
- * @event cx-content-browser-grid-resize - Emitted with the visible row count so the host can grow the page size.
- * @event cx-content-browser-grid-scroll-end - Emitted when the row list is scrolled to the end.
- * @event cx-content-browser-table-column-resize - Emitted when a column settles on a new width: a
- * drag released, a keyboard step, or a reset by double click or Home. `detail.width` is the pixel
- * width, or `undefined` when the column was reset to the track the host configured. Resized widths
- * are session-only -- the SDK has no storage that survives a reload -- so this event is the host's
- * only chance to persist them.
- */
-export default class CxContentBrowserTable extends CortexElement {
-    #private;
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-button': typeof CxButton;
-        'cx-content-browser-no-result': typeof CxContentBrowserNoResult;
-        'cx-line-clamp': typeof CxLineClamp;
-        'cx-progress-bar': typeof CxProgressBar;
-        'cx-resize-observer': typeof CxResizeObserver;
-        'cx-typography': typeof CxTypography;
-    };
-    private readonly localize;
-    private readonly containerEl;
-    private readonly headEl;
-    private readonly bodyEl;
-    assets: Asset[];
-    columns: TableColumn[];
-    ctaText: string;
-    ctaTextTransform: CtaTextTransform;
-    empty: boolean;
-    hasMore: boolean;
-    loading: boolean;
-    selectedAssetId: string | undefined;
-    /**
-     * The asset whose insert is still running, so its row keeps the CTA on screen and spinning.
-     */
-    busyAssetId: string | undefined;
-    assetMap: Map<string, Asset>;
-    /** Widths the user has dragged, in pixels, keyed by the column's Cortex field. */
-    private columnWidths;
-    private readonly scrollAnchorController;
-    constructor();
-    /** One authored track per configured column, in order. The action track is not one of them. */
-    private buildColumnTracks;
-    private buildTemplateColumns;
-    private get templateColumns();
-    private resolveColumnWidth;
-    private clampColumnWidth;
-    private commitColumnWidth;
-    /**
-     * Kept off the reactive path: its only effect is the cursor, the text selection and the handle
-     * colour, while a reactive toggle would rebind `renderItem` and re-render every visible row twice
-     * per drag.
-     */
-    private setResizingClass;
-    private bindFallbackListeners;
-    private releaseFallbackListeners;
-    /**
-     * With the fallback bound, an event dispatched at the handle reaches the handle's own binding and
-     * then the document one, running every terminal handler twice. The fallback owns the whole drag on
-     * that path, so the element-level delivery is dropped.
-     */
-    private isHandledByFallback;
-    /** Every trace of a drag: the state the track-list publish is gated on, the cursor, the fallback. */
-    private endResize;
-    private handleResizeStart;
-    /**
-     * The track list a running drag owns, built against the columns rendering right now: the committed
-     * widths with the drag's own preview over the top. Falls back to the committed list when no drag is
-     * running, so one expression covers both.
-     */
-    private get previewTemplateColumns();
-    /** Repaints the drag with one property write: no re-render, no layout read. */
-    private previewColumnWidth;
-    private handleResizeMove;
-    private handleResizeEnd;
-    /**
-     * A gesture the user agent took away was never a decision: restore the committed track list and
-     * tell the host nothing.
-     */
-    private handleResizeCancel;
-    private handleResizeKeyDown;
-    private handleResizeReset;
-    private renderResizeHandle;
-    handleColumnsChange(): void;
-    updated(): void;
-    disconnectedCallback(): void;
-    handleAssetsChange(): void;
-    private handleResize;
-    private readonly debouncedCalculatePageSize;
-    private calculatePageSize;
-    private selectRow;
-    private handleRowClick;
-    private handleActionClick;
-    private handleRowKeyDown;
-    /**
-     * @param assetId - omitted for the header's sizing twin, which is inert and never announced.
-     */
-    private renderActionButton;
-    /**
-     * Bound fresh on every render at the call site, deliberately. `lit-virtualizer` re-runs this only
-     * when `items` or `renderItem` change identity, and the selected id lives on neither — with a
-     * stable reference the rows keep their first render and the selected row is never marked. A new
-     * `items` array alone does not do it; the function identity is what the virtualizer acts on.
-     */
-    private renderRow;
-    private handleScroll;
-    private readonly debouncedHandleScrollEnd;
-    private handleScrollEnd;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-content-browser-table': CxContentBrowserTable;
-    }
-}

package/build/components/content-browser-table/content-browser-table.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/build/events/cx-content-browser-table-column-resize.d.ts

@@ -1,16 +0,0 @@
-export interface CxContentBrowserTableColumnResizeEvent extends CustomEvent<{
-    field: string;
-    width: number | undefined;
-}> {
-    detail: {
-        /** The Cortex field the resized column maps to, as the host configured it. */
-        field: string;
-        /** Resolved width in pixels, or `undefined` when the column was reset to its configured width. */
-        width: number | undefined;
-    };
-}
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-content-browser-table-column-resize': CxContentBrowserTableColumnResizeEvent;
-    }
-}