@itwin/components-react 5.3.1 → 5.5.0

package/lib/components-react/new-editors/interop/EditorInterop.js

@@ -0,0 +1,146 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { isBoolean, isDate, isEnum, isNumeric, isText, } from "../values/ValueUtilities.js";
+/**
+ * Interop utilities for converting between old and new editor values.
+ * @internal
+ */
+export var EditorInterop;
+(function (EditorInterop) {
+    /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */
+    function getMetadataAndValue(propertyRecord) {
+        const baseMetadata = {
+            preferredEditor: propertyRecord.property.editor?.name,
+            params: propertyRecord.property.editor?.params,
+            extendedData: propertyRecord.extendedData,
+            enum: propertyRecord.property.enum,
+            typename: propertyRecord.property.typename,
+        };
+        const primitiveValue = propertyRecord.value;
+        switch (propertyRecord.property.typename) {
+            case "text":
+            case "string":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: "string",
+                    },
+                    value: {
+                        value: primitiveValue.value ?? "",
+                    },
+                };
+            case "dateTime":
+            case "shortdate":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: propertyRecord.property.typename === "shortdate"
+                            ? "date"
+                            : "dateTime",
+                    },
+                    value: {
+                        value: primitiveValue.value ?? new Date(),
+                    },
+                };
+            case "boolean":
+            case "bool":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: "bool",
+                    },
+                    value: {
+                        value: primitiveValue.value ?? false,
+                    },
+                };
+            case "float":
+            case "double":
+            case "int":
+            case "integer":
+            case "number":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: "number",
+                    },
+                    value: {
+                        rawValue: primitiveValue.value,
+                        displayValue: primitiveValue.displayValue
+                            ? primitiveValue.displayValue
+                            : primitiveValue.value !== undefined
+                                ? `${primitiveValue.value}`
+                                : "",
+                    },
+                };
+            case "enum":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: "enum",
+                    },
+                    value: {
+                        choice: primitiveValue.value,
+                    },
+                };
+            case "navigation":
+                return {
+                    metadata: {
+                        ...baseMetadata,
+                        type: "instanceKey",
+                    },
+                    value: {
+                        key: primitiveValue.value,
+                        label: primitiveValue.displayValue ?? "",
+                    },
+                };
+        }
+        return {
+            metadata: undefined,
+            value: undefined,
+        };
+    }
+    EditorInterop.getMetadataAndValue = getMetadataAndValue;
+    /** Converts new editors system `Value` into old `PrimitiveValue` */
+    function convertToPrimitiveValue(newValue) {
+        if (isText(newValue)) {
+            return {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: newValue.value,
+                displayValue: newValue.value,
+            };
+        }
+        if (isNumeric(newValue)) {
+            return {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: newValue.rawValue,
+                displayValue: newValue.displayValue,
+            };
+        }
+        if (isBoolean(newValue)) {
+            return {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: newValue.value,
+                displayValue: newValue.value.toString(),
+            };
+        }
+        if (isDate(newValue)) {
+            return {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: newValue.value,
+                displayValue: newValue.value.toString(),
+            };
+        }
+        if (isEnum(newValue)) {
+            return {
+                valueFormat: PropertyValueFormat.Primitive,
+                value: newValue.choice,
+            };
+        }
+        throw new Error("Unsupported value type");
+    }
+    EditorInterop.convertToPrimitiveValue = convertToPrimitiveValue;
+})(EditorInterop || (EditorInterop = {}));
+//# sourceMappingURL=EditorInterop.js.map

package/lib/components-react/new-editors/interop/EditorInterop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorInterop.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type {\n  Primitives,\n  PrimitiveValue,\n  PropertyRecord,\n} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  BooleanValue,\n  DateValue,\n  EnumValue,\n  InstanceKeyValue,\n  NumericValue,\n  TextValue,\n} from \"../values/Values.js\";\nimport type { Value as NewEditorValue } from \"../values/Values.js\";\nimport type { OldEditorMetadata } from \"./Metadata.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\n\n/**\n * Interop utilities for converting between old and new editor values.\n * @internal\n */\nexport namespace EditorInterop {\n  /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */\n  export function getMetadataAndValue(propertyRecord: PropertyRecord): {\n    metadata: OldEditorMetadata | undefined;\n    value: NewEditorValue | undefined;\n  } {\n    const baseMetadata: Omit<OldEditorMetadata, \"type\"> = {\n      preferredEditor: propertyRecord.property.editor?.name,\n      params: propertyRecord.property.editor?.params,\n      extendedData: propertyRecord.extendedData,\n      enum: propertyRecord.property.enum,\n      typename: propertyRecord.property.typename,\n    };\n\n    const primitiveValue = propertyRecord.value as PrimitiveValue;\n    switch (propertyRecord.property.typename) {\n      case \"text\":\n      case \"string\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"string\",\n          },\n          value: {\n            value: (primitiveValue.value as string) ?? \"\",\n          } satisfies TextValue,\n        };\n      case \"dateTime\":\n      case \"shortdate\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type:\n              propertyRecord.property.typename === \"shortdate\"\n                ? \"date\"\n                : \"dateTime\",\n          },\n          value: {\n            value: (primitiveValue.value as Date) ?? new Date(),\n          } satisfies DateValue,\n        };\n      case \"boolean\":\n      case \"bool\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"bool\",\n          },\n          value: {\n            value: (primitiveValue.value as boolean) ?? false,\n          } satisfies BooleanValue,\n        };\n      case \"float\":\n      case \"double\":\n      case \"int\":\n      case \"integer\":\n      case \"number\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"number\",\n          },\n          value: {\n            rawValue: primitiveValue.value as number,\n            displayValue: primitiveValue.displayValue\n              ? primitiveValue.displayValue\n              : primitiveValue.value !== undefined\n              ? `${primitiveValue.value as number}`\n              : \"\",\n          } satisfies NumericValue,\n        };\n      case \"enum\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"enum\",\n          },\n          value: {\n            choice: primitiveValue.value as number | string,\n          } satisfies EnumValue,\n        };\n      case \"navigation\":\n        return {\n          metadata: {\n            ...baseMetadata,\n            type: \"instanceKey\",\n          },\n          value: {\n            key: primitiveValue.value as Primitives.InstanceKey,\n            label: primitiveValue.displayValue ?? \"\",\n          } satisfies InstanceKeyValue,\n        };\n    }\n\n    return {\n      metadata: undefined,\n      value: undefined,\n    };\n  }\n\n  /** Converts new editors system `Value` into old `PrimitiveValue` */\n  export function convertToPrimitiveValue(\n    newValue: NewEditorValue\n  ): PrimitiveValue {\n    if (isText(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value,\n      };\n    }\n    if (isNumeric(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.rawValue,\n        displayValue: newValue.displayValue,\n      };\n    }\n    if (isBoolean(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n    if (isDate(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.value,\n        displayValue: newValue.value.toString(),\n      };\n    }\n\n    if (isEnum(newValue)) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: newValue.choice,\n      };\n    }\n\n    throw new Error(\"Unsupported value type\");\n  }\n}\n"]}

