@phis/ui 0.1.0 → 0.2.0

package/plugins/runtime-modules/core/widgets/table/config.d.ts

@@ -78,6 +78,15 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
+    } & {
+        type: "link-target";
+    }) | ({
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
     } & {
         type: "readonly";
     }) | ({
@@ -106,6 +115,15 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
+    } & {
+        type: "video-provider";
+    }) | ({
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
     } & {
         type: "dimension";
         widthKey?: string;
@@ -182,12 +200,23 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
+    } & {
+        type: "number-list";
+        min?: number;
+    }) | ({
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        visibleWhen?: import("../../../../../types").PhiCmsConfigFieldVisibilityRule;
     } & {
         type: "number";
         min?: number;
         max?: number;
         step?: number;
         precision?: number;
+        prefix?: string;
     }) | ({
         key: string;
         label: string;
@@ -200,13 +229,13 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         mode?: import("../../../../../types").PhiCmsConfigFieldChoiceMode;
         valueType?: import("../../../../../types").PhiCmsConfigFieldChoiceValueType;
         presentation?: import("../../../../../types").PhiCmsConfigFieldChoicePresentation;
-        options?: import("../../../../../controls").PhiControlOption[];
-        optionsProvider?: import("../../../../../controls").PhiControlOptionsProviderConfig;
+        options?: import("@phis/contracts/controls").PhiControlOption[];
+        optionsProvider?: import("@phis/contracts/controls").PhiControlOptionsProviderConfig;
         allowCustom?: boolean;
         createBehavior?: import("../../../../../types").PhiCmsConfigFieldChoiceCreateBehavior;
         placeholder?: string;
         filter?: import("../../../../../types").PhiCmsConfigFieldChoiceFilter;
-        emptyOption?: import("../../../../../controls").PhiControlOption;
+        emptyOption?: import("@phis/contracts/controls").PhiControlOption;
         emptyValue?: null | undefined;
         patchOnChange?: Record<string, unknown>;
     }) | ({
@@ -227,6 +256,8 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         minItems?: number;
         maxItems?: number;
         reorderable?: boolean;
+        presentation?: import("../../../../../types").PhiCmsConfigFieldCollectionPresentation;
+        editLabel?: string;
     }) | ({
         key: string;
         label: string;
@@ -270,6 +301,17 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         type: "string" | "url" | "icon";
+    } | {
+        visibleWhen: {
+            field: string;
+            notEquals: string;
+        };
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        type: "link-target";
     } | {
         visibleWhen: {
             field: string;
@@ -304,6 +346,17 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         type: "calendar-adapter";
+    } | {
+        visibleWhen: {
+            field: string;
+            notEquals: string;
+        };
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        type: "video-provider";
     } | {
         visibleWhen: {
             field: string;
@@ -392,6 +445,18 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         required?: boolean;
         editorPlacement?: "inspector" | "geometry" | "toolbar";
         type: "boolean";
+    } | {
+        visibleWhen: {
+            field: string;
+            notEquals: string;
+        };
+        key: string;
+        label: string;
+        description?: string;
+        required?: boolean;
+        editorPlacement?: "inspector" | "geometry" | "toolbar";
+        type: "number-list";
+        min?: number;
     } | {
         visibleWhen: {
             field: string;
@@ -407,6 +472,7 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         max?: number;
         step?: number;
         precision?: number;
+        prefix?: string;
     } | {
         visibleWhen: {
             field: string;
@@ -421,13 +487,13 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         mode?: import("../../../../../types").PhiCmsConfigFieldChoiceMode;
         valueType?: import("../../../../../types").PhiCmsConfigFieldChoiceValueType;
         presentation?: import("../../../../../types").PhiCmsConfigFieldChoicePresentation;
-        options?: import("../../../../../controls").PhiControlOption[];
-        optionsProvider?: import("../../../../../controls").PhiControlOptionsProviderConfig;
+        options?: import("@phis/contracts/controls").PhiControlOption[];
+        optionsProvider?: import("@phis/contracts/controls").PhiControlOptionsProviderConfig;
         allowCustom?: boolean;
         createBehavior?: import("../../../../../types").PhiCmsConfigFieldChoiceCreateBehavior;
         placeholder?: string;
         filter?: import("../../../../../types").PhiCmsConfigFieldChoiceFilter;
-        emptyOption?: import("../../../../../controls").PhiControlOption;
+        emptyOption?: import("@phis/contracts/controls").PhiControlOption;
         emptyValue?: null | undefined;
         patchOnChange?: Record<string, unknown>;
     } | {
@@ -450,6 +516,8 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
         minItems?: number;
         maxItems?: number;
         reorderable?: boolean;
+        presentation?: import("../../../../../types").PhiCmsConfigFieldCollectionPresentation;
+        editLabel?: string;
     } | {
         visibleWhen: {
             field: string;
@@ -491,6 +559,7 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
     } | {
         key: string;
         type: "collection";
+        presentation: "overlay";
         label: string;
         itemKeyField: string;
         itemLabelField: string;
@@ -521,6 +590,17 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             required?: boolean;
             editorPlacement?: "inspector" | "geometry" | "toolbar";
             type: "string" | "url" | "icon";
+        } | {
+            visibleWhen: {
+                field: string;
+                equals: boolean;
+            };
+            key: string;
+            label: string;
+            description?: string;
+            required?: boolean;
+            editorPlacement?: "inspector" | "geometry" | "toolbar";
+            type: "link-target";
         } | {
             visibleWhen: {
                 field: string;
@@ -555,6 +635,17 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             required?: boolean;
             editorPlacement?: "inspector" | "geometry" | "toolbar";
             type: "calendar-adapter";
+        } | {
+            visibleWhen: {
+                field: string;
+                equals: boolean;
+            };
+            key: string;
+            label: string;
+            description?: string;
+            required?: boolean;
+            editorPlacement?: "inspector" | "geometry" | "toolbar";
+            type: "video-provider";
         } | {
             visibleWhen: {
                 field: string;
@@ -643,6 +734,18 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             required?: boolean;
             editorPlacement?: "inspector" | "geometry" | "toolbar";
             type: "boolean";
+        } | {
+            visibleWhen: {
+                field: string;
+                equals: boolean;
+            };
+            key: string;
+            label: string;
+            description?: string;
+            required?: boolean;
+            editorPlacement?: "inspector" | "geometry" | "toolbar";
+            type: "number-list";
+            min?: number;
         } | {
             visibleWhen: {
                 field: string;
@@ -658,6 +761,7 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             max?: number;
             step?: number;
             precision?: number;
+            prefix?: string;
         } | {
             visibleWhen: {
                 field: string;
@@ -672,13 +776,13 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             mode?: import("../../../../../types").PhiCmsConfigFieldChoiceMode;
             valueType?: import("../../../../../types").PhiCmsConfigFieldChoiceValueType;
             presentation?: import("../../../../../types").PhiCmsConfigFieldChoicePresentation;
-            options?: import("../../../../../controls").PhiControlOption[];
-            optionsProvider?: import("../../../../../controls").PhiControlOptionsProviderConfig;
+            options?: import("@phis/contracts/controls").PhiControlOption[];
+            optionsProvider?: import("@phis/contracts/controls").PhiControlOptionsProviderConfig;
             allowCustom?: boolean;
             createBehavior?: import("../../../../../types").PhiCmsConfigFieldChoiceCreateBehavior;
             placeholder?: string;
             filter?: import("../../../../../types").PhiCmsConfigFieldChoiceFilter;
-            emptyOption?: import("../../../../../controls").PhiControlOption;
+            emptyOption?: import("@phis/contracts/controls").PhiControlOption;
             emptyValue?: null | undefined;
             patchOnChange?: Record<string, unknown>;
         } | {
@@ -701,6 +805,8 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
             minItems?: number;
             maxItems?: number;
             reorderable?: boolean;
+            presentation?: import("../../../../../types").PhiCmsConfigFieldCollectionPresentation;
+            editLabel?: string;
         } | {
             visibleWhen: {
                 field: string;
@@ -807,13 +913,16 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
                 mode: "auto";
                 overflowX: "auto";
             };
-            bordered: false;
-            showHeader: true;
+            borders: false;
+            header: true;
             row: {
                 striped: false;
             };
         };
         features: {
+            pagination: {
+                pageSizes: number[];
+            };
             sorting: {
                 mode: "none";
                 defaultSorts: never[];
@@ -844,4 +953,3 @@ export declare const PHI_TABLE_WIDGET_DEFINITION: {
     };
     parseConfig: typeof parsePhiTableWidgetConfig;
 };
-export declare const PHI_TABLE_WIDGET_PLUGIN_TYPE: string;

package/plugins/runtime-modules/core/widgets/table/config.js

@@ -1,14 +1,14 @@
 import { resolvePhiCmsWidgetPluginKey } from "../../../../../constants/cms-widget-types";
-import { PhiCmsWidgetType } from "../../../../../constants/cms-widget-types";
-import { isPhiRuntimeDataProviderKey } from "../../../../../types/runtime-data-provider";
+import { readPhiProviderResourceSource } from "../../../../../types/runtime-data-provider";
 import { PHI_TABLE_TAG_COLORS, PHI_TABLE_TAG_VARIANTS, readPhiTableQuery, } from "../../../../../types/table-widget";
 import { PHI_SIGNAL_VALUE_SCHEMAS, readPhiSignalRouteSet } from "../../../../../types/signals";
-import { readBoolean, readNumber, readString } from "../../../../../components/widgets/config/parser-primitives";
+import { readBoolean, readNumber, readNumberList, readString } from "../../../../../components/widgets/config/parser-primitives";
 import { PHI_CONTROL_SIZE_FIELD, parsePhiControlPresentationConfig, } from "../../../../../components/widgets/config/control-signal-config";
-import { PHI_CORE_RUNTIME_DATA_PROVIDER_KEYS } from "../../../../../plugins/runtime-modules/core/ids";
+import { PHI_CORE_RUNTIME_DATA_PROVIDER_KEYS } from "../../../../../constants/core-data-provider-keys";
 import { readPhiLengthValue } from "../../../../../types/length";
 import { parsePhiControlOptionsProviderConfig } from "../../../../../components/controls/phi-control-options";
 import { readPhiRuntimeConditionExpression, resolvePhiRuntimeConditionControllerRequirements, } from "../../../../../types/runtime-condition";
+import { isPhiRecord } from "../../../../../helpers/is-record";
 function readConditionExpression(value) {
     return readPhiRuntimeConditionExpression(value) ?? undefined;
 }
@@ -123,14 +123,11 @@ const PHI_TABLE_ACTION_CONFIG_FIELDS = [
     { key: "confirm.okText", type: "string", label: "Confirm OK Text" },
     { key: "confirm.cancelText", type: "string", label: "Confirm Cancel Text" },
 ];
-function isRecord(value) {
-    return Boolean(value) && typeof value === "object" && !Array.isArray(value);
-}
 function readTableTagColor(value) {
     if (typeof value === "string" && PHI_TABLE_TAG_COLORS.includes(value)) {
         return value;
     }
-    if (!isRecord(value) || value.kind !== "custom")
+    if (!isPhiRecord(value) || value.kind !== "custom")
         return undefined;
     const customValue = readString(value.value);
     return customValue ? { kind: "custom", value: customValue } : undefined;
@@ -151,10 +148,10 @@ function isPhiTableCoreSummaryFieldKey(value) {
     return PHI_TABLE_CORE_SUMMARY_FIELD_KEYS.includes(value);
 }
 function readTableSummaryItem(value) {
-    if (!isRecord(value))
+    if (!isPhiRecord(value))
         return null;
     const key = readString(value.key);
-    const rawValue = isRecord(value.value) ? value.value : {};
+    const rawValue = isPhiRecord(value.value) ? value.value : {};
     const fieldKey = readString(rawValue.fieldKey);
     if (!key || !fieldKey)
         return null;
@@ -174,7 +171,7 @@ function readTableSummaryItem(value) {
     };
 }
 function readTableFooter(value) {
-    if (!isRecord(value) || !Array.isArray(value.values))
+    if (!isPhiRecord(value) || !Array.isArray(value.values))
         return undefined;
     const template = readString(value.template);
     const values = value.values.flatMap((item) => {
@@ -192,16 +189,16 @@ function readTableFooter(value) {
     };
 }
 function readTableSummary(value) {
-    if (!isRecord(value) || !Array.isArray(value.rows))
+    if (!isPhiRecord(value) || !Array.isArray(value.rows))
         return undefined;
     const rows = value.rows.flatMap((rowValue) => {
-        if (!isRecord(rowValue) || !Array.isArray(rowValue.cells))
+        if (!isPhiRecord(rowValue) || !Array.isArray(rowValue.cells))
             return [];
         const key = readString(rowValue.key);
         if (!key)
             return [];
         const cells = rowValue.cells.flatMap((cellValue) => {
-            if (!isRecord(cellValue))
+            if (!isPhiRecord(cellValue))
                 return [];
             const cellKey = readString(cellValue.key);
             const columnKey = readString(cellValue.columnKey);
@@ -232,7 +229,7 @@ function readColumns(value) {
         return [];
     }
     return value.flatMap((item) => {
-        if (!isRecord(item)) {
+        if (!isPhiRecord(item)) {
             return [];
         }
         const key = readString(item.key);
@@ -251,18 +248,18 @@ function readColumns(value) {
             ? item.renderer
             : "text";
         const align = item.align === "center" || item.align === "right" ? item.align : "left";
-        const rawSizing = isRecord(item.sizing) ? item.sizing : {};
+        const rawSizing = isPhiRecord(item.sizing) ? item.sizing : {};
         const sizing = readTableColumnSizing(rawSizing);
-        const valueMap = isRecord(item.valueMap)
+        const valueMap = isPhiRecord(item.valueMap)
             ? Object.fromEntries(Object.entries(item.valueMap).filter((entry) => typeof entry[1] === "string"))
             : undefined;
-        const tagColorMap = isRecord(item.tagColorMap)
+        const tagColorMap = isPhiRecord(item.tagColorMap)
             ? Object.fromEntries(Object.entries(item.tagColorMap).flatMap(([key, value]) => {
                 const color = readTableTagColor(value);
                 return color == null ? [] : [[key, color]];
             }))
             : undefined;
-        const rawEditor = isRecord(item.editor) ? item.editor : undefined;
+        const rawEditor = isPhiRecord(item.editor) ? item.editor : undefined;
         const editorControl = readTableColumnEditorControl(rawEditor?.control);
         return [{
                 key,
@@ -272,6 +269,7 @@ function readColumns(value) {
                 iconFieldKey: readString(item.iconFieldKey),
                 titleIcon: readString(item.titleIcon),
                 titleDisplay: item.titleDisplay === "icon" ? "icon" : undefined,
+                description: readString(item.description),
                 renderer,
                 editor: rawEditor && readBoolean(rawEditor.enabled) !== false
                     ? { control: editorControl, disabledWhen: readConditionExpression(rawEditor.disabledWhen) }
@@ -312,7 +310,7 @@ function readFilterOptions(value) {
         return [];
     }
     return value.flatMap((item) => {
-        if (!isRecord(item)) {
+        if (!isPhiRecord(item)) {
             return [];
         }
         const label = readString(item.label);
@@ -326,7 +324,7 @@ function readFilters(value) {
     }
     const result = [];
     for (const item of value) {
-        if (!isRecord(item)) {
+        if (!isPhiRecord(item)) {
             continue;
         }
         const key = readString(item.key);
@@ -370,7 +368,7 @@ function readFilters(value) {
             if (!startKey || !endKey) {
                 continue;
             }
-            const defaultValue = isRecord(item.defaultValue)
+            const defaultValue = isPhiRecord(item.defaultValue)
                 ? { start: readString(item.defaultValue.start), end: readString(item.defaultValue.end) }
                 : undefined;
             result.push({
@@ -403,7 +401,7 @@ function readActions(value) {
     }
     const result = [];
     for (const item of value) {
-        if (!isRecord(item)) {
+        if (!isPhiRecord(item)) {
             continue;
         }
         const key = readString(item.key);
@@ -428,14 +426,14 @@ function readActions(value) {
             newTab: readBoolean(item.newTab),
             visibleWhen: readConditionExpression(item.visibleWhen),
             disabledWhen: readConditionExpression(item.disabledWhen),
-            confirm: isRecord(item.confirm) && readString(item.confirm.title)
+            confirm: isPhiRecord(item.confirm) && readString(item.confirm.title)
                 ? (() => {
-                    const alertLevel = isRecord(item.confirm.alert) &&
+                    const alertLevel = isPhiRecord(item.confirm.alert) &&
                         (item.confirm.alert.level === "success" || item.confirm.alert.level === "info" ||
                             item.confirm.alert.level === "warning" || item.confirm.alert.level === "error")
                         ? item.confirm.alert.level
                         : undefined;
-                    const alert = isRecord(item.confirm.alert) && readString(item.confirm.alert.title) && alertLevel
+                    const alert = isPhiRecord(item.confirm.alert) && readString(item.confirm.alert.title) && alertLevel
                         ? {
                             level: alertLevel,
                             title: readString(item.confirm.alert.title),
@@ -455,37 +453,23 @@ function readActions(value) {
     }
     return result;
 }
-function readSource(value) {
-    if (!isRecord(value)) {
-        return null;
-    }
-    const providerKey = readString(value.providerKey);
-    const resourceKey = readString(value.resourceKey);
-    return isPhiRuntimeDataProviderKey(providerKey) && resourceKey
-        ? {
-            providerKey,
-            resourceKey,
-            params: isRecord(value.params) ? value.params : undefined,
-        }
-        : null;
-}
 export function parsePhiTableWidgetConfig(config) {
-    const presentation = isRecord(config.presentation) ? config.presentation : {};
-    const features = isRecord(config.features) ? config.features : {};
-    const search = isRecord(features.search) ? features.search : {};
-    const pagination = isRecord(features.pagination) ? features.pagination : {};
-    const sorting = isRecord(features.sorting) ? features.sorting : {};
-    const rowSelection = isRecord(features.rowSelection) ? features.rowSelection : {};
-    const rowReordering = isRecord(features.rowReordering) ? features.rowReordering : {};
-    const columnReordering = isRecord(features.columnReordering) ? features.columnReordering : {};
-    const editing = isRecord(features.editing) ? features.editing : {};
-    const tools = isRecord(features.tools) ? features.tools : {};
-    const structure = isRecord(features.structure) ? features.structure : {};
-    const actions = isRecord(features.actions) ? features.actions : {};
-    const emptyState = isRecord(presentation.emptyState) ? presentation.emptyState : {};
-    const layout = isRecord(presentation.layout) ? presentation.layout : {};
-    const row = isRecord(presentation.row) ? presentation.row : {};
-    const initialQuery = readPhiTableQuery(isRecord(config.initialQuery) ? config.initialQuery : {}) ?? {};
+    const presentation = isPhiRecord(config.presentation) ? config.presentation : {};
+    const features = isPhiRecord(config.features) ? config.features : {};
+    const search = isPhiRecord(features.search) ? features.search : {};
+    const pagination = isPhiRecord(features.pagination) ? features.pagination : {};
+    const sorting = isPhiRecord(features.sorting) ? features.sorting : {};
+    const rowSelection = isPhiRecord(features.rowSelection) ? features.rowSelection : {};
+    const rowReordering = isPhiRecord(features.rowReordering) ? features.rowReordering : {};
+    const columnReordering = isPhiRecord(features.columnReordering) ? features.columnReordering : {};
+    const editing = isPhiRecord(features.editing) ? features.editing : {};
+    const tools = isPhiRecord(features.tools) ? features.tools : {};
+    const structure = isPhiRecord(features.structure) ? features.structure : {};
+    const actions = isPhiRecord(features.actions) ? features.actions : {};
+    const emptyState = isPhiRecord(presentation.emptyState) ? presentation.emptyState : {};
+    const layout = isPhiRecord(presentation.layout) ? presentation.layout : {};
+    const row = isPhiRecord(presentation.row) ? presentation.row : {};
+    const initialQuery = readPhiTableQuery(isPhiRecord(config.initialQuery) ? config.initialQuery : {}) ?? {};
     const defaultSorts = readPhiTableQuery({ sorts: sorting.defaultSorts })?.sorts ?? [];
     const presentationControls = parsePhiControlPresentationConfig(presentation);
     const toolsMode = tools.mode === "external" ? "external" : "self-contained";
@@ -517,8 +501,8 @@ export function parsePhiTableWidgetConfig(config) {
                 title: readString(emptyState.title),
                 description: readString(emptyState.description),
             },
-            bordered: readBoolean(presentation.bordered),
-            showHeader: readBoolean(presentation.showHeader),
+            borders: readBoolean(presentation.borders),
+            header: readBoolean(presentation.header),
             footer: readTableFooter(presentation.footer),
             summary: readTableSummary(presentation.summary),
             row: {
@@ -536,10 +520,7 @@ export function parsePhiTableWidgetConfig(config) {
             pagination: {
                 enabled: readBoolean(pagination.enabled),
                 pageSize: readNumber(pagination.pageSize),
-                pageSizeOptions: Array.isArray(pagination.pageSizeOptions)
-                    ? pagination.pageSizeOptions.filter((value) => typeof value === "number" && Number.isFinite(value))
-                    : undefined,
-                showSizeChanger: readBoolean(pagination.showSizeChanger),
+                pageSizes: readNumberList(pagination.pageSizes),
             },
             sorting: {
                 mode: sorting.mode === "single" || sorting.mode === "multiple" ? sorting.mode : "none",
@@ -564,11 +545,11 @@ export function parsePhiTableWidgetConfig(config) {
                 mode: toolsMode,
                 bindingFields: Array.isArray(tools.bindingFields)
                     ? tools.bindingFields.flatMap((entry) => {
-                        if (!isRecord(entry) || !readString(entry.key))
+                        if (!isPhiRecord(entry) || !readString(entry.key))
                             return [];
-                        const rawCreate = isRecord(entry.create) ? entry.create : null;
+                        const rawCreate = isPhiRecord(entry.create) ? entry.create : null;
                         const createLabel = readString(rawCreate?.label);
-                        const disabledWhen = isRecord(entry.disabledWhen) && readString(entry.disabledWhen.fieldKey) &&
+                        const disabledWhen = isPhiRecord(entry.disabledWhen) && readString(entry.disabledWhen.fieldKey) &&
                             (typeof entry.disabledWhen.equals === "string" ||
                                 typeof entry.disabledWhen.equals === "boolean" ||
                                 typeof entry.disabledWhen.equals === "number" && Number.isFinite(entry.disabledWhen.equals))
@@ -579,7 +560,7 @@ export function parsePhiTableWidgetConfig(config) {
                             : undefined;
                         const optionLabels = Array.isArray(entry.optionLabels)
                             ? entry.optionLabels.flatMap((option) => {
-                                if (!isRecord(option))
+                                if (!isPhiRecord(option))
                                     return [];
                                 const value = typeof option.value === "number" && Number.isFinite(option.value)
                                     ? option.value
@@ -588,7 +569,7 @@ export function parsePhiTableWidgetConfig(config) {
                                 return value !== undefined && label ? [{ value, label }] : [];
                             })
                             : [];
-                        const cascader = isRecord(entry.cascader) ? {
+                        const cascader = isPhiRecord(entry.cascader) ? {
                             allowRoot: readBoolean(entry.cascader.allowRoot),
                             separator: readString(entry.cascader.separator),
                             rootValue: readString(entry.cascader.rootValue),
@@ -632,7 +613,7 @@ export function parsePhiTableWidgetConfig(config) {
             ...initialQuery,
             sorts: initialQuery.sorts,
         },
-        source: readSource(config.source),
+        source: readPhiProviderResourceSource(config.source),
         signalRoutes: readPhiSignalRouteSet(config.signalRoutes),
     };
 }
@@ -705,6 +686,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "presentation.columns",
             type: "collection",
+            presentation: "overlay",
             label: "Columns",
             itemKeyField: "key",
             itemLabelField: "title",
@@ -726,6 +708,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
                 { key: "key", type: "string", label: "Key", required: true },
                 { key: "fieldKey", type: "string", label: "Provider Field", required: true },
                 { key: "title", type: "string", label: "Title", required: true },
+                { key: "description", type: "string", label: "Hint" },
                 { key: "sortField", type: "string", label: "Provider Sort Field" },
                 {
                     key: "renderer",
@@ -833,6 +816,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "features.filters",
             type: "collection",
+            presentation: "overlay",
             label: "Filters",
             itemKeyField: "key",
             itemLabelField: "key",
@@ -889,7 +873,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         { key: "features.search.debounceMs", type: "number", label: "Search Debounce", min: 0, precision: 0, visibleWhen: { field: "features.search.enabled", equals: true } },
         { key: "features.pagination.enabled", type: "boolean", label: "Pagination" },
         { key: "features.pagination.pageSize", type: "number", label: "Page Size", min: 1, precision: 0, visibleWhen: { field: "features.pagination.enabled", equals: true } },
-        { key: "features.pagination.showSizeChanger", type: "boolean", label: "Page Size Changer", visibleWhen: { field: "features.pagination.enabled", equals: true } },
+        { key: "features.pagination.pageSizes", type: "number-list", label: "Page Sizes", min: 1, visibleWhen: { field: "features.pagination.enabled", equals: true } },
         {
             key: "features.sorting.mode",
             type: "choice",
@@ -933,6 +917,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "features.actions.toolbar",
             type: "collection",
+            presentation: "overlay",
             label: "Toolbar Actions",
             itemKeyField: "key",
             itemLabelField: "label",
@@ -953,6 +938,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "features.actions.row",
             type: "collection",
+            presentation: "overlay",
             label: "Row Actions",
             itemKeyField: "key",
             itemLabelField: "label",
@@ -964,6 +950,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "features.actions.bulk",
             type: "collection",
+            presentation: "overlay",
             label: "Bulk Actions",
             itemKeyField: "key",
             itemLabelField: "label",
@@ -987,6 +974,7 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         {
             key: "features.tools.bindingFields",
             type: "collection",
+            presentation: "overlay",
             label: "Binding Tools",
             itemKeyField: "key",
             itemLabelField: "key",
@@ -1115,8 +1103,8 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         { key: "presentation.emptyState.title", type: "string", label: "Empty Title" },
         { key: "presentation.emptyState.description", type: "string", label: "Empty Description" },
         { ...PHI_CONTROL_SIZE_FIELD, key: "presentation.controlSize" },
-        { key: "presentation.bordered", type: "boolean", label: "Bordered" },
-        { key: "presentation.showHeader", type: "boolean", label: "Show Header" },
+        { key: "presentation.borders", type: "boolean", label: "Borders" },
+        { key: "presentation.header", type: "boolean", label: "Header" },
         { key: "presentation.row.striped", type: "boolean", label: "Striped Rows" },
         ...buildPhiTableConditionExpressionConfigFields("presentation.row.mutedWhen", "Muted Row Conditions", "any", "No muted rows"),
     ],
@@ -1124,11 +1112,12 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
         presentation: {
             columns: [],
             layout: { mode: "auto", overflowX: "auto" },
-            bordered: false,
-            showHeader: true,
+            borders: false,
+            header: true,
             row: { striped: false },
         },
         features: {
+            pagination: { pageSizes: [10, 20, 50, 100] },
             sorting: { mode: "none", defaultSorts: [] },
             rowSelection: { mode: "none" },
             rowReordering: { enabled: false },
@@ -1144,4 +1133,3 @@ export const PHI_TABLE_WIDGET_DEFINITION = {
     },
     parseConfig: parsePhiTableWidgetConfig,
 };
-export const PHI_TABLE_WIDGET_PLUGIN_TYPE = PhiCmsWidgetType.Table;

package/plugins/runtime-modules/core/widgets/table/plugin.d.ts

@@ -1,4 +1,2 @@
 import type { PhiCmsServerWidgetPlugin, PhiTableWidgetConfig } from "../../../../../types";
-import { PHI_TABLE_WIDGET_PLUGIN_TYPE } from "./config";
 export declare const PHI_TABLE_WIDGET_PLUGIN: PhiCmsServerWidgetPlugin<PhiTableWidgetConfig>;
-export { PHI_TABLE_WIDGET_PLUGIN_TYPE };