@orangelogic/design-system 2.117.0 → 2.119.0

package/library/packages/organisms/src/content-builder/plugins/index.d.ts

@@ -7,6 +7,7 @@ export { default as ColumnPlugin } from './column';
 export { default as ColumnGroupPlugin } from './column-group';
 export { default as CorePlugin } from './core';
 export { default as InjectCustomFrameAbilityForGrapesJS } from './custom-frame';
+export { default as DamViewPlugin } from './dam-view';
 export { default as DividerPlugin } from './divider';
 export { default as DocumentViewerPlugin } from './document-viewer';
 export { default as FontKitPlugin } from './font-kit';

package/library/packages/organisms/src/content-builder/styleController.d.ts

@@ -72,7 +72,7 @@ export default class StyleController {
         checkedValue?: string | boolean;
         children?: import('../../../types/src/content-builder').PropertyConfig[];
         clearable?: boolean;
-        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "audio-picker" | "asset-format-picker" | "video-picker";
+        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "dam-custom-toolbar-buttons" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "audio-picker" | "asset-format-picker" | "video-picker";
         cornerStyleKey?: {
             offsetX: string;
             offsetY: string;
@@ -87,7 +87,8 @@ export default class StyleController {
             prescribedDocTypes?: import('../../../types/src/download-format-picker').DownloadDocType[];
         };
         folderPickerConfigs?: {
-            useFullPath: boolean;
+            useFullPath?: boolean;
+            variant?: import('../../../types/src/folder-select').FolderSelectVariant;
         };
         galleryPickerConfigs?: {
             dialog: import('../../../types/src/content-builder').DialogType;
@@ -146,7 +147,10 @@ export default class StyleController {
             useMask?: boolean;
         };
         skipShowCheck?: boolean;
-        tab?: "content" | "styling" | "effects";
+        tab?: "appearance" | "content" | "effects" | "sidePanels" | "styling";
+        tableSelectConfigs?: {
+            columns: import('../../../types/src/table-select').TableSelectColumn[];
+        };
         translatable?: boolean;
         translateGroup?: string;
         type: "attribute" | "property" | "style" | "decorative";

package/library/packages/organisms/src/dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor.d.ts

@@ -0,0 +1,176 @@
+import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
+import { default as CxCheckbox } from '../../../atoms/src/components/checkbox/checkbox.ts';
+import { default as CxDialog } from '../../../atoms/src/components/dialog/dialog.ts';
+import { default as CxDropdown } from '../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxGrid } from '../../../atoms/src/components/grid/grid.ts';
+import { default as CxGridItem } from '../../../atoms/src/components/grid-item/grid-item.ts';
+import { default as CxIcon } from '../../../atoms/src/components/icon/icon.ts';
+import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
+import { default as CxOption } from '../../../atoms/src/components/option/option.ts';
+import { default as CxRadio } from '../../../atoms/src/components/radio/radio.ts';
+import { default as CxRadioGroup } from '../../../atoms/src/components/radio-group/radio-group.ts';
+import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
+import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { CxAssetRequestStatusEvent, CxChangeEvent, CxRequestCloseEvent } from '../../../events/src/events.ts';
+import { default as CxConfirmPopover } from '../../../molecules/src/confirm-popover/confirm-popover.ts';
+import { default as CxDynamicSelect } from '../../../molecules/src/dynamic-select/dynamic-select.ts';
+import { default as CxIconPicker } from '../../../molecules/src/icon-picker/icon-picker.ts';
+import { default as CxListEditor } from '../../../molecules/src/list-editor/list-editor.ts';
+import { Option } from '../../../types/src/content-builder';
+import { DamCustomToolbarButton } from '../../../types/src/dam-view';
+import { CSSResultGroup } from 'lit';
+
+type CxListEditorRowActionEvent = CustomEvent<{
+    index: string;
+    item: DamCustomToolbarButton;
+}>;
+/**
+ * @summary Dedicated editor for DAM view "Custom toolbar buttons" trait. Renders a
+ * compact list view (via `cx-list-editor` in event-driven mode) and owns its own
+ * Add/Edit dialog with the full button schema (Type, Label, Tooltip, Appearance,
+ * Icon, Action on click, target, and Level of access). The built-in `cx-list-editor`
+ * dialog is intentionally bypassed because the form needs section headings and
+ * conditional fields.
+ *
+ * @event {{ data: DamCustomToolbarButton[] }} cx-list-editor-change - Emitted whenever the buttons collection changes (add / edit / delete).
+ *
+ * @csspart list - The inner `cx-list-editor` element.
+ * @csspart dialog - The Add/Edit dialog wrapper.
+ */
+export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-checkbox': typeof CxCheckbox;
+        'cx-confirm-popover': typeof CxConfirmPopover;
+        'cx-dialog': typeof CxDialog;
+        'cx-dropdown': typeof CxDropdown;
+        'cx-dynamic-select': typeof CxDynamicSelect;
+        'cx-grid': typeof CxGrid;
+        'cx-grid-item': typeof CxGridItem;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-picker': typeof CxIconPicker;
+        'cx-input': typeof CxInput;
+        'cx-list-editor': typeof CxListEditor;
+        'cx-option': typeof CxOption;
+        'cx-radio': typeof CxRadio;
+        'cx-radio-group': typeof CxRadioGroup;
+        'cx-select': typeof CxSelect;
+        'cx-space': typeof CxSpace;
+        'cx-typography': typeof CxTypography;
+    };
+    private readonly localize;
+    /**
+     * Service aliases (per lit-8-2-injectable-api). Tests can override with
+     * `el['apiGetDamViewAvailableSpaces'] = stub` / `el['apiGetSubTypesWithWildcard'] = stub`.
+     */
+    private apiGetSubTypesWithWildcard;
+    private apiGetDamViewAvailableSpaces;
+    private apiGetDamViewAvailableButtons;
+    private apiGetDamViewAvailableForms;
+    private apiGetDamViewAvailableLevelsOfAccess;
+    private apiGetDamViewAvailablePages;
+    /** Tracks whether `subTypesApi` has resolved at least once for the current API. */
+    private subTypesLoaded;
+    private readonly formApi;
+    private readonly spaceApi;
+    private readonly accessLevelApi;
+    private readonly pageApi;
+    /**
+     * Custom toolbar buttons collection (controlled). Accepts either an array
+     * (property binding) or a JSON string (attribute binding — used by
+     * `config-form-controller` after `handleConfigChange` stringifies attribute
+     * values).
+     */
+    data: DamCustomToolbarButton[];
+    /** Column definitions forwarded to the inner `cx-list-editor` table. */
+    columns: Array<Record<string, unknown>>;
+    /** Boundary element passed to the dialog (typically the content-builder host). */
+    boundary: HTMLElement;
+    /**
+     * Function to configure a workflow for the selected button.
+     * Called when the user clicks "Configure" on a button with action ExecuteWorkflow.
+     * @default undefined
+     */
+    onConfigureWorkflow: ((id?: string) => Promise<string>) | undefined;
+    /** The item currently being added or edited (null when dialog is closed). */
+    private editedItem;
+    /** True when the dialog is in "add" mode; false when editing existing item. */
+    private isAdding;
+    /** Cached grouped subtypes resolved from `subTypesApi`. Empty until the first load. */
+    private subTypesData;
+    /** True while `subTypesApi` is in flight. */
+    private isLoadingSubTypes;
+    /** True while a child asset picker is busy — prevents the dialog from being closed. */
+    private isAssetRequestBusy;
+    private addDropdownEl;
+    private addButtonSelectEl;
+    private dialogForm;
+    private confirmPopover;
+    constructor();
+    handleEditedItemChange(): Promise<void>;
+    private availableButtonsApi;
+    private get pageSelectColumns();
+    private get addSelectColumns();
+    handleCreateNewClick(): void;
+    handleAvailableButtonSelect(event: CustomEvent<Option>): void;
+    handleListEditorEdit(event: CxListEditorRowActionEvent): void;
+    handleListEditorDelete(event: CxListEditorRowActionEvent): void;
+    handleAddClick(): void;
+    handleCancelClick(): void;
+    handleRequestClose(event: CxRequestCloseEvent): void;
+    handleAssetRequestStatus(event: CxAssetRequestStatusEvent): void;
+    handleConfirmClose(): void;
+    handleTypeChange(event: CxChangeEvent): void;
+    handleLabelChange(event: CxChangeEvent): void;
+    handleTooltipChange(event: CxChangeEvent): void;
+    handleAppearanceChange(event: CxChangeEvent): void;
+    handleIconChange(event: CxChangeEvent): void;
+    handleActionChange(event: CxChangeEvent): void;
+    handleLinkChange(event: CxChangeEvent): void;
+    handleOpenInNewTabChange(event: CxChangeEvent): void;
+    handleFormIdChange(event: CustomEvent<Option>): void;
+    handlePageChange(event: CxChangeEvent): void;
+    handleSpaceIdChange(event: CustomEvent<Option>): void;
+    handleRecordTypeChange(event: CxChangeEvent): void;
+    handleRecordSubTypeChange(event: CxChangeEvent): void;
+    handleAccessLevelChange(event: CustomEvent<Option>): void;
+    handleConfigureWorkflowClick(): Promise<void>;
+    handleSaveClick(): void;
+    handleDialogFormSubmit(event: SubmitEvent): void;
+    private loadSubTypesIfNeeded;
+    /** Returns the `typeLabel` key (underscored) that matches a given `typeDbBOName`. */
+    private findTypeKeyByDbBOName;
+    /** Picks the wildcard subTypeValue (or first available) for a given `typeDbBOName`. */
+    private findDefaultSubTypeFor;
+    private createNewButton;
+    private updateEditedItem;
+    private emitChange;
+    private closeDialog;
+    private renderTypeField;
+    private renderLabelField;
+    private renderTooltipField;
+    private renderAppearanceField;
+    private renderIconField;
+    private renderActionField;
+    private renderFormToOpenField;
+    private renderLinkField;
+    private renderPageField;
+    private renderRecordTypeAndSubTypeField;
+    private renderSpaceField;
+    private renderOpenInNewTabField;
+    private renderConfigureWorkflowButton;
+    private renderAccessLevelField;
+    private handleListEditorReorder;
+    private renderGeneralSection;
+    private renderVisibilitySection;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-dam-custom-toolbar-buttons-editor': CxDamCustomToolbarButtonsEditor;
+    }
+}
+export {};