package/lib/components-react/new-editors/interop/IconsRegistry.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+/**
+ * @internal
+ */
+export declare function findIcon(iconName?: string): React.JSX.Element;
+//# sourceMappingURL=IconsRegistry.d.ts.map

package/lib/components-react/new-editors/interop/IconsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconsRegistry.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/IconsRegistry.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,qBAOzC"}

package/lib/components-react/new-editors/interop/IconsRegistry.js

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { SvgPlaceholder } from "@itwin/itwinui-icons-react";
+import * as React from "react";
+/* v8 ignore start */
+/**
+ * @internal
+ */
+export function findIcon(iconName) {
+    if (!iconName) {
+        return React.createElement(SvgPlaceholder, null);
+    }
+    const icon = webfontIconsMap[iconName];
+    return icon ? icon : React.createElement(SvgPlaceholder, null);
+}
+const webfontIconsMap = {
+    "icon-select-single": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m15 7h-1.0922a6.0081 6.0081 0 0 0 -4.9078-4.9078v-1.0922a1 1 0 0 0 -2 0v1.0922a6.0081 6.0081 0 0 0 -4.9078 4.9078h-1.0922a1 1 0 0 0 0 2h1.0923a6.008 6.008 0 0 0 4.9077 4.9078v1.0922a1 1 0 0 0 2 0v-1.0922a6.008 6.008 0 0 0 4.9077-4.9078h1.0923a1 1 0 0 0 0-2zm-2.4769 1.923a4.6245 4.6245 0 0 1 -3.6 3.6 4.6572 4.6572 0 0 1 -1.8462 0 4.6245 4.6245 0 0 1 -3.6-3.6 4.6617 4.6617 0 0 1 0-1.8461 4.6243 4.6243 0 0 1 3.6-3.6 4.6622 4.6622 0 0 1 1.8462 0 4.6243 4.6243 0 0 1 3.6 3.6 4.6617 4.6617 0 0 1 0 1.8461z" }))),
+    "icon-select-line": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M14.35352,1.35352l-.707-.707L.64648,13.646481l.707,.707" }))),
+    "icon-select-box": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m14 2v12h-12v-12zm1-1h-14v14h14z" }))),
+    "icon-replace": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m0 0h7v7h-7zm16 16h-7v-7h7zm-6-1h5v-5h-5zm-6.8484-6.0734-.7425-.7424-1.7678 1.7677 1.0253.0354a3.87023 3.87023 0 0 0 1.096 3.5002 4 4 0 0 0 5.3033.3536l-.7071-.7071a3.02646 3.02646 0 0 1 -4.7023-3.076l1.6617.0354zm10.0932-6.9317a3.99992 3.99992 0 0 0 -5.2679-.3182l.7071.7071a3 3 0 0 1 3.8537.3182 2.85982 2.85982 0 0 1 .7778 2.8284h-1.4849l1.7678 1.7678 1.7678-1.7678h-.9899a4.16081 4.16081 0 0 0 -1.1315-3.5355" }))),
+    "icon-select-plus": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m1 1v14h14v-14zm11 8h-3v3h-2v-3h-3v-2h3v-3h2v3h3z" }))),
+    "icon-select-minus": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm5 9h-10v-2h10z" }))),
+    "icon-app-1": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M13,1a2.0023,2.0023,0,0,1,2,2V13a2.0023,2.0023,0,0,1-2,2H3a2.0023,2.0023,0,0,1-2-2V3A2.0023,2.0023,0,0,1,3,1H13m0-1H3A3,3,0,0,0,0,3V13a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z" }),
+        React.createElement("path", { d: "m8.695 12.223h-.87v-5.597q0-.698.043-1.321-.113.113-.252.236t-1.278 1.047l-.473-.612 2.078-1.606h.752" }))),
+    "icon-app-2": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M13,1a2.0023,2.0023,0,0,1,2,2V13a2.0023,2.0023,0,0,1-2,2H3a2.0023,2.0023,0,0,1-2-2V3A2.0023,2.0023,0,0,1,3,1H13m0-1H3A3,3,0,0,0,0,3V13a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z" }),
+        React.createElement("path", { d: "M10.5537,12.2227H5.3926v-.7676L7.46,9.376A15.0726,15.0726,0,0,0,8.7061,8.0117a3.43,3.43,0,0,0,.4512-.7949,2.2694,2.2694,0,0,0,.15-.8325,1.3218,1.3218,0,0,0-.3809-.9966A1.4635,1.4635,0,0,0,7.8682,5.02a2.6559,2.6559,0,0,0-.9258.1611,3.7028,3.7028,0,0,0-.9756.5854L5.4941,5.16a3.6219,3.6219,0,0,1,2.3633-.9023,2.4962,2.4962,0,0,1,1.7354.5669,1.9478,1.9478,0,0,1,.6279,1.5225,2.9407,2.9407,0,0,1-.4189,1.4771A9.38,9.38,0,0,1,8.2334,9.6719L6.5146,11.3525v.043h4.0391Z" }))),
+    "icon-apps-itwin": (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m15.99733 3.94971a1.40456 1.40456 0 0 0 -.68186-1.12171l-3.41455-2.02581a1.39719 1.39719 0 0 0 -1.42644 0l-.17514.10392-1.01734.60359-2.22207 1.3183a1.404 1.404 0 0 0 -.68443 1.20209v1.11318l-.85-.50428a1.39692 1.39692 0 0 0 -1.42644 0l-2.15676 1.2796-.99578.59082-.262.15542a1.40386 1.40386 0 0 0 -.68452 1.20205v4.103c0 .0269.00112.05367.00268.08037a1.40454 1.40454 0 0 0 .68186 1.12175l3.41454 2.02584a1.39719 1.39719 0 0 0 1.42644 0l.17515-.10391 1.01733-.60362 2.22207-1.31831a1.404 1.404 0 0 0 .68444-1.202v-1.11327l.85.50429a1.39695 1.39695 0 0 0 1.42644 0l2.15678-1.27961.99579-.59081.262-.15543a1.40386 1.40386 0 0 0 .68448-1.20205v-4.103c0-.02694-.00111-.05371-.00267-.08041zm-11.17745 2.66922a.74413.74413 0 1 1 -.74414.74413.74412.74412 0 0 1 .74414-.74413zm2.037 6.37484-.29972.18471-1.07162.66036-.3669.22609-.18956.11682a.17417.17417 0 0 1 -.04294.02113.25282.25282 0 0 1 -.17289-.013l-.01771-.00815-.10292-.06342-1.82494-1.12454v-1.13313s.00612-.2441.31679-.06657l1.12588.69234v-2.42875l-.70151-.43238v-1.13314s.00612-.24409.31679-.06657l1.58222.973v3.09173l1.1322-.69623c.31067-.17753.31678.06657.31678.06657zm8.54852-7.88831v3.02766a.80664.80664 0 0 1 -.39331.69067l-.262.15543-.99579.59078-2.1568 1.27962a.80236.80236 0 0 1 -.81962 0l-1.15337-.68428v-2.29846a1.40368 1.40368 0 0 0 -.68444-1.202l-1.12365-.66671-.84632-.50212v-1.466a.80677.80677 0 0 1 .39323-.69068l2.22205-1.3183 1.01736-.60359.17516-.10393a.8026.8026 0 0 1 .81963 0l3.41447 2.0258a.814.814 0 0 1 .39176.645c.00088.01519.00166.0304.00166.04571zm-3.95807-2.71336 2.15631 1.32879v1.33893s-.00723.28842-.37432.07866l-1.33032-.81808v2.86984l.82891.5109v1.33893s-.00723.28843-.37432.07867l-1.86959-1.14966v-3.65328l-1.33781.82268c-.3671.20976-.37432-.07866-.37432-.07866v-1.33893l.35413-.21824 1.26623-.7803.43353-.26717.224-.138a.20549.20549 0 0 1 .05074-.025.29863.29863 0 0 1 .2043.01532l.02092.00964z" }))),
+};
+/* v8 ignore stop */
+//# sourceMappingURL=IconsRegistry.js.map

