@wavemaker-ai/react-runtime 1.0.0-rc.322 → 1.0.0-rc.324

package/components/data/table/utils/columnBuilder.js

@@ -17,10 +17,30 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
 import { get } from "lodash-es";
 import { parseWidth } from ".";
+function RowIndexCell({ row, table }) {
+  const { pageIndex, pageSize } = table.getState().pagination;
+  const isManualPagination = table.options.manualPagination;
+  let rowPositionOnPage;
+  if (isManualPagination) {
+    rowPositionOnPage = row.index;
+  } else {
+    const currentPageRows = table.getPaginationRowModel().rows;
+    rowPositionOnPage = currentPageRows.findIndex((pageRow) => pageRow.id === row.id);
+  }
+  const rowNumber = pageIndex * pageSize + rowPositionOnPage + 1;
+  return /* @__PURE__ */ jsx(Box, { "data-col-identifier": "rowIndex", children: rowNumber });
+}
+RowIndexCell.displayName = "RowIndexCell";
+function DataCell(ctx) {
+  var _a;
+  const { wmColumn, renderCell } = (_a = ctx.column.columnDef.meta) == null ? void 0 : _a._cell;
+  return /* @__PURE__ */ jsx(Fragment, { children: renderCell(wmColumn, ctx.row) });
+}
+DataCell.displayName = "DataCell";
 const createRowIndexColumn = () => ({
   id: "rowIndex",
   header: "S. No.",
@@ -28,21 +48,7 @@ const createRowIndexColumn = () => ({
   minSize: 70,
   maxSize: 70,
   enableResizing: false,
-  cell: ({ row, table }) => {
-    const pageIndex = table.getState().pagination.pageIndex;
-    const pageSize = table.getState().pagination.pageSize;
-    const isManualPagination = table.options.manualPagination;
-    let rowPositionOnPage;
-    if (isManualPagination) {
-      rowPositionOnPage = row.index;
-    } else {
-      const paginationModel = table.getPaginationRowModel();
-      const currentPageRows = paginationModel.rows;
-      rowPositionOnPage = currentPageRows.findIndex((pageRow) => pageRow.id === row.id);
-    }
-    const rowNumber = pageIndex * pageSize + rowPositionOnPage + 1;
-    return /* @__PURE__ */ jsx(Box, { "data-col-identifier": "rowIndex", children: rowNumber });
-  },
+  cell: RowIndexCell,
   enableSorting: false
 });
 const createDataColumn = (wmColumn, renderCell, index = 0) => {
@@ -69,7 +75,7 @@ const createDataColumn = (wmColumn, renderCell, index = 0) => {
     // Only set maxSize for auto-sized columns
     enableResizing: true,
     // Enable resizing for all data columns
-    cell: ({ row }) => renderCell(wmColumn, row),
+    cell: DataCell,
     enableSorting: wmColumn.sortable,
     // Pass column styles and properties through meta for TableCell styling and filtering
     meta: __spreadProps(__spreadValues({
@@ -86,7 +92,10 @@ const createDataColumn = (wmColumn, renderCell, index = 0) => {
       type: wmColumn.type || wmColumn.columntype || "string",
       searchable: wmColumn.searchable !== false,
       // Custom cell renderer for optimized rendering in MemoizedRowCells
-      renderCellContent: wmColumn == null ? void 0 : wmColumn.renderCellContent
+      renderCellContent: wmColumn == null ? void 0 : wmColumn.renderCellContent,
+      // DataCell reads renderCell + wmColumn from here at render time.
+      // Namespaced under _cell so RowCells can exclude it from the style spread.
+      _cell: { wmColumn, renderCell }
     })
   });
 };

package/components/data/table/utils/columnWidthDistribution.d.ts

@@ -16,7 +16,7 @@ export declare const hasExplicitWidth: (column: ColumnDef<any>) => boolean;
  * 3. Data columns with explicit widths (via column.width or column.styles.width) maintain their specified size
  *
  * @param columns - Array of column definitions
- * @param tableWidth - Total available table width (default: 1200px for calculations)
+ * @param tableWidth - Total available table width in pixels (must be > 0 to distribute)
  * @returns Modified column definitions with auto-sized data columns
  */
 export declare const distributeColumnWidths: (columns: ColumnDef<any>[], tableWidth?: number) => ColumnDef<any>[];

package/components/data/table/utils/columnWidthDistribution.js

@@ -24,7 +24,10 @@ const isDataColumn = (column) => {
 const hasExplicitWidth = (column) => {
   return typeof column.size === "number" && column.size > 0;
 };
-const distributeColumnWidths = (columns, tableWidth = 1200) => {
+const distributeColumnWidths = (columns, tableWidth) => {
+  if (!tableWidth || tableWidth <= 0) {
+    return columns;
+  }
   let usedWidth = 0;
   let dataColumnsNeedingWidth = 0;
   columns.forEach((column) => {

package/components/data/table/utils/constants.d.ts

@@ -46,7 +46,7 @@ export declare const INTERACTIVE_ROLES: readonly ["button", "textbox", "combobox
 export declare const INTERACTIVE_DATA_ROLES: readonly ["input", "select", "date", "time", "color", "editor", "checkbox", "radio", "slider", "chips", "rating"];
 export declare const INTERACTIVE_TAG_NAMES: readonly ["INPUT", "BUTTON", "SELECT", "TEXTAREA", "A", "LABEL"];
 export declare const DYNAMIC_COLUMNS_CONFIG: {
-    readonly maxColumns: 10;
+    readonly maxColumns: 20;
     readonly sampleSize: 3;
 };
 export declare const UNSUPPORTED_STATE_PERSISTENCE_TYPES: readonly string[];

package/components/data/table/utils/constants.js

@@ -113,7 +113,7 @@ const INTERACTIVE_TAG_NAMES = [
   "LABEL"
 ];
 const DYNAMIC_COLUMNS_CONFIG = {
-  maxColumns: 10,
+  maxColumns: 20,
   // Maximum number of columns to generate from data (matching Angular behavior)
   sampleSize: 3
   // Number of rows to sample for column detection

package/components/dialogs/alert-dialog/index.d.ts

@@ -71,6 +71,7 @@ declare const WmAlertDialogStandalone: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -156,6 +157,7 @@ declare const _default: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/confirm-dialog/index.d.ts

@@ -72,6 +72,7 @@ declare const WmConfirmDialogStandalone: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -158,6 +159,7 @@ declare const _default: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/dialog/index.d.ts

@@ -76,6 +76,7 @@ declare const WmDialogStandalone: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -168,6 +169,7 @@ declare const _default: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/dialog-actions/index.d.ts

@@ -65,5 +65,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/dialogs/dialog-body/index.d.ts

@@ -64,5 +64,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/dialogs/dialog-content/index.d.ts

@@ -67,5 +67,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/dialogs/dialog-header/index.d.ts

@@ -82,5 +82,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/dialogs/dialog-header/index.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { IconButton, Typography, Box } from "@mui/material";
 import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../common/WmAppIcon";
 const DEFAULT_ICON_DIMENSIONS = "21px";
 const DEFAULT_CLASS = "app-dialog-header modal-header";
 const WmDialogHeader = (props) => {
@@ -40,19 +41,17 @@ const WmDialogHeader = (props) => {
             sx: { display: "flex", alignItems: "center" },
             className: "app-dialog-title modal-title",
             children: [
-              isDialog ? iconurl && iconurl !== "" ? /* @__PURE__ */ jsx(
-                "img",
+              isDialog ? iconclass && iconclass.trim() !== "" || iconurl && iconurl !== "" ? /* @__PURE__ */ jsx(
+                WmAppIcon,
                 {
-                  src: iconurl,
-                  alt: "dialog icon",
-                  style: { width: iconwidth, height: iconheight, margin: iconmargin }
-                }
-              ) : iconclass && iconclass.trim() !== "" ? /* @__PURE__ */ jsx(
-                Box,
-                {
-                  component: "i",
-                  className: iconclass,
-                  style: { width: iconwidth, height: iconheight, margin: iconmargin }
+                  iconclass,
+                  iconurl,
+                  prefabName: props.prefabName,
+                  iconStyle: {
+                    width: iconwidth,
+                    height: iconheight,
+                    margin: iconmargin
+                  }
                 }
               ) : null : /* @__PURE__ */ jsx(Fragment, {}),
               /* @__PURE__ */ jsx(Box, { component: "span", className: "dialog-heading", id: props.titleid, children: heading }),

package/components/dialogs/iframe-dialog/index.d.ts

@@ -81,6 +81,7 @@ declare const WmIframeDialogStandalone: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -176,6 +177,7 @@ declare const _default: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/login-dialog/index.d.ts

@@ -17,6 +17,7 @@ declare const WmLoginDialogStandalone: {
         sheet?: boolean;
         invokeEventCallback?: (eventName: string, data?: any) => void;
         appLocale?: any;
+        iconurl?: string;
         isopen?: boolean;
         close?: (event?: React.SyntheticEvent) => void;
         openDialog?: (event?: React.SyntheticEvent) => void;
@@ -78,6 +79,7 @@ declare const WmLoginDialogStandalone: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -100,6 +102,7 @@ declare const _default: {
         sheet?: boolean;
         invokeEventCallback?: (eventName: string, data?: any) => void;
         appLocale?: any;
+        iconurl?: string;
         isopen?: boolean;
         close?: (event?: React.SyntheticEvent) => void;
         openDialog?: (event?: React.SyntheticEvent) => void;
@@ -161,6 +164,7 @@ declare const _default: {
         prefabName?: string;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/login-dialog/index.js

@@ -267,7 +267,8 @@ const WmLoginDialog = (props) => {
             heading: title,
             iconclass,
             onClose: close != null ? close : (() => {
-            })
+            }),
+            iconurl: props.iconurl
           }
         ),
         /* @__PURE__ */ jsx(WmDialogBody, { name: `${name}_body`, listener, children: /* @__PURE__ */ jsxs(

package/components/dialogs/login-dialog/props.d.ts

@@ -91,6 +91,7 @@ export interface WmLoginDialogOwnProps extends WmDialogInjectedProps {
      * Application locale object injected at runtime.
      */
     appLocale?: any;
+    iconurl?: string;
 }
 /**
  * Combined props for the WmLoginDialog component.

package/components/dialogs/page-dialog/index.d.ts

@@ -13,6 +13,7 @@ declare const WmPageDialogStandalone: {
         onClose?: (event?: React.SyntheticEvent | {}) => void;
         onOkClick?: (event?: React.SyntheticEvent) => void;
         onOk?: (event?: React.SyntheticEvent) => void;
+        iconurl?: string;
         isopen?: boolean;
         close?: (event?: React.SyntheticEvent) => void;
         openDialog?: (event?: React.SyntheticEvent) => void;
@@ -73,6 +74,7 @@ declare const WmPageDialogStandalone: {
         dataset?: any;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -100,6 +102,7 @@ declare const _default: {
         onClose?: (event?: React.SyntheticEvent | {}) => void;
         onOkClick?: (event?: React.SyntheticEvent) => void;
         onOk?: (event?: React.SyntheticEvent) => void;
+        iconurl?: string;
         isopen?: boolean;
         close?: (event?: React.SyntheticEvent) => void;
         openDialog?: (event?: React.SyntheticEvent) => void;
@@ -160,6 +163,7 @@ declare const _default: {
         dataset?: any;
         loading?: boolean;
         showSkeleton?: boolean;
+        widget?: string;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/components/dialogs/page-dialog/index.js

@@ -76,7 +76,8 @@ const WmPageDialog = (props) => {
             onClose: handleClose,
             closable: props.closable,
             name: "",
-            listener: {}
+            listener: {},
+            iconurl: props.iconurl
           }
         ),
         /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: props.content && /* @__PURE__ */ jsx(

package/components/dialogs/page-dialog/props.d.ts

@@ -52,6 +52,7 @@ export interface WmPageDialogOwnProps extends WmDialogInjectedProps {
      * Callback fired for OK event.
      */
     onOk?: (event?: React.SyntheticEvent) => void;
+    iconurl?: string;
 }
 /**
  * Combined props for the WmPageDialog component.

package/components/form/button/index.d.ts

@@ -75,5 +75,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/form/button/index.js

@@ -29,10 +29,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useRef } from "react";
 import clsx from "clsx";
-import Image from "next/image";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import Badge from "@mui/material/Badge";
@@ -40,9 +39,9 @@ import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
 import {
   WmSkeleton,
   SKELETON_REGISTRY,
-  shouldShowSkeleton
+  useShouldShowSkeleton
 } from "../../common/wm-skeleton";
-import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
+import { WmAppIcon } from "../../common/WmAppIcon";
 import { removeInvalidAttributes } from "../../../utils/attr";
 const DEFAULT_CLASS = "btn app-button";
 const WmButton = memo(
@@ -107,6 +106,7 @@ const WmButton = memo(
     ]);
     const safeCaption = (caption == null ? void 0 : caption.toString().replace(/undefined|null/g, "")) || "";
     const btnRef = useRef(null);
+    const showSkeleton = useShouldShowSkeleton(props.loading, props.showSkeleton);
     useEffect(() => {
       if (!shortcutkey) return;
       const handleGlobalKeyDown = (e) => {
@@ -179,7 +179,7 @@ const WmButton = memo(
       }
     };
     const EVENTS = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, onBlur && { onBlur: handleOnBlur }), onFocus && { onFocus: handleOnFocus }), onMouseEnter && { onMouseEnter: handleMouseEnter }), onMouseLeave && { onMouseLeave: handleMouseLeave }), onDoubleClick && { onDoubleClick: handleDoubleClick }), onKeydown && { onKeyDown: handleKeyDown }), onKeyup && { onKeyUp: handleKeyUp }), onClick && { onClick: handleClick }), onKeypress && { onKeyPress: handleKeyPress }), { onMouseDown: handleMouseDown });
-    if (shouldShowSkeleton(props.loading, props.showSkeleton))
+    if (showSkeleton)
       return /* @__PURE__ */ jsx(WmSkeleton, __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmButton"]), { className, styles }));
     return /* @__PURE__ */ jsxs(
       Button,
@@ -207,41 +207,37 @@ const WmButton = memo(
         show: show == null ? void 0 : show.toString()
       }), removeInvalidAttributes(restProps)), EVENTS), {
         children: [
+          iconclass && /* @__PURE__ */ jsx(
+            WmAppIcon,
+            {
+              iconclass,
+              prefabName: props.prefabName,
+              iconStyle: {
+                width: iconwidth || "auto",
+                height: iconheight || "auto",
+                margin: iconmargin || "0 4",
+                fontSize: iconwidth
+              }
+            }
+          ),
           iconurl && /* @__PURE__ */ jsx(
-            Image,
+            WmAppIcon,
             {
-              "data-identifier": "img",
-              alt: "button image",
-              src: prefixPrefabResourceUrl(iconurl, props.prefabName),
-              className: "button-image-icon",
-              width: parseInt(iconwidth || "24", 10),
-              height: parseInt(iconheight || "24", 10),
-              style: {
+              iconurl,
+              prefabName: props.prefabName,
+              defaultClasses: "button-image-icon",
+              iconStyle: {
                 width: iconwidth,
                 height: iconheight || "auto",
-                margin: iconmargin || "0 4"
+                margin: iconmargin || "0 4",
+                fontSize: iconwidth
               }
             }
           ),
-          iconclass && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "i",
-              {
-                className: clsx("app-icon", iconclass),
-                "aria-hidden": "true",
-                style: {
-                  width: iconwidth || "auto",
-                  height: iconheight || "auto",
-                  margin: iconmargin || "0 4",
-                  fontSize: iconheight || "24"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
-              safeCaption,
-              " ",
-              (_b = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _b.LABEL_ICON
-            ] })
+          (iconclass || iconurl) && /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
+            safeCaption,
+            " ",
+            (_b = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _b.LABEL_ICON
           ] }),
           /* @__PURE__ */ jsx(
             Box,

package/components/form/button-group/index.d.ts

@@ -67,5 +67,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/calendar/index.d.ts

@@ -68,6 +68,7 @@ export declare const WmCalendar: React.ForwardRefExoticComponent<Omit<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * The WmCalendar component provides an interactive calendar with event support, day/week/month views.
@@ -130,5 +131,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/chips/index.d.ts

@@ -101,6 +101,7 @@ declare const WmChipsStandalone: React.ComponentType<import("../../data/form/for
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmChipsStandalone as WmChips };
 /**
@@ -224,5 +225,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/chips/index.js

@@ -28,7 +28,13 @@ import { debounce, isEqual, trim, find, slice } from "lodash";
 import { WmSearch } from "../../basic/search";
 import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
 import SortableChip from "./SortableChip";
-import { generateStableKey, processDataset, performAddItem, performRemoveItem } from "./utils";
+import {
+  generateStableKey,
+  processDataset,
+  performAddItem,
+  performRemoveItem,
+  resolveItemToAdd
+} from "./utils";
 import withFormController from "../../data/form/form-controller/withFormController";
 import { DEFAULT_CHIPS_DATASET } from "../../constants";
 import withStandalone from "../../../higherOrder/withStandalone";
@@ -346,12 +352,12 @@ const WmChips = React.memo(
     const handleSearchSelect = useCallback(
       (event, widget, selectedValue) => {
         if (selectedValue) {
-          addItem(selectedValue.dataObject ? selectedValue.dataObject : selectedValue);
+          addItem(resolveItemToAdd(selectedValue, datasetItems, datafield));
           setSearchQuery("");
           backspaceArmedRef.current = false;
         }
       },
-      [addItem]
+      [addItem, datasetItems, datafield]
     );
     const handleSearchSubmit = useCallback(
       (event, widget) => {

package/components/input/chips/utils.d.ts

@@ -16,6 +16,11 @@ export declare function updateChipsListAndTriggerEvents(newChipsList: ChipItem[]
 export declare function validateBeforeOperation(listener: any, name: string, beforeHandler: any, event: any, item: any): boolean;
 export declare function createChipItem(itemToAdd: DataSetItem | string, generateUniqueKey: () => string, datafield: string, displayfield: string, createCustomDataModel: (val: string) => any): DataSetItem;
 export declare function createChipItemWithStructure(itemToAdd: DataSetItem): ChipItem;
+/**
+ * Resolves a search selection to a DataSetItem with the correct `value` for the datafield.
+ * may pass either that item or the raw `dataObject` via `getSelectedItem`.
+ */
+export declare function resolveItemToAdd(selectedValue: DataSetItem | string | Record<string, unknown>, datasetItems: DataSetItem[], datafield: string): DataSetItem | string;
 export declare function validateAddItem(newItem: DataSetItem | string, chipsList: ChipItem[], maxsize: number, datafield: string): boolean;
 export declare function validateSearchInput(query: string, allowonlyselect: boolean, maxsize: number, chipsList: ChipItem[]): boolean;
 export declare function performAddItem(newItem: DataSetItem | string, chipsList: ChipItem[], modelByValue: any[], setChipsList: (chips: ChipItem[]) => void, setModelByValue: (model: any[]) => void, setSearchQuery: (query: string) => void, updateMaxSizeFn: (length: number) => void, listener: any, name: string, datafield: string, displayfield: string, createCustomDataModel: (val: string) => any, generateUniqueKey: () => string, maxsize: number, onBeforeadd?: any, onChange?: any, onAdd?: any, props?: any): boolean;

package/components/input/chips/utils.js

@@ -185,6 +185,34 @@ function createChipItemWithStructure(itemToAdd) {
     iscustom: itemToAdd.iscustom || false
   });
 }
+function resolveItemToAdd(selectedValue, datasetItems, datafield) {
+  var _a, _b, _c, _d, _e, _f;
+  if (typeof selectedValue === "string") {
+    return selectedValue;
+  }
+  const asDataSetItem = selectedValue;
+  const dataObj = (_a = asDataSetItem.dataObject) != null ? _a : selectedValue;
+  const found = datasetItems.find((item) => isEqual(item.dataObject, dataObj));
+  if (found) {
+    return found;
+  }
+  if (datafield !== "All Fields" && isObject(dataObj)) {
+    const rec = dataObj;
+    if (Object.prototype.hasOwnProperty.call(rec, datafield)) {
+      const raw = (_c = (_b = asDataSetItem.displayValue) != null ? _b : asDataSetItem.label) != null ? _c : rec[datafield];
+      const displayText = raw != null ? String(raw) : "";
+      return {
+        key: (_d = asDataSetItem.key) != null ? _d : String(rec[datafield]),
+        value: rec[datafield],
+        label: String((_e = asDataSetItem.label) != null ? _e : displayText),
+        displayValue: displayText,
+        displayImage: (_f = asDataSetItem.displayImage) != null ? _f : null,
+        dataObject: dataObj
+      };
+    }
+  }
+  return asDataSetItem;
+}
 function validateAddItem(newItem, chipsList, maxsize, datafield) {
   var _a, _b;
   if (maxsize && chipsList.length >= maxsize) {
@@ -293,6 +321,7 @@ export {
   performAddItem,
   performRemoveItem,
   processDataset,
+  resolveItemToAdd,
   updateChipsListAndTriggerEvents,
   updateMaxSize,
   validateAddItem,

package/components/input/color-picker/index.d.ts

@@ -64,6 +64,7 @@ declare const WmColorPickerStandalone: React.ComponentType<import("../../data/fo
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmColorPickerStandalone as WmColorPicker };
 /**
@@ -151,5 +152,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/composite/index.d.ts

@@ -67,5 +67,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/composite/index.js

@@ -96,6 +96,7 @@ function WmComposite(props) {
       ),
       id,
       hidden: props.hidden,
+      widget: props == null ? void 0 : props.widget,
       children: childElements
     }
   );

package/components/input/currency/index.d.ts

@@ -76,6 +76,7 @@ declare const WmCurrencyStandalone: React.ComponentType<import("../../data/form/
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCurrencyStandalone as WmCurrency };
 /**
@@ -175,5 +176,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;