package/library/packages/organisms/src/dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor.styles.d.ts

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

package/library/packages/organisms/src/index.d.ts

@@ -3,12 +3,14 @@ export { default as CxAssetTransformationDialog } from './asset-transformation-d
 export { default as CxDashboardFilter } from './dashboard-filter/dashboard-filter';
 export { default as CxDashboardTable } from './dashboard-table/dashboard-table';
 export { default as CxBentoGrid } from './bento-grid/bento-grid';
+export { default as CxCapacityPlanner } from './capacity-planner/capacity-planner';
 export { default as CxCarousel } from './carousel/carousel';
 export { default as CxChatbot } from './chatbot/chatbot';
 export { default as CxChartPlanBuilder } from './content-builder/components/chart-plan-builder/chart-plan-builder';
 export { default as CxClusterManagement } from './cluster-management/cluster-management';
 export { default as CxColorSwatchGroup } from './color-swatch-group/color-swatch-group';
 export { default as CxComment } from './comment/comment';
+export { default as CxDamCustomToolbarButtonsEditor } from './dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor';
 export { default as CxContentBuilder } from './content-builder/content-builder';
 export { default as CxDownloader } from './downloader/downloader';
 export { default as CxFileOnDemand } from './file-on-demand/file-on-demand';

package/library/packages/services/src/api/cms5/cms5.d.ts