package/lib/components-react/new-editors/interop/IconsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconsRegistry.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/IconsRegistry.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,qBAAqB;AAErB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,QAAiB;IACxC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,oBAAC,cAAc,OAAG,CAAC;IAC5B,CAAC;IAED,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC;AAC1C,CAAC;AAED,MAAM,eAAe,GAEjB;IACF,oBAAoB,EAAE,CACpB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,yfAAyf,GAAG,CAChgB,CACP;IACD,kBAAkB,EAAE,CAClB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,yDAAyD,GAAG,CAChE,CACP;IACD,iBAAiB,EAAE,CACjB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,kCAAkC,GAAG,CACzC,CACP;IACD,cAAc,EAAE,CACd,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,8ZAA8Z,GAAG,CACra,CACP;IACD,kBAAkB,EAAE,CAClB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,mDAAmD,GAAG,CAC1D,CACP;IACD,mBAAmB,EAAE,CACnB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,mDAAmD,GAAG,CAC1D,CACP;IACD,YAAY,EAAE,CACZ,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,wLAAwL,GAAG;QACnM,8BAAM,CAAC,EAAC,uGAAuG,GAAG,CAC9G,CACP;IACD,YAAY,EAAE,CACZ,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,wLAAwL,GAAG;QACnM,8BAAM,CAAC,EAAC,gdAAgd,GAAG,CACvd,CACP;IACD,iBAAiB,EAAE,CACjB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,+1DAA+1D,GAAG,CACt2D,CACP;CACF,CAAC;AAEF,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\nimport * as React from \"react\";\n\n/* v8 ignore start */\n\n/**\n * @internal\n */\nexport function findIcon(iconName?: string) {\n  if (!iconName) {\n    return <SvgPlaceholder />;\n  }\n\n  const icon = webfontIconsMap[iconName];\n  return icon ? icon : <SvgPlaceholder />;\n}\n\nconst webfontIconsMap: {\n  [key: string]: React.JSX.Element;\n} = {\n  \"icon-select-single\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m15 7h-1.0922a6.0081 6.0081 0 0 0 -4.9078-4.9078v-1.0922a1 1 0 0 0 -2 0v1.0922a6.0081 6.0081 0 0 0 -4.9078 4.9078h-1.0922a1 1 0 0 0 0 2h1.0923a6.008 6.008 0 0 0 4.9077 4.9078v1.0922a1 1 0 0 0 2 0v-1.0922a6.008 6.008 0 0 0 4.9077-4.9078h1.0923a1 1 0 0 0 0-2zm-2.4769 1.923a4.6245 4.6245 0 0 1 -3.6 3.6 4.6572 4.6572 0 0 1 -1.8462 0 4.6245 4.6245 0 0 1 -3.6-3.6 4.6617 4.6617 0 0 1 0-1.8461 4.6243 4.6243 0 0 1 3.6-3.6 4.6622 4.6622 0 0 1 1.8462 0 4.6243 4.6243 0 0 1 3.6 3.6 4.6617 4.6617 0 0 1 0 1.8461z\" />\n    </svg>\n  ),\n  \"icon-select-line\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M14.35352,1.35352l-.707-.707L.64648,13.646481l.707,.707\" />\n    </svg>\n  ),\n  \"icon-select-box\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m14 2v12h-12v-12zm1-1h-14v14h14z\" />\n    </svg>\n  ),\n  \"icon-replace\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m0 0h7v7h-7zm16 16h-7v-7h7zm-6-1h5v-5h-5zm-6.8484-6.0734-.7425-.7424-1.7678 1.7677 1.0253.0354a3.87023 3.87023 0 0 0 1.096 3.5002 4 4 0 0 0 5.3033.3536l-.7071-.7071a3.02646 3.02646 0 0 1 -4.7023-3.076l1.6617.0354zm10.0932-6.9317a3.99992 3.99992 0 0 0 -5.2679-.3182l.7071.7071a3 3 0 0 1 3.8537.3182 2.85982 2.85982 0 0 1 .7778 2.8284h-1.4849l1.7678 1.7678 1.7678-1.7678h-.9899a4.16081 4.16081 0 0 0 -1.1315-3.5355\" />\n    </svg>\n  ),\n  \"icon-select-plus\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m1 1v14h14v-14zm11 8h-3v3h-2v-3h-3v-2h3v-3h2v3h3z\" />\n    </svg>\n  ),\n  \"icon-select-minus\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm5 9h-10v-2h10z\" />\n    </svg>\n  ),\n  \"icon-app-1\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M13,1a2.0023,2.0023,0,0,1,2,2V13a2.0023,2.0023,0,0,1-2,2H3a2.0023,2.0023,0,0,1-2-2V3A2.0023,2.0023,0,0,1,3,1H13m0-1H3A3,3,0,0,0,0,3V13a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z\" />\n      <path d=\"m8.695 12.223h-.87v-5.597q0-.698.043-1.321-.113.113-.252.236t-1.278 1.047l-.473-.612 2.078-1.606h.752\" />\n    </svg>\n  ),\n  \"icon-app-2\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M13,1a2.0023,2.0023,0,0,1,2,2V13a2.0023,2.0023,0,0,1-2,2H3a2.0023,2.0023,0,0,1-2-2V3A2.0023,2.0023,0,0,1,3,1H13m0-1H3A3,3,0,0,0,0,3V13a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z\" />\n      <path d=\"M10.5537,12.2227H5.3926v-.7676L7.46,9.376A15.0726,15.0726,0,0,0,8.7061,8.0117a3.43,3.43,0,0,0,.4512-.7949,2.2694,2.2694,0,0,0,.15-.8325,1.3218,1.3218,0,0,0-.3809-.9966A1.4635,1.4635,0,0,0,7.8682,5.02a2.6559,2.6559,0,0,0-.9258.1611,3.7028,3.7028,0,0,0-.9756.5854L5.4941,5.16a3.6219,3.6219,0,0,1,2.3633-.9023,2.4962,2.4962,0,0,1,1.7354.5669,1.9478,1.9478,0,0,1,.6279,1.5225,2.9407,2.9407,0,0,1-.4189,1.4771A9.38,9.38,0,0,1,8.2334,9.6719L6.5146,11.3525v.043h4.0391Z\" />\n    </svg>\n  ),\n  \"icon-apps-itwin\": (\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"m15.99733 3.94971a1.40456 1.40456 0 0 0 -.68186-1.12171l-3.41455-2.02581a1.39719 1.39719 0 0 0 -1.42644 0l-.17514.10392-1.01734.60359-2.22207 1.3183a1.404 1.404 0 0 0 -.68443 1.20209v1.11318l-.85-.50428a1.39692 1.39692 0 0 0 -1.42644 0l-2.15676 1.2796-.99578.59082-.262.15542a1.40386 1.40386 0 0 0 -.68452 1.20205v4.103c0 .0269.00112.05367.00268.08037a1.40454 1.40454 0 0 0 .68186 1.12175l3.41454 2.02584a1.39719 1.39719 0 0 0 1.42644 0l.17515-.10391 1.01733-.60362 2.22207-1.31831a1.404 1.404 0 0 0 .68444-1.202v-1.11327l.85.50429a1.39695 1.39695 0 0 0 1.42644 0l2.15678-1.27961.99579-.59081.262-.15543a1.40386 1.40386 0 0 0 .68448-1.20205v-4.103c0-.02694-.00111-.05371-.00267-.08041zm-11.17745 2.66922a.74413.74413 0 1 1 -.74414.74413.74412.74412 0 0 1 .74414-.74413zm2.037 6.37484-.29972.18471-1.07162.66036-.3669.22609-.18956.11682a.17417.17417 0 0 1 -.04294.02113.25282.25282 0 0 1 -.17289-.013l-.01771-.00815-.10292-.06342-1.82494-1.12454v-1.13313s.00612-.2441.31679-.06657l1.12588.69234v-2.42875l-.70151-.43238v-1.13314s.00612-.24409.31679-.06657l1.58222.973v3.09173l1.1322-.69623c.31067-.17753.31678.06657.31678.06657zm8.54852-7.88831v3.02766a.80664.80664 0 0 1 -.39331.69067l-.262.15543-.99579.59078-2.1568 1.27962a.80236.80236 0 0 1 -.81962 0l-1.15337-.68428v-2.29846a1.40368 1.40368 0 0 0 -.68444-1.202l-1.12365-.66671-.84632-.50212v-1.466a.80677.80677 0 0 1 .39323-.69068l2.22205-1.3183 1.01736-.60359.17516-.10393a.8026.8026 0 0 1 .81963 0l3.41447 2.0258a.814.814 0 0 1 .39176.645c.00088.01519.00166.0304.00166.04571zm-3.95807-2.71336 2.15631 1.32879v1.33893s-.00723.28842-.37432.07866l-1.33032-.81808v2.86984l.82891.5109v1.33893s-.00723.28843-.37432.07867l-1.86959-1.14966v-3.65328l-1.33781.82268c-.3671.20976-.37432-.07866-.37432-.07866v-1.33893l.35413-.21824 1.26623-.7803.43353-.26717.224-.138a.20549.20549 0 0 1 .05074-.025.29863.29863 0 0 1 .2043.01532l.02092.00964z\" />\n    </svg>\n  ),\n};\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/Metadata.d.ts

@@ -0,0 +1,21 @@
+import type { EnumerationChoicesInfo, PropertyEditorParams } from "@itwin/appui-abstract";
+import type { ValueMetadata } from "../values/Metadata.js";
+/**
+ * Metadata that is created by mapping `PropertyRecord` used to render old editor into the new editor metadata.
+ * @internal
+ */
+export interface OldEditorMetadata extends ValueMetadata {
+    params?: PropertyEditorParams[];
+    extendedData?: {
+        [key: string]: unknown;
+    };
+    enum?: EnumerationChoicesInfo;
+    quantityType?: string;
+    typename: string;
+}
+/**
+ * Type guard for `OldEditorMetadata`.
+ * @internal
+ */
+export declare function isOldEditorMetadata(metadata: ValueMetadata): metadata is OldEditorMetadata;
+//# sourceMappingURL=Metadata.d.ts.map

package/lib/components-react/new-editors/interop/Metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metadata.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/Metadata.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI3D;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IAC1C,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,aAAa,GACtB,QAAQ,IAAI,iBAAiB,CAE/B"}

package/lib/components-react/new-editors/interop/Metadata.js

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/**
+ * Type guard for `OldEditorMetadata`.
+ * @internal
+ */
+export function isOldEditorMetadata(metadata) {
+    return metadata.typename !== undefined;
+}
+/* v8 ignore stop */
+//# sourceMappingURL=Metadata.js.map