@@ -1,5 +1,5 @@
 import { EditorMode, Permission } from '../../../../types/src/content-builder';
-import { AddTemplateRequest, AddTemplateResponse, GetAdhocPropertiesResponse, GetBlockTemplatesResponse, GetBlockTypesResponse, GetPagesForBlockTemplateResponse, GetTemplatesResponse, UpdateTemplateRequest, UpdateTemplateResponse } from './cms5.types';
+import { AddTemplateRequest, AddTemplateResponse, GetAdhocPropertiesResponse, GetBlockTemplatesResponse, GetBlockTypesResponse, GetDamViewAssetStatusesResponse, GetDamViewAssetTypesResponse, GetDamViewAvailableButtonsResponse, GetDamViewAvailableFormsResponse, GetDamViewAvailableLevelsOfAccessResponse, GetDamViewAvailablePagesResponse, GetDamViewAvailablePanelsResponse, GetDamViewAvailableSpacesResponse, GetDamViewAvailableTemplatesResponse, GetDamViewDisplayModeOptionsResponse, GetPagesForBlockTemplateResponse, GetTemplatesResponse, UpdateTemplateRequest, UpdateTemplateResponse } from './cms5.types';
 
 export declare function apiAddTemplate({ blockType, description, name, settings, }: AddTemplateRequest): Promise<AddTemplateResponse | null>;
 export declare function apiGetTemplates({ ids }: {
@@ -24,6 +24,22 @@ export declare function apiGetEditorMode({ id }: {
 export declare function apiGetAdhocProperties({ type }: {
     type: string;
 }): Promise<GetAdhocPropertiesResponse>;
+export declare function apiGetDamViewAvailableLevelsOfAccess(): Promise<GetDamViewAvailableLevelsOfAccessResponse>;
+export declare function apiGetDamViewAvailableForms(params?: {
+    search?: string;
+}): Promise<GetDamViewAvailableFormsResponse>;
+export declare function apiGetDamViewAvailableButtons(params?: {
+    teamspaceModule?: string;
+}): Promise<GetDamViewAvailableButtonsResponse>;
+export declare function apiGetDamViewAssetStatuses(): Promise<GetDamViewAssetStatusesResponse>;
+export declare function apiGetDamViewAssetTypes(): Promise<GetDamViewAssetTypesResponse>;
+export declare function apiGetDamViewAvailablePanels(params?: {
+    additionalFilterOnly?: boolean;
+}): Promise<GetDamViewAvailablePanelsResponse>;
+export declare function apiGetDamViewDisplayModeOptions(): Promise<GetDamViewDisplayModeOptionsResponse>;
+export declare function apiGetDamViewAvailableTemplates(): Promise<GetDamViewAvailableTemplatesResponse>;
+export declare function apiGetDamViewAvailableSpaces(): Promise<GetDamViewAvailableSpacesResponse>;
+export declare function apiGetDamViewAvailablePages(): Promise<GetDamViewAvailablePagesResponse>;
 export declare function apiGetPagesForBlockTemplate({ id }: {
     id: string;
 }): Promise<GetPagesForBlockTemplateResponse>;

package/library/packages/services/src/api/endpoints.d.ts

@@ -24,7 +24,9 @@ export declare enum DASHBOARD_API_ENDPOINT {
     GET_DASHBOARD_LIST = "webapi/extensibility/integrations/businessintelligence/getlistdashboards_41JI_v1"
 }
 export declare enum METADATA_API_ENDPOINT {
-    GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2"
+    GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2",
+    GET_SORT_ORDERS = "webapi/objectmanagement/sortorders_49V_v1",
+    GET_SUBTYPES_WITH_WILDCARD = "webapi/document/doctype/subtypeswithwildcard_4A5_v1"
 }
 export declare enum SEARCH_API_ENDPOINT {
     '4.0' = "API/Search/v4.0/Search"
@@ -39,6 +41,16 @@ export declare enum CMS5_API_ENDPOINT {
     GET_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getblocktemplates_419y_v1",
     GET_BLOCK_TYPES = "webapi/cms/cms5/blocktemplate/getblocktypes_419z_v1",
     GET_CAN_CREATE_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/cancreatenewblocktemplate_41cs_v1",
+    GET_DAM_VIEW_ASSET_STATUSES = "webapi/cms/cms5/damview/getassetstatuses_42JQ_v1",
+    GET_DAM_VIEW_ASSET_TYPES = "webapi/cms/cms5/damview/getassettypes_42JP_v1",
+    GET_DAM_VIEW_AVAILABLE_BUTTONS = "webapi/cms/cms5/damview/getavailablebuttons_42JU_v1",
+    GET_DAM_VIEW_AVAILABLE_FORMS = "webapi/cms/cms5/damview/getavailableforms_42JR_v1",
+    GET_DAM_VIEW_AVAILABLE_LEVELS_OF_ACCESS = "webapi/cms/cms5/damview/getavailablelevelsofaccess_42JX_v1",
+    GET_DAM_VIEW_AVAILABLE_PAGES = "webapi/cms/cms5/damview/getavailablepages_42JV_v1",
+    GET_DAM_VIEW_AVAILABLE_PANELS = "webapi/cms/cms5/damview/getavailablepanels_42JT_v1",
+    GET_DAM_VIEW_AVAILABLE_SPACES = "webapi/cms/cms5/damview/getavailablespaces_42JW_v1",
+    GET_DAM_VIEW_AVAILABLE_TEMPLATES = "webapi/cms/cms5/damview/getavailabletemplates_42JN_v1",
+    GET_DAM_VIEW_DISPLAY_MODE_OPTIONS = "webapi/cms/cms5/damview/getdisplaymodeoptions_42JS_v1",
     GET_PAGES_FOR_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/getpagesforblocktemplate_41ig_v1",
     GET_PERMISSION = "webapi/cms/cms5/blocktemplate/getpermission_419r_v1",
     LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1",

package/library/packages/services/src/api/metadata/index.d.ts

@@ -1 +1,2 @@
 export * from './metadata';
+export * from './metadata.types';

package/library/packages/services/src/api/metadata/metadata.d.ts

@@ -1,3 +1,5 @@
-import { GetSearchableFieldListResponse } from './metadata.types';
+import { GetSearchableFieldListResponse, GetSortOrdersResponse, GetSubTypesWithWildcardResponse } from './metadata.types';
 
 export declare function apiGetSearchableFieldList(): Promise<never[] | GetSearchableFieldListResponse>;
+export declare function apiGetSortOrders(): Promise<GetSortOrdersResponse>;
+export declare function apiGetSubTypesWithWildcard(): Promise<GetSubTypesWithWildcardResponse>;

package/library/packages/services/src/api/metadata/metadata.types.d.ts

@@ -0,0 +1,53 @@
+export type GetSearchableFieldListRequest = {
+    TableName: string;
+};
+export type GetSearchableFieldListRawResponse = {
+    listFields: Array<{
+        text: string;
+        value: string;
+    }>;
+};
+export type GetSearchableFieldListResponse = {
+    data: Array<{
+        label: string;
+        value: string;
+    }>;
+    hasMore: boolean;
+};
+export type SubTypeData = {
+    label: string;
+    subTypeValue: string;
+    typeDbBOName: string;
+    typeLabel: string;
+};
+export type GetSubTypesWithWildcardRawResponse = {
+    subTypes: SubTypeData[];
+};
+export type SubTypeOption = {
+    subTypeValue: string;
+    typeDbBOName: string;
+};
+/**
+ * Grouped structure consumed by the 2-select UI.
+ * Outer key: `typeLabel` with spaces replaced by underscores (e.g. `Machine_learning_model`).
+ * Inner key: `label`    with spaces replaced by underscores (e.g. `All_Folders`).
+ */
+export type GetSubTypesWithWildcardResponse = Record<string, Record<string, SubTypeOption>>;
+export type SortOrderDto = {
+    description: string;
+    id: string;
+    isDefault: boolean;
+    legacyValue: string;
+    name: string;
+    position: number;
+    solrSortOrder: string;
+    sortDirection: string;
+    sortDirectionDisplayName: string;
+    sortDirectionGroupKey: string;
+    sortType: string;
+    visibleIn: string;
+};
+export type GetSortOrdersRawResponse = {
+    sortOrders: SortOrderDto[];
+};
+export type GetSortOrdersResponse = SortOrderDto[];

package/library/packages/styles/src/table-select.styles.d.ts

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

package/library/packages/types/src/content-builder.d.ts

@@ -2,7 +2,8 @@ import { Component, Editor as GrapesjsEditor, TraitProperties } from 'grapesjs';
 import { TemplateResult } from 'lit';
 import { StyleInfo } from 'lit/directives/style-map';
 import { DownloadDocType } from './download-format-picker';
-import { FolderSelectApi } from './folder-select';
+import { FolderSelectApi, FolderSelectVariant } from './folder-select';
+import { TableSelectColumn } from './table-select';
 
 export declare enum DeviceType {
     Desktop = "desktop",
@@ -24,6 +25,8 @@ export type Option = {
     children?: TemplateResult;
     dataId?: string;
     disabled?: boolean;
+    /** Additional key-value data for table-select column rendering. */
+    extra?: Record<string, string>;
     helpText?: string;
     icon?: string;
     id?: string;
@@ -75,7 +78,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     checkedValue?: string | boolean;
     children?: PropertyConfig[];
     clearable?: boolean;
-    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'audio-picker' | 'asset-format-picker' | 'video-picker';
+    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'dam-custom-toolbar-buttons' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'audio-picker' | 'asset-format-picker' | 'video-picker';
     cornerStyleKey?: {
         offsetX: string;
         offsetY: string;
@@ -90,7 +93,8 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
         prescribedDocTypes?: DownloadDocType[];
     };
     folderPickerConfigs?: {
-        useFullPath: boolean;
+        useFullPath?: boolean;
+        variant?: FolderSelectVariant;
     };
     galleryPickerConfigs?: {
         dialog: DialogType;
@@ -162,7 +166,10 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
      * Use for non-content tabs but still need to skip checking show condition
      */
     skipShowCheck?: boolean;
-    tab?: 'content' | 'styling' | 'effects';
+    tab?: 'appearance' | 'content' | 'effects' | 'sidePanels' | 'styling';
+    tableSelectConfigs?: {
+        columns: TableSelectColumn[];
+    };
     translatable?: boolean;
     translateGroup?: string;
     type: 'attribute' | 'property' | 'style' | 'decorative';
@@ -282,6 +289,7 @@ export declare enum BlockType {
     ColorSwatches = "BlockColorSwatches",
     Column = "BlockCell",
     ColumnGroup = "BlockColumns",
+    DamView = "BlockDamView",
     Divider = "BlockDivider",
     DocumentViewer = "BlockDocumentViewer",
     FontKit = "BlockFontKit",
@@ -295,7 +303,7 @@ export declare enum BlockType {
     Timeline = "BlockTimeline",
     Video = "BlockVideo"
 }
-export declare const BLOCK_DROPPABLE_BLOCKS: (BlockType.Accordion | BlockType.Analytics | BlockType.Audio | BlockType.Button | BlockType.Carousel | BlockType.ColorSwatches | BlockType.ColumnGroup | BlockType.Divider | BlockType.DocumentViewer | BlockType.FontKit | BlockType.Gallery | BlockType.Header | BlockType.Image | BlockType.RichText | BlockType.SearchBox | BlockType.TabGroup | BlockType.Text | BlockType.Timeline | BlockType.Video)[];
+export declare const BLOCK_DROPPABLE_BLOCKS: (BlockType.Accordion | BlockType.Analytics | BlockType.Audio | BlockType.Button | BlockType.Carousel | BlockType.ColorSwatches | BlockType.ColumnGroup | BlockType.DamView | BlockType.Divider | BlockType.DocumentViewer | BlockType.FontKit | BlockType.Gallery | BlockType.Header | BlockType.Image | BlockType.RichText | BlockType.SearchBox | BlockType.TabGroup | BlockType.Text | BlockType.Timeline | BlockType.Video)[];
 export declare enum DialogType {
     Carousel = "carousel",
     Gallery = "gallery"

package/library/packages/types/src/dam-view.d.ts

@@ -0,0 +1,48 @@
+export declare enum DamToolbarButtonType {
+    Primary = "primary",
+    Secondary = "secondary"
+}
+export declare enum DamToolbarButtonAppearance {
+    IconAndLabel = "icon-and-label",
+    IconOnly = "icon-only",
+    LabelOnly = "label-only"
+}
+export declare enum DamToolbarButtonAction {
+    CreateRecord = "create-record",
+    ExecuteWorkflow = "execute-workflow",
+    OpenForm = "open-form",
+    OpenLink = "open-link",
+    OpenPage = "open-page",
+    OpenSpace = "open-space"
+}
+export declare enum DamViewCustomButtonSourceType {
+    CustomButton = "CustomButton",
+    QuickAction = "QuickAction",
+    WidgetCustomButton = "WidgetCustomButton"
+}
+export declare enum DamViewPanelType {
+    AdditionalAIAssistant = "AdditionalAIAssistant",
+    AdditionalBatchEdit = "AdditionalBatchEdit",
+    AdditionalFilter = "AdditionalFilter",
+    None = "None"
+}
+export type DamCustomToolbarButton = {
+    accessLevel: string;
+    action: DamToolbarButtonAction;
+    appearance: DamToolbarButtonAppearance;
+    formId?: string;
+    icon?: string;
+    id: string;
+    label: string;
+    link?: string;
+    name: string;
+    openInNewTab?: boolean;
+    pageId?: string;
+    pageUrl?: string;
+    recordSubType?: string;
+    recordType?: string;
+    spaceId?: string;
+    tooltip?: string;
+    type: DamToolbarButtonType;
+    workflowId?: string;
+};

package/library/packages/types/src/table.d.ts

@@ -13,6 +13,14 @@ export type DropdownItem = {
     section?: string;
     style?: Record<string, string>;
 };
+export declare enum PaginationPlacement {
+    BottomCenter = "bottom-center",
+    BottomEnd = "bottom-end",
+    BottomStart = "bottom-start",
+    TopCenter = "top-center",
+    TopEnd = "top-end",
+    TopStart = "top-start"
+}
 export declare enum RowActionType {
     Button = "button",
     Dropdown = "dropdown"
@@ -2299,7 +2307,7 @@ export type ColumnCalc = 'avg' | 'max' | 'min' | 'sum' | 'concat' | 'count' | 'u
 export type ColumnCalcParams = {
     precision: number;
 } | ((values: any, data: any) => any);
-export type Formatter = 'plaintext' | 'textarea' | 'html' | 'money' | 'image' | 'datetime' | 'datetimediff' | 'link' | 'tickCross' | 'color' | 'star' | 'traffic' | 'progress' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'toggle' | 'time' | ((cell: ICellComponent, formatterParams: Record<string, unknown>, onRendered: EmptyCallback) => string | HTMLElement);
+export type Formatter = 'plaintext' | 'textarea' | 'html' | 'money' | 'image' | 'datetime' | 'datetimediff' | 'link' | 'tickCross' | 'color' | 'star' | 'traffic' | 'progress' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'toggle' | 'time' | 'diff' | ((cell: ICellComponent, formatterParams: Record<string, unknown>, onRendered: EmptyCallback) => string | HTMLElement);
 export type FormatterParams = MoneyParams | ImageParams | LinkParams | DateTimeParams | DateTimeDifferenceParams | TickCrossParams | TrafficParams | ProgressBarParams | StarRatingParams | RowSelectionParams | JSONRecord | ToggleSwitchParams | TimeFormatterParams | ((cell: ICellComponent) => Record<string, unknown>);
 export type TextFormatParams = {
     getColor?: (cell: any) => string;
@@ -3186,6 +3194,14 @@ export type CompositeFormatterParams = {
     placeholderStyle?: Record<string, string>;
     wrap?: SpaceWrapProp;
 };
+export type DiffFormatterParams = {
+    /** Old value to diff against. Static value or `(cell) => value`. Falls back to `cell.getValue()` when omitted. */
+    oldValue?: unknown | ((cell: ICellComponent) => unknown);
+    /** New value to display. Static value or `(cell) => value`. Falls back to `cell.getValue()` when omitted. */
+    newValue?: unknown | ((cell: ICellComponent) => unknown);
+    /** Separator used when joining array values. Defaults to `', '`. */
+    arraySeparator?: string;
+};
 export type TableDropdownFilterDataOption = {
     filter?: Filter;
     id: string;