package/lib/components-react/new-editors/interop/Metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metadata.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/Metadata.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAsBhG;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAAuB;IAEvB,OAAQ,QAA8B,CAAC,QAAQ,KAAK,SAAS,CAAC;AAChE,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type {\n  EnumerationChoicesInfo,\n  PropertyEditorParams,\n} from \"@itwin/appui-abstract\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\n\n/* v8 ignore start */\n\n/**\n * Metadata that is created by mapping `PropertyRecord` used to render old editor into the new editor metadata.\n * @internal\n */\nexport interface OldEditorMetadata extends ValueMetadata {\n  params?: PropertyEditorParams[];\n  extendedData?: { [key: string]: unknown };\n  enum?: EnumerationChoicesInfo;\n  quantityType?: string;\n  typename: string;\n}\n\n/**\n * Type guard for `OldEditorMetadata`.\n * @internal\n */\nexport function isOldEditorMetadata(\n  metadata: ValueMetadata\n): metadata is OldEditorMetadata {\n  return (metadata as OldEditorMetadata).typename !== undefined;\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/PropertyRecordEditor.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import * as React from "react";
+import { type PropertyRecord } from "@itwin/appui-abstract";
+import { type PropertyUpdatedArgs } from "../../editors/EditorContainer.js";
+interface PropertyRecordEditorProps {
+    propertyRecord: PropertyRecord;
+    onCommit: (args: PropertyUpdatedArgs) => void;
+    onCancel: () => void;
+    onClick?: () => void;
+    setFocus?: boolean;
+    size?: "small" | "large";
+    editorSystem?: "legacy" | "new";
+}
+/**
+ * Editor component for editing property values represented by `PropertyRecord`.
+ * @beta
+ */
+export declare function PropertyRecordEditor({ propertyRecord, onCommit, onCancel, onClick, setFocus, size, editorSystem, }: PropertyRecordEditorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PropertyRecordEditor.d.ts.map

package/lib/components-react/new-editors/interop/PropertyRecordEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyRecordEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAM1C,UAAU,yBAAyB;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,yBAAyB,qBAiC3B"}

package/lib/components-react/new-editors/interop/PropertyRecordEditor.js

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import * as React from "react";
+import { PropertyValueFormat, } from "@itwin/appui-abstract";
+import { EditorInterop } from "./EditorInterop.js";
+import { EditorContainer, } from "../../editors/EditorContainer.js";
+import { useCommittableValue } from "../UseCommittableValue.js";
+import { EditorRenderer } from "../EditorRenderer.js";
+/**
+ * Editor component for editing property values represented by `PropertyRecord`.
+ * @beta
+ */
+export function PropertyRecordEditor({ propertyRecord, onCommit, onCancel, onClick, setFocus, size, editorSystem, }) {
+    const { metadata, value } = EditorInterop.getMetadataAndValue(propertyRecord);
+    if (editorSystem === "new" && metadata && value) {
+        return (React.createElement(CommittingEditor, { metadata: metadata, initialValue: value, onCommit: (newValue) => {
+                onCommit({
+                    propertyRecord,
+                    newValue: newValue === undefined
+                        ? { valueFormat: PropertyValueFormat.Primitive }
+                        : EditorInterop.convertToPrimitiveValue(newValue),
+                });
+            }, onCancel: onCancel, onClick: onClick, disabled: propertyRecord.isDisabled || propertyRecord.isReadonly, size: size }));
+    }
+    return (React.createElement(EditorContainer, { propertyRecord: propertyRecord, onCommit: onCommit, onCancel: onCancel, onClick: onClick, setFocus: setFocus }));
+}
+function CommittingEditor({ metadata, initialValue, onCancel, onCommit, onClick, disabled, size, }) {
+    const { value, onChange, onKeydown, commit, cancel } = useCommittableValue({
+        initialValue,
+        onCommit,
+        onCancel,
+    });
+    return (React.createElement("div", { onKeyDown: onKeydown, onBlur: commit, onClick: onClick, role: "presentation" },
+        React.createElement(EditorRenderer, { metadata: metadata, value: value, onChange: onChange, commit: commit, cancel: cancel, disabled: disabled, size: size })));
+}
+//# sourceMappingURL=PropertyRecordEditor.js.map

package/lib/components-react/new-editors/interop/PropertyRecordEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyRecordEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/PropertyRecordEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EACL,eAAe,GAEhB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AActD;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,GACc;IAC1B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAC9E,IAAI,YAAY,KAAK,KAAK,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;QAChD,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,QAAQ,CAAC;oBACP,cAAc;oBACd,QAAQ,EACN,QAAQ,KAAK,SAAS;wBACpB,CAAC,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,SAAS,EAAE;wBAChD,CAAC,CAAC,aAAa,CAAC,uBAAuB,CAAC,QAAQ,CAAC;iBACtD,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,CAAC,UAAU,IAAI,cAAc,CAAC,UAAU,EAChE,IAAI,EAAE,IAAI,GACV,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GASL;IACC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC;QACzE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc;QAEnB,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport {\n  type PropertyRecord,\n  PropertyValueFormat,\n} from \"@itwin/appui-abstract\";\nimport { EditorInterop } from \"./EditorInterop.js\";\nimport {\n  EditorContainer,\n  type PropertyUpdatedArgs,\n} from \"../../editors/EditorContainer.js\";\nimport { useCommittableValue } from \"../UseCommittableValue.js\";\nimport { EditorRenderer } from \"../EditorRenderer.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { Value } from \"../values/Values.js\";\n\ninterface PropertyRecordEditorProps {\n  propertyRecord: PropertyRecord;\n  onCommit: (args: PropertyUpdatedArgs) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  setFocus?: boolean;\n  size?: \"small\" | \"large\";\n  editorSystem?: \"legacy\" | \"new\";\n}\n\n/**\n * Editor component for editing property values represented by `PropertyRecord`.\n * @beta\n */\nexport function PropertyRecordEditor({\n  propertyRecord,\n  onCommit,\n  onCancel,\n  onClick,\n  setFocus,\n  size,\n  editorSystem,\n}: PropertyRecordEditorProps) {\n  const { metadata, value } = EditorInterop.getMetadataAndValue(propertyRecord);\n  if (editorSystem === \"new\" && metadata && value) {\n    return (\n      <CommittingEditor\n        metadata={metadata}\n        initialValue={value}\n        onCommit={(newValue) => {\n          onCommit({\n            propertyRecord,\n            newValue:\n              newValue === undefined\n                ? { valueFormat: PropertyValueFormat.Primitive }\n                : EditorInterop.convertToPrimitiveValue(newValue),\n          });\n        }}\n        onCancel={onCancel}\n        onClick={onClick}\n        disabled={propertyRecord.isDisabled || propertyRecord.isReadonly}\n        size={size}\n      />\n    );\n  }\n\n  return (\n    <EditorContainer\n      propertyRecord={propertyRecord}\n      onCommit={onCommit}\n      onCancel={onCancel}\n      onClick={onClick}\n      setFocus={setFocus}\n    />\n  );\n}\n\nfunction CommittingEditor({\n  metadata,\n  initialValue,\n  onCancel,\n  onCommit,\n  onClick,\n  disabled,\n  size,\n}: {\n  metadata: ValueMetadata;\n  initialValue?: Value;\n  onCommit: (value?: Value) => void;\n  onCancel: () => void;\n  onClick?: () => void;\n  disabled?: boolean;\n  size?: \"small\" | \"large\";\n}) {\n  const { value, onChange, onKeydown, commit, cancel } = useCommittableValue({\n    initialValue,\n    onCommit,\n    onCancel,\n  });\n\n  return (\n    <div\n      onKeyDown={onKeydown}\n      onBlur={commit}\n      onClick={onClick}\n      role=\"presentation\"\n    >\n      <EditorRenderer\n        metadata={metadata}\n        value={value}\n        onChange={onChange}\n        commit={commit}\n        cancel={cancel}\n        disabled={disabled}\n        size={size}\n      />\n    </div>\n  );\n}\n"]}

package/lib/components-react/new-editors/interop/old-editors/Color.d.ts

@@ -0,0 +1,7 @@
+import type { EditorSpec } from "../../Types.js";
+/**
+ * Editor specification for color editor.
+ * @internal
+ */
+export declare const ColorEditorSpec: EditorSpec;
+//# sourceMappingURL=Color.d.ts.map

package/lib/components-react/new-editors/interop/old-editors/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Color.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAU9D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,UAU5B,CAAC"}

package/lib/components-react/new-editors/interop/old-editors/Color.js

@@ -0,0 +1,48 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { PropertyEditorParamTypes, StandardEditorNames, } from "@itwin/appui-abstract";
+import { ColorPalette, ColorPicker, ColorSwatch, ColorValue, IconButton, Popover, } from "@itwin/itwinui-react";
+import { createEditorSpec } from "../../Types.js";
+import { isOldEditorMetadata } from "../Metadata.js";
+import { useColorEditorParams } from "./UseEditorParams.js";
+import { isNumeric } from "../../values/ValueUtilities.js";
+/* v8 ignore start */
+/**
+ * Editor specification for color editor.
+ * @internal
+ */
+export const ColorEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => isOldEditorMetadata(metadata) &&
+        metadata.type === "number" &&
+        !!metadata.params?.find((param) => param.type === PropertyEditorParamTypes.ColorData.valueOf()) &&
+        metadata.preferredEditor === StandardEditorNames.ColorPicker,
+    isValueSupported: isNumeric,
+    Editor: ColorEditor,
+});
+function ColorEditor({ value, metadata, onChange, commit, size, }) {
+    const colorParams = useColorEditorParams(metadata);
+    const colors = colorParams?.colorValues ?? [];
+    const currentValue = value
+        ? value
+        : { rawValue: colors[0], displayValue: "" };
+    const colorsList = colors.map((color) => ColorValue.fromTbgr(color));
+    const activeColor = currentValue.rawValue !== undefined
+        ? ColorValue.fromTbgr(currentValue.rawValue)
+        : colorsList[0];
+    const onColorChanged = (color) => {
+        onChange({ rawValue: color.toTbgr(), displayValue: "" });
+    };
+    return (React.createElement(Popover, { content: React.createElement(ColorPicker, { selectedColor: activeColor, onChangeComplete: onColorChanged },
+            React.createElement(ColorPalette, { colors: colorsList })), onVisibleChange: (visible) => {
+            if (!visible) {
+                commit?.();
+            }
+        } },
+        React.createElement(IconButton, { size: size },
+            React.createElement(ColorSwatch, { color: activeColor }))));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=Color.js.map

package/lib/components-react/new-editors/interop/old-editors/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Color.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,GACR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,qBAAqB;AAErB;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAe,gBAAgB,CAAC;IAC1D,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,KAAK,QAAQ;QAC1B,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,CACvE;QACD,QAAQ,CAAC,eAAe,KAAK,mBAAmB,CAAC,WAAW;IAC9D,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAEH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,GACyC;IAC7C,MAAM,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,MAAM,WAAW,GACf,YAAY,CAAC,QAAQ,KAAK,SAAS;QACjC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC5C,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EACL,oBAAC,WAAW,IACV,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAAE,cAAc;YAEhC,oBAAC,YAAY,IAAC,MAAM,EAAE,UAAU,GAAI,CACxB,EAEhB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE,CAAC;YACb,CAAC;QACH,CAAC;QAED,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI;YACpB,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACL,CACX,CAAC;AACJ,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport {\n  ColorPalette,\n  ColorPicker,\n  ColorSwatch,\n  ColorValue,\n  IconButton,\n  Popover,\n} from \"@itwin/itwinui-react\";\nimport type { EditorProps, EditorSpec } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport { useColorEditorParams } from \"./UseEditorParams.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/**\n * Editor specification for color editor.\n * @internal\n */\nexport const ColorEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) => param.type === PropertyEditorParamTypes.ColorData.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.ColorPicker,\n  isValueSupported: isNumeric,\n  Editor: ColorEditor,\n});\n\nfunction ColorEditor({\n  value,\n  metadata,\n  onChange,\n  commit,\n  size,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const colorParams = useColorEditorParams(metadata);\n  const colors = colorParams?.colorValues ?? [];\n\n  const currentValue = value\n    ? value\n    : { rawValue: colors[0], displayValue: \"\" };\n  const colorsList = colors.map((color) => ColorValue.fromTbgr(color));\n  const activeColor =\n    currentValue.rawValue !== undefined\n      ? ColorValue.fromTbgr(currentValue.rawValue)\n      : colorsList[0];\n\n  const onColorChanged = (color: ColorValue) => {\n    onChange({ rawValue: color.toTbgr(), displayValue: \"\" });\n  };\n\n  return (\n    <Popover\n      content={\n        <ColorPicker\n          selectedColor={activeColor}\n          onChangeComplete={onColorChanged}\n        >\n          <ColorPalette colors={colorsList} />\n        </ColorPicker>\n      }\n      onVisibleChange={(visible) => {\n        if (!visible) {\n          commit?.();\n        }\n      }}\n    >\n      <IconButton size={size}>\n        <ColorSwatch color={activeColor} />\n      </IconButton>\n    </Popover>\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+export declare const CustomNumberEditorSpec: import("../../Types.js").EditorSpec;
+//# sourceMappingURL=CustomNumber.d.ts.map

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.tsx"],"names":[],"mappings":"AA0BA,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,qCAWjC,CAAC"}

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.js

@@ -0,0 +1,59 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { PropertyEditorParamTypes, StandardEditorNames, } from "@itwin/appui-abstract";
+import { InputWithDecorations } from "@itwin/itwinui-react";
+import { createEditorSpec } from "../../Types.js";
+import { isOldEditorMetadata } from "../Metadata.js";
+import { useCustomFormattedNumberParams, useIconEditorParams, useInputEditorSizeParams, } from "./UseEditorParams.js";
+import { findIcon } from "../IconsRegistry.js";
+import { isNumeric } from "../../values/ValueUtilities.js";
+/* v8 ignore start */
+/** @internal */
+export const CustomNumberEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => isOldEditorMetadata(metadata) &&
+        metadata.type === "number" &&
+        !!metadata.params?.find((param) => param.type === PropertyEditorParamTypes.CustomFormattedNumber.valueOf()) &&
+        metadata.preferredEditor === StandardEditorNames.NumberCustom,
+    isValueSupported: isNumeric,
+    Editor: CustomNumberEditor,
+});
+function CustomNumberEditor({ metadata, value, onChange, size, disabled, }) {
+    const formatParams = useCustomFormattedNumberParams(metadata);
+    const sizeParams = useInputEditorSizeParams(metadata);
+    const iconParams = useIconEditorParams(metadata);
+    const inputRef = React.useRef(null);
+    const [inputValue, setInputValue] = React.useState(() => {
+        return value?.rawValue !== undefined && formatParams
+            ? formatParams.formatFunction(value.rawValue)
+            : "";
+    });
+    if (!formatParams) {
+        return null;
+    }
+    const style = sizeParams?.size !== undefined
+        ? {
+            minWidth: `${sizeParams?.size * 0.75}em`,
+        }
+        : undefined;
+    const icon = iconParams?.definition?.iconSpec !== undefined
+        ? findIcon(iconParams.definition.iconSpec)
+        : undefined;
+    const handleChange = (e) => {
+        const currentValue = e.target.value;
+        const result = formatParams.parseFunction(currentValue);
+        const parsedValue = typeof result.value === "number" ? result.value : undefined;
+        setInputValue(currentValue);
+        onChange({
+            rawValue: parsedValue,
+            displayValue: currentValue,
+        });
+    };
+    return (React.createElement(InputWithDecorations, { size: size },
+        icon !== undefined ? (React.createElement(InputWithDecorations.Icon, null, icon)) : null,
+        React.createElement(InputWithDecorations.Input, { ref: inputRef, style: style, disabled: disabled, onChange: handleChange, value: inputValue })));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=CustomNumber.js.map

package/lib/components-react/new-editors/interop/old-editors/CustomNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNumber.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/CustomNumber.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  PropertyEditorParamTypes,\n  StandardEditorNames,\n} from \"@itwin/appui-abstract\";\nimport { InputWithDecorations } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../../Types.js\";\nimport { createEditorSpec } from \"../../Types.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { NumericValue } from \"../../values/Values.js\";\nimport {\n  useCustomFormattedNumberParams,\n  useIconEditorParams,\n  useInputEditorSizeParams,\n} from \"./UseEditorParams.js\";\nimport { findIcon } from \"../IconsRegistry.js\";\nimport { isNumeric } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const CustomNumberEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) &&\n    metadata.type === \"number\" &&\n    !!metadata.params?.find(\n      (param) =>\n        param.type === PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n    ) &&\n    metadata.preferredEditor === StandardEditorNames.NumberCustom,\n  isValueSupported: isNumeric,\n  Editor: CustomNumberEditor,\n});\n\nfunction CustomNumberEditor({\n  metadata,\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<OldEditorMetadata, NumericValue>) {\n  const formatParams = useCustomFormattedNumberParams(metadata);\n  const sizeParams = useInputEditorSizeParams(metadata);\n  const iconParams = useIconEditorParams(metadata);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = React.useState(() => {\n    return value?.rawValue !== undefined && formatParams\n      ? formatParams.formatFunction(value.rawValue)\n      : \"\";\n  });\n\n  if (!formatParams) {\n    return null;\n  }\n\n  const style: React.CSSProperties | undefined =\n    sizeParams?.size !== undefined\n      ? {\n          minWidth: `${sizeParams?.size * 0.75}em`,\n        }\n      : undefined;\n  const icon =\n    iconParams?.definition?.iconSpec !== undefined\n      ? findIcon(iconParams.definition.iconSpec)\n      : undefined;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const currentValue = e.target.value;\n    const result = formatParams.parseFunction(currentValue);\n    const parsedValue =\n      typeof result.value === \"number\" ? result.value : undefined;\n\n    setInputValue(currentValue);\n\n    onChange({\n      rawValue: parsedValue,\n      displayValue: currentValue,\n    });\n  };\n\n  return (\n    <InputWithDecorations size={size}>\n      {icon !== undefined ? (\n        <InputWithDecorations.Icon>{icon}</InputWithDecorations.Icon>\n      ) : null}\n      <InputWithDecorations.Input\n        ref={inputRef}\n        style={style}\n        disabled={disabled}\n        onChange={handleChange}\n        value={inputValue}\n      />\n    </InputWithDecorations>\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/Enum.d.ts

@@ -0,0 +1,4 @@
+import { type EditorSpec } from "../../Types.js";
+/** @internal */
+export declare const EnumEditorSpec: EditorSpec;
+//# sourceMappingURL=Enum.d.ts.map

package/lib/components-react/new-editors/interop/old-editors/Enum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Enum.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Enum.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAUxB,gBAAgB;AAChB,eAAO,MAAM,cAAc,EAAE,UAK3B,CAAC"}

package/lib/components-react/new-editors/interop/old-editors/Enum.js

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { createEditorSpec, } from "../../Types.js";
+import { EnumEditor as NewEnumEditor } from "../../editors/EnumEditor.js";
+import { isOldEditorMetadata } from "../Metadata.js";
+import { useEnumMetadata } from "./UseEnumMetadata.js";
+import { isEnum } from "../../values/ValueUtilities.js";
+/* v8 ignore start */
+/** @internal */
+export const EnumEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => isOldEditorMetadata(metadata) && metadata.type === "enum",
+    isValueSupported: isEnum,
+    Editor: EnumEditor,
+});
+function EnumEditor(props) {
+    const newMetadata = useEnumMetadata(props.metadata);
+    return React.createElement(NewEnumEditor, { ...props, metadata: newMetadata });
+}
+/* v8 ignore stop */
+//# sourceMappingURL=Enum.js.map

package/lib/components-react/new-editors/interop/old-editors/Enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Enum.js","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/Enum.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,gBAAgB,GAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAe,gBAAgB,CAAC;IACzD,mBAAmB,EAAE,CAAC,QAAQ,EAAiC,EAAE,CAC/D,mBAAmB,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAK,MAAM;IAC3D,gBAAgB,EAAE,MAAM;IACxB,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,KAAgD;IAClE,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpD,OAAO,oBAAC,aAAa,OAAK,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAC;AAC7D,CAAC;AAED,oBAAoB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport {\n  createEditorSpec,\n  type EditorProps,\n  type EditorSpec,\n} from \"../../Types.js\";\nimport { EnumEditor as NewEnumEditor } from \"../../editors/EnumEditor.js\";\nimport type { OldEditorMetadata } from \"../Metadata.js\";\nimport { isOldEditorMetadata } from \"../Metadata.js\";\nimport type { EnumValue } from \"../../values/Values.js\";\nimport { useEnumMetadata } from \"./UseEnumMetadata.js\";\nimport { isEnum } from \"../../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const EnumEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is OldEditorMetadata =>\n    isOldEditorMetadata(metadata) && metadata.type === \"enum\",\n  isValueSupported: isEnum,\n  Editor: EnumEditor,\n});\n\nfunction EnumEditor(props: EditorProps<OldEditorMetadata, EnumValue>) {\n  const newMetadata = useEnumMetadata(props.metadata);\n  return <NewEnumEditor {...props} metadata={newMetadata} />;\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/interop/old-editors/EnumButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import type { EditorSpec } from "../../Types.js";
+/** @internal */
+export declare const EnumButtonGroupEditorSpec: EditorSpec;
+//# sourceMappingURL=EnumButtonGroup.d.ts.map

package/lib/components-react/new-editors/interop/old-editors/EnumButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnumButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/new-editors/interop/old-editors/EnumButtonGroup.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa9D,gBAAgB;AAChB,eAAO,MAAM,yBAAyB,EAAE,UAOtC,CAAC"}