@itwin/components-react 5.3.1 → 5.5.0

package/lib/components-react/new-editors/editors/FormattedNumericInput.js

@@ -0,0 +1,77 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Input } from "@itwin/itwinui-react";
+/**
+ * A numeric input that allows to pass custom parsing/formatting logic to handle values with units etc.
+ * @beta
+ */
+export function FormattedNumericInput({ onChange, value, parseValue, formatValue, disabled, size, }) {
+    const { currentValue, inputProps } = useParsedNumberInput({
+        initialValue: value.rawValue,
+        parseValue,
+        formatValue,
+    });
+    const onChangeRef = React.useRef(onChange);
+    React.useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    React.useEffect(() => {
+        onChangeRef.current(currentValue);
+    }, [currentValue]);
+    return React.createElement(Input, { disabled: disabled, size: size, ...inputProps });
+}
+function useParsedNumberInput({ initialValue, formatValue, parseValue, }) {
+    const [state, setState] = React.useState(() => {
+        return {
+            value: {
+                rawValue: initialValue,
+                displayValue: initialValue !== undefined ? formatValue(initialValue) : "",
+            },
+            placeholder: formatValue(initialValue ?? 123.45),
+        };
+    });
+    React.useEffect(() => {
+        setState((prevState) => {
+            return {
+                ...prevState,
+                value: {
+                    ...prevState.value,
+                    displayValue: prevState.value.rawValue !== undefined
+                        ? formatValue(prevState.value.rawValue)
+                        : "",
+                },
+                placeholder: formatValue(123.45),
+            };
+        });
+    }, [formatValue]);
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        const rawValue = parseValue(newValue);
+        setState((prevState) => {
+            return {
+                ...prevState,
+                value: {
+                    ...prevState.value,
+                    rawValue,
+                    displayValue: newValue,
+                },
+            };
+        });
+    };
+    return {
+        currentValue: state.value,
+        inputProps: {
+            value: state.value.displayValue,
+            placeholder: state.placeholder,
+            onChange: handleChange,
+        },
+    };
+}
+/* v8 ignore stop */
+//# sourceMappingURL=FormattedNumericInput.js.map

package/lib/components-react/new-editors/editors/FormattedNumericInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedNumericInput.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/FormattedNumericInput.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAkB7C;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,GACuB;IAC3B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC;QACxD,YAAY,EAAE,KAAK,CAAC,QAAQ;QAC5B,UAAU;QACV,WAAW;KACZ,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI,CAAC;AACnE,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,WAAW,EACX,UAAU,GAKX;IAMC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAQ,GAAG,EAAE;QACnD,OAAO;YACL,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EACV,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE;aAC9D;YACD,WAAW,EAAE,WAAW,CAAC,YAAY,IAAI,MAAM,CAAC;SACjD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YACrB,OAAO;gBACL,GAAG,SAAS;gBACZ,KAAK,EAAE;oBACL,GAAG,SAAS,CAAC,KAAK;oBAClB,YAAY,EACV,SAAS,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;wBACpC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC;wBACvC,CAAC,CAAC,EAAE;iBACT;gBACD,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC;aACjC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEtC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YACrB,OAAO;gBACL,GAAG,SAAS;gBACZ,KAAK,EAAE;oBACL,GAAG,SAAS,CAAC,KAAK;oBAClB,QAAQ;oBACR,YAAY,EAAE,QAAQ;iBACvB;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,KAAK;QACzB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;YAC/B,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,QAAQ,EAAE,YAAY;SACvB;KACF,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/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { NumericValue } from \"../values/Values.js\";\n\n/* v8 ignore start */\n\n/**\n * Props for FormattedNumericInput component.\n * @beta\n */\ninterface FormattedNumericInputProps {\n  value: NumericValue;\n  onChange: (value: NumericValue) => void;\n  parseValue: (value: string) => number | undefined;\n  formatValue: (num: number) => string;\n  disabled?: boolean;\n  size?: \"small\" | \"large\";\n}\n\n/**\n * A numeric input that allows to pass custom parsing/formatting logic to handle values with units etc.\n * @beta\n */\nexport function FormattedNumericInput({\n  onChange,\n  value,\n  parseValue,\n  formatValue,\n  disabled,\n  size,\n}: FormattedNumericInputProps) {\n  const { currentValue, inputProps } = useParsedNumberInput({\n    initialValue: value.rawValue,\n    parseValue,\n    formatValue,\n  });\n  const onChangeRef = React.useRef(onChange);\n  React.useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  React.useEffect(() => {\n    onChangeRef.current(currentValue);\n  }, [currentValue]);\n\n  return <Input disabled={disabled} size={size} {...inputProps} />;\n}\n\nfunction useParsedNumberInput({\n  initialValue,\n  formatValue,\n  parseValue,\n}: {\n  initialValue: number | undefined;\n  parseValue: (value: string) => number | undefined;\n  formatValue: (num: number) => string;\n}) {\n  interface State {\n    value: NumericValue;\n    placeholder: string;\n  }\n\n  const [state, setState] = React.useState<State>(() => {\n    return {\n      value: {\n        rawValue: initialValue,\n        displayValue:\n          initialValue !== undefined ? formatValue(initialValue) : \"\",\n      },\n      placeholder: formatValue(initialValue ?? 123.45),\n    };\n  });\n\n  React.useEffect(() => {\n    setState((prevState) => {\n      return {\n        ...prevState,\n        value: {\n          ...prevState.value,\n          displayValue:\n            prevState.value.rawValue !== undefined\n              ? formatValue(prevState.value.rawValue)\n              : \"\",\n        },\n        placeholder: formatValue(123.45),\n      };\n    });\n  }, [formatValue]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    const rawValue = parseValue(newValue);\n\n    setState((prevState) => {\n      return {\n        ...prevState,\n        value: {\n          ...prevState.value,\n          rawValue,\n          displayValue: newValue,\n        },\n      };\n    });\n  };\n\n  return {\n    currentValue: state.value,\n    inputProps: {\n      value: state.value.displayValue,\n      placeholder: state.placeholder,\n      onChange: handleChange,\n    },\n  };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors/NumericEditor.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { EditorProps } from "../Types.js";
+import type { ValueMetadata } from "../values/Metadata.js";
+import type { NumericValue } from "../values/Values.js";
+/**
+ * Numeric value editor that renders `Input` components for changing value.
+ * @internal
+ */
+export declare function NumericEditor({ value, onChange, size, disabled, }: EditorProps<ValueMetadata, NumericValue>): React.JSX.Element;
+//# sourceMappingURL=NumericEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumericEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,GACT,EAAE,WAAW,CAAC,aAAa,EAAE,YAAY,CAAC,qBAkB1C"}

package/lib/components-react/new-editors/editors/NumericEditor.js

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Input } from "@itwin/itwinui-react";
+/* v8 ignore start */
+/**
+ * Numeric value editor that renders `Input` components for changing value.
+ * @internal
+ */
+export function NumericEditor({ value, onChange, size, disabled, }) {
+    const currentValue = getNumericValue(value);
+    return (React.createElement(Input, { value: currentValue.displayValue, onChange: (e) => {
+            const parsedValue = parseFloat(e.target.value);
+            onChange({
+                rawValue: Number.isNaN(parsedValue)
+                    ? undefined
+                    : parseFloat(e.target.value),
+                displayValue: e.target.value,
+            });
+        }, size: size, disabled: disabled }));
+}
+function getNumericValue(value) {
+    return value ? value : { rawValue: undefined, displayValue: "" };
+}
+/* v8 ignore stop */
+//# sourceMappingURL=NumericEditor.js.map

package/lib/components-react/new-editors/editors/NumericEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/NumericEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAK7C,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,GACiC;IACzC,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/C,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;oBACjC,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC9B,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;aAC7B,CAAC,CAAC;QACL,CAAC,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA+B;IACtD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AACnE,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 { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { NumericValue } from \"../values/Values.js\";\n\n/* v8 ignore start */\n\n/**\n * Numeric value editor that renders `Input` components for changing value.\n * @internal\n */\nexport function NumericEditor({\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<ValueMetadata, NumericValue>) {\n  const currentValue = getNumericValue(value);\n  return (\n    <Input\n      value={currentValue.displayValue}\n      onChange={(e) => {\n        const parsedValue = parseFloat(e.target.value);\n        onChange({\n          rawValue: Number.isNaN(parsedValue)\n            ? undefined\n            : parseFloat(e.target.value),\n          displayValue: e.target.value,\n        });\n      }}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\nfunction getNumericValue(value: NumericValue | undefined): NumericValue {\n  return value ? value : { rawValue: undefined, displayValue: \"\" };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors/TextEditor.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { EditorProps } from "../Types.js";
+import type { ValueMetadata } from "../values/Metadata.js";
+import type { TextValue } from "../values/Values.js";
+/**
+ * Text value editor that renders `Input` component for changing value.
+ * @internal
+ */
+export declare function TextEditor({ value, onChange, size, disabled, }: EditorProps<ValueMetadata, TextValue>): React.JSX.Element;
+//# sourceMappingURL=TextEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,GACT,EAAE,WAAW,CAAC,aAAa,EAAE,SAAS,CAAC,qBAWvC"}

package/lib/components-react/new-editors/editors/TextEditor.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Input } from "@itwin/itwinui-react";
+/* v8 ignore start */
+/**
+ * Text value editor that renders `Input` component for changing value.
+ * @internal
+ */
+export function TextEditor({ value, onChange, size, disabled, }) {
+    const currentValue = value ? value : { value: "" };
+    return (React.createElement(Input, { value: currentValue.value, onChange: (e) => onChange({ value: e.target.value }), size: size, disabled: disabled }));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=TextEditor.js.map

package/lib/components-react/new-editors/editors/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/TextEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAK7C,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,GAC8B;IACtC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAEnD,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,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 { Input } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { TextValue } from \"../values/Values.js\";\n\n/* v8 ignore start */\n\n/**\n * Text value editor that renders `Input` component for changing value.\n * @internal\n */\nexport function TextEditor({\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<ValueMetadata, TextValue>) {\n  const currentValue = value ? value : { value: \"\" };\n\n  return (\n    <Input\n      value={currentValue.value}\n      onChange={(e) => onChange({ value: e.target.value })}\n      size={size}\n      disabled={disabled}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors/ToggleEditor.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { ValueMetadata } from "../values/Metadata.js";
+import type { BooleanValue } from "../values/Values.js";
+import type { EditorProps } from "../Types.js";
+/**
+ * Boolean value editor that renders `ToggleSwitch` component for changing value.
+ * @internal
+ */
+export declare function ToggleEditor({ value, onChange, commit, disabled, size, }: EditorProps<ValueMetadata, BooleanValue>): React.JSX.Element;
+//# sourceMappingURL=ToggleEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/ToggleEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,GACL,EAAE,WAAW,CAAC,aAAa,EAAE,YAAY,CAAC,qBAgB1C"}

package/lib/components-react/new-editors/editors/ToggleEditor.js

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { ToggleSwitch } from "@itwin/itwinui-react";
+/* v8 ignore start */
+/**
+ * Boolean value editor that renders `ToggleSwitch` component for changing value.
+ * @internal
+ */
+export function ToggleEditor({ value, onChange, commit, disabled, size, }) {
+    const currentValue = value ?? { value: false };
+    const handleChange = (e) => {
+        const newValue = { value: e.target.checked };
+        onChange(newValue);
+        commit?.();
+    };
+    return (React.createElement(ToggleSwitch, { checked: currentValue.value, onChange: handleChange, disabled: disabled, size: size === "small" ? "small" : undefined }));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=ToggleEditor.js.map

package/lib/components-react/new-editors/editors/ToggleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/ToggleEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,GACqC;IACzC,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAC7C,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,OAAO,EAAE,YAAY,CAAC,KAAK,EAC3B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GAC5C,CACH,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 type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { BooleanValue } from \"../values/Values.js\";\nimport type { EditorProps } from \"../Types.js\";\nimport { ToggleSwitch } from \"@itwin/itwinui-react\";\n\n/* v8 ignore start */\n\n/**\n * Boolean value editor that renders `ToggleSwitch` component for changing value.\n * @internal\n */\nexport function ToggleEditor({\n  value,\n  onChange,\n  commit,\n  disabled,\n  size,\n}: EditorProps<ValueMetadata, BooleanValue>) {\n  const currentValue = value ?? { value: false };\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = { value: e.target.checked };\n    onChange(newValue);\n    commit?.();\n  };\n\n  return (\n    <ToggleSwitch\n      checked={currentValue.value}\n      onChange={handleChange}\n      disabled={disabled}\n      size={size === \"small\" ? \"small\" : undefined}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors-registry/DefaultEditors.d.ts

@@ -0,0 +1,50 @@
+import { type EditorSpec } from "../Types.js";
+/** v8 ignore start */
+/**
+ * Specification for default text editor. It applies for values whose type is "string".
+ * @internal
+ */
+export declare const TextEditorSpec: EditorSpec;
+/**
+ * Specification for default date editor. It applies for values whose type is "date".
+ * @internal
+ */
+export declare const DateEditorSpec: EditorSpec;
+/**
+ * Specification for default date time editor. It applies for values whose type is "dateTime".
+ * @internal
+ */
+export declare const DateTimeEditorSpec: EditorSpec;
+/**
+ * Specification for default boolean editor. It applies for values whose type is "bool".
+ * @internal
+ */
+export declare const BoolEditorSpec: EditorSpec;
+/**
+ * Specification for default numeric editor. It applies for values whose type is "number".
+ * @internal
+ */
+export declare const NumericEditorSpec: EditorSpec;
+/**
+ * Specification for default toggle editor. It applies for values whose type is "bool" when preferred editor set to `toggle`.
+ * @internal
+ */
+export declare const EnumEditorSpec: EditorSpec;
+/**
+ * Specification for default enum editor. It applies for values whose type is "enum".
+ * @internal
+ */
+export declare const ToggleEditorSpec: EditorSpec;
+/**
+ * List of default editor specifications that are used as fallback if EditorRegistry does not provide a custom editor.
+ * @internal
+ */
+export declare const defaultEditorSpecs: EditorSpec[];
+/**
+ * List of editor specifications that are rewritten based on the old version that accepts editor params from `PropertyRecord`. Needed to support
+ * editing customizations used through `PropertyRecord`.
+ * @internal
+ */
+export declare const interopEditorSpecs: EditorSpec[];
+/** v8 ignore stop */
+//# sourceMappingURL=DefaultEditors.d.ts.map

package/lib/components-react/new-editors/editors-registry/DefaultEditors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultEditors.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/DefaultEditors.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAYhE,sBAAsB;AAEtB;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,UAK3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,UAK3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAK/B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,UAK3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAK9B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,UAK3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,UAM7B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAAU,EAW1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAAU,EAS1C,CAAC;AAEF,qBAAqB"}

package/lib/components-react/new-editors/editors-registry/DefaultEditors.js

@@ -0,0 +1,117 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { StandardEditorNames } from "@itwin/appui-abstract";
+import { BooleanEditor } from "../editors/BooleanEditor.js";
+import { DateTimeEditor } from "../editors/DateTimeEditor.js";
+import { EnumEditor } from "../editors/EnumEditor.js";
+import { NumericEditor } from "../editors/NumericEditor.js";
+import { TextEditor } from "../editors/TextEditor.js";
+import { ColorEditorSpec as InteropColorEditorSpec } from "../interop/old-editors/Color.js";
+import { CustomNumberEditorSpec as InteropCustomNumberEditorSpec } from "../interop/old-editors/CustomNumber.js";
+import { EnumEditorSpec as InteropEnumEditorSpec } from "../interop/old-editors/Enum.js";
+import { EnumButtonGroupEditorSpec as InteropEnumButtonGroupEditorSpec } from "../interop/old-editors/EnumButtonGroup.js";
+import { MultilineEditorSpec as InteropMultilineEditorSpec } from "../interop/old-editors/TextArea.js";
+import { SliderEditorSpec as InteropSliderEditorSpec } from "../interop/old-editors/Slider.js";
+import { NumericInputEditorSpec as InteropNumericInputEditorSpec } from "../interop/old-editors/NumericInput.js";
+import { createEditorSpec } from "../Types.js";
+import { ToggleEditor } from "../editors/ToggleEditor.js";
+import { DateEditor } from "../editors/DateEditor.js";
+import { isBoolean, isDate, isEnum, isNumeric, isText, } from "../values/ValueUtilities.js";
+/** v8 ignore start */
+/**
+ * Specification for default text editor. It applies for values whose type is "string".
+ * @internal
+ */
+export const TextEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "string",
+    isValueSupported: isText,
+    Editor: TextEditor,
+});
+/**
+ * Specification for default date editor. It applies for values whose type is "date".
+ * @internal
+ */
+export const DateEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "date",
+    isValueSupported: isDate,
+    Editor: DateEditor,
+});
+/**
+ * Specification for default date time editor. It applies for values whose type is "dateTime".
+ * @internal
+ */
+export const DateTimeEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "dateTime",
+    isValueSupported: isDate,
+    Editor: DateTimeEditor,
+});
+/**
+ * Specification for default boolean editor. It applies for values whose type is "bool".
+ * @internal
+ */
+export const BoolEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "bool",
+    isValueSupported: isBoolean,
+    Editor: BooleanEditor,
+});
+/**
+ * Specification for default numeric editor. It applies for values whose type is "number".
+ * @internal
+ */
+export const NumericEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "number",
+    isValueSupported: isNumeric,
+    Editor: NumericEditor,
+});
+/**
+ * Specification for default toggle editor. It applies for values whose type is "bool" when preferred editor set to `toggle`.
+ * @internal
+ */
+export const EnumEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "enum",
+    isValueSupported: isEnum,
+    Editor: EnumEditor,
+});
+/**
+ * Specification for default enum editor. It applies for values whose type is "enum".
+ * @internal
+ */
+export const ToggleEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "bool" &&
+        metadata.preferredEditor === StandardEditorNames.Toggle,
+    isValueSupported: isBoolean,
+    Editor: ToggleEditor,
+});
+/**
+ * List of default editor specifications that are used as fallback if EditorRegistry does not provide a custom editor.
+ * @internal
+ */
+export const defaultEditorSpecs = [
+    // list editors with preferred editor check first
+    ToggleEditorSpec,
+    // list editors that checks only value type
+    TextEditorSpec,
+    BoolEditorSpec,
+    NumericEditorSpec,
+    DateEditorSpec,
+    DateTimeEditorSpec,
+    EnumEditorSpec,
+];
+/**
+ * List of editor specifications that are rewritten based on the old version that accepts editor params from `PropertyRecord`. Needed to support
+ * editing customizations used through `PropertyRecord`.
+ * @internal
+ */
+export const interopEditorSpecs = [
+    InteropSliderEditorSpec,
+    InteropEnumButtonGroupEditorSpec,
+    InteropNumericInputEditorSpec,
+    InteropCustomNumberEditorSpec,
+    InteropColorEditorSpec,
+    InteropMultilineEditorSpec,
+    InteropEnumEditorSpec,
+];
+/** v8 ignore stop */
+//# sourceMappingURL=DefaultEditors.js.map

package/lib/components-react/new-editors/editors-registry/DefaultEditors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultEditors.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/DefaultEditors.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 { StandardEditorNames } from \"@itwin/appui-abstract\";\nimport { BooleanEditor } from \"../editors/BooleanEditor.js\";\nimport { DateTimeEditor } from \"../editors/DateTimeEditor.js\";\nimport { EnumEditor } from \"../editors/EnumEditor.js\";\nimport { NumericEditor } from \"../editors/NumericEditor.js\";\nimport { TextEditor } from \"../editors/TextEditor.js\";\n\nimport { ColorEditorSpec as InteropColorEditorSpec } from \"../interop/old-editors/Color.js\";\nimport { CustomNumberEditorSpec as InteropCustomNumberEditorSpec } from \"../interop/old-editors/CustomNumber.js\";\nimport { EnumEditorSpec as InteropEnumEditorSpec } from \"../interop/old-editors/Enum.js\";\nimport { EnumButtonGroupEditorSpec as InteropEnumButtonGroupEditorSpec } from \"../interop/old-editors/EnumButtonGroup.js\";\nimport { MultilineEditorSpec as InteropMultilineEditorSpec } from \"../interop/old-editors/TextArea.js\";\nimport { SliderEditorSpec as InteropSliderEditorSpec } from \"../interop/old-editors/Slider.js\";\nimport { NumericInputEditorSpec as InteropNumericInputEditorSpec } from \"../interop/old-editors/NumericInput.js\";\n\nimport { createEditorSpec, type EditorSpec } from \"../Types.js\";\nimport type { EnumValueMetadata, ValueMetadata } from \"../values/Metadata.js\";\nimport { ToggleEditor } from \"../editors/ToggleEditor.js\";\nimport { DateEditor } from \"../editors/DateEditor.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\n\n/** v8 ignore start */\n\n/**\n * Specification for default text editor. It applies for values whose type is \"string\".\n * @internal\n */\nexport const TextEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"string\",\n  isValueSupported: isText,\n  Editor: TextEditor,\n});\n\n/**\n * Specification for default date editor. It applies for values whose type is \"date\".\n * @internal\n */\nexport const DateEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"date\",\n  isValueSupported: isDate,\n  Editor: DateEditor,\n});\n\n/**\n * Specification for default date time editor. It applies for values whose type is \"dateTime\".\n * @internal\n */\nexport const DateTimeEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"dateTime\",\n  isValueSupported: isDate,\n  Editor: DateTimeEditor,\n});\n\n/**\n * Specification for default boolean editor. It applies for values whose type is \"bool\".\n * @internal\n */\nexport const BoolEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\",\n  isValueSupported: isBoolean,\n  Editor: BooleanEditor,\n});\n\n/**\n * Specification for default numeric editor. It applies for values whose type is \"number\".\n * @internal\n */\nexport const NumericEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"number\",\n  isValueSupported: isNumeric,\n  Editor: NumericEditor,\n});\n\n/**\n * Specification for default toggle editor. It applies for values whose type is \"bool\" when preferred editor set to `toggle`.\n * @internal\n */\nexport const EnumEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is EnumValueMetadata =>\n    metadata.type === \"enum\",\n  isValueSupported: isEnum,\n  Editor: EnumEditor,\n});\n\n/**\n * Specification for default enum editor. It applies for values whose type is \"enum\".\n * @internal\n */\nexport const ToggleEditorSpec: EditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\" &&\n    metadata.preferredEditor === StandardEditorNames.Toggle,\n  isValueSupported: isBoolean,\n  Editor: ToggleEditor,\n});\n\n/**\n * List of default editor specifications that are used as fallback if EditorRegistry does not provide a custom editor.\n * @internal\n */\nexport const defaultEditorSpecs: EditorSpec[] = [\n  // list editors with preferred editor check first\n  ToggleEditorSpec,\n\n  // list editors that checks only value type\n  TextEditorSpec,\n  BoolEditorSpec,\n  NumericEditorSpec,\n  DateEditorSpec,\n  DateTimeEditorSpec,\n  EnumEditorSpec,\n];\n\n/**\n * List of editor specifications that are rewritten based on the old version that accepts editor params from `PropertyRecord`. Needed to support\n * editing customizations used through `PropertyRecord`.\n * @internal\n */\nexport const interopEditorSpecs: EditorSpec[] = [\n  InteropSliderEditorSpec,\n  InteropEnumButtonGroupEditorSpec,\n  InteropNumericInputEditorSpec,\n  InteropCustomNumberEditorSpec,\n  InteropColorEditorSpec,\n  InteropMultilineEditorSpec,\n\n  InteropEnumEditorSpec,\n];\n\n/** v8 ignore stop */\n"]}

package/lib/components-react/new-editors/editors-registry/EditorsRegistryContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { EditorSpec } from "../Types.js";
+interface EditorsRegistry {
+    editors: EditorSpec[];
+}
+/**
+ * Context for storing registered editors.
+ * @internal
+ */
+export declare const EditorsRegistryContext: React.Context<EditorsRegistry>;
+export {};
+//# sourceMappingURL=EditorsRegistryContext.d.ts.map

package/lib/components-react/new-editors/editors-registry/EditorsRegistryContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorsRegistryContext.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/EditorsRegistryContext.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACvB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,gCAEjC,CAAC"}

package/lib/components-react/new-editors/editors-registry/EditorsRegistryContext.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+ * 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";
+/**
+ * Context for storing registered editors.
+ * @internal
+ */
+export const EditorsRegistryContext = React.createContext({
+    editors: [],
+});
+EditorsRegistryContext.displayName = "uifw:EditorsRegistryContext";
+//# sourceMappingURL=EditorsRegistryContext.js.map

package/lib/components-react/new-editors/editors-registry/EditorsRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorsRegistryContext.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/EditorsRegistryContext.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAkB;IACzE,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AACH,sBAAsB,CAAC,WAAW,GAAG,6BAA6B,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\nimport * as React from \"react\";\nimport type { EditorSpec } from \"../Types.js\";\n\ninterface EditorsRegistry {\n  editors: EditorSpec[];\n}\n\n/**\n * Context for storing registered editors.\n * @internal\n */\nexport const EditorsRegistryContext = React.createContext<EditorsRegistry>({\n  editors: [],\n});\nEditorsRegistryContext.displayName = \"uifw:EditorsRegistryContext\";\n"]}

package/lib/components-react/new-editors/editors-registry/EditorsRegistryProvider.d.ts

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import * as React from "react";
+import type { EditorSpec } from "../Types.js";
+/**
+ * Provider that adds supplied editors into `EditorsRegistry`. Multiple providers can be nested together.
+ * Editors added through the lowest level provider will have the highest priority.
+ * @beta
+ */
+export declare function EditorsRegistryProvider({ children, editors, }: {
+    children: React.ReactNode;
+    editors: EditorSpec[];
+}): React.JSX.Element;
+//# sourceMappingURL=EditorsRegistryProvider.d.ts.map

package/lib/components-react/new-editors/editors-registry/EditorsRegistryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorsRegistryProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/EditorsRegistryProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,qBAcA"}

package/lib/components-react/new-editors/editors-registry/EditorsRegistryProvider.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { useContext, useMemo } from "react";
+import { EditorsRegistryContext } from "./EditorsRegistryContext.js";
+/**
+ * Provider that adds supplied editors into `EditorsRegistry`. Multiple providers can be nested together.
+ * Editors added through the lowest level provider will have the highest priority.
+ * @beta
+ */
+export function EditorsRegistryProvider({ children, editors, }) {
+    const parentContext = useContext(EditorsRegistryContext);
+    const value = useMemo(() => {
+        return {
+            editors: [...editors, ...parentContext.editors],
+        };
+    }, [parentContext, editors]);
+    return (React.createElement(EditorsRegistryContext.Provider, { value: value }, children));
+}
+//# sourceMappingURL=EditorsRegistryProvider.js.map

package/lib/components-react/new-editors/editors-registry/EditorsRegistryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorsRegistryProvider.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/EditorsRegistryProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,OAAO,GAIR;IACC,MAAM,aAAa,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAEzD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO;YACL,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;SAChD,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC1C,QAAQ,CACuB,CACnC,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 { useContext, useMemo } from \"react\";\nimport type { EditorSpec } from \"../Types.js\";\nimport { EditorsRegistryContext } from \"./EditorsRegistryContext.js\";\n\n/**\n * Provider that adds supplied editors into `EditorsRegistry`. Multiple providers can be nested together.\n * Editors added through the lowest level provider will have the highest priority.\n * @beta\n */\nexport function EditorsRegistryProvider({\n  children,\n  editors,\n}: {\n  children: React.ReactNode;\n  editors: EditorSpec[];\n}) {\n  const parentContext = useContext(EditorsRegistryContext);\n\n  const value = useMemo(() => {\n    return {\n      editors: [...editors, ...parentContext.editors],\n    };\n  }, [parentContext, editors]);\n\n  return (\n    <EditorsRegistryContext.Provider value={value}>\n      {children}\n    </EditorsRegistryContext.Provider>\n  );\n}\n"]}

package/lib/components-react/new-editors/editors-registry/UseEditor.d.ts

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import type { EditorSpec } from "../Types.js";
+import type { ValueMetadata } from "../values/Metadata.js";
+import type { Value } from "../values/Values.js";
+/** v8 ignore start */
+/**
+ * Custom React hook that returns editor for specified metadata and value. It uses `EditorsRegistry` context to find registered editors.
+ * If no registered editor is found, it will use applicable default editor.
+ *
+ * @beta
+ */
+export declare function useEditor(metadata: ValueMetadata, value: Value | undefined): EditorSpec["Editor"] | undefined;
+/** v8 ignore stop */
+//# sourceMappingURL=UseEditor.d.ts.map

package/lib/components-react/new-editors/editors-registry/UseEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/UseEditor.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,sBAAsB;AAEtB;;;;;GAKG;AACH,wBAAgB,SAAS,CACvB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,GAAG,SAAS,GACvB,UAAU,CAAC,QAAQ,CAAC,GAAG,SAAS,CAyBlC;AAED,qBAAqB"}

package/lib/components-react/new-editors/editors-registry/UseEditor.js

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { defaultEditorSpecs, interopEditorSpecs } from "./DefaultEditors.js";
+import { EditorsRegistryContext } from "./EditorsRegistryContext.js";
+import { FallbackEditor } from "../editors/FallbackEditor.js";
+/** v8 ignore start */
+/**
+ * Custom React hook that returns editor for specified metadata and value. It uses `EditorsRegistry` context to find registered editors.
+ * If no registered editor is found, it will use applicable default editor.
+ *
+ * @beta
+ */
+export function useEditor(metadata, value) {
+    const { editors } = React.useContext(EditorsRegistryContext);
+    const registeredEditor = editors.find((editor) => editor.applies(metadata, value))?.Editor;
+    if (registeredEditor) {
+        return registeredEditor;
+    }
+    const oldEditor = interopEditorSpecs.find((editor) => editor.applies(metadata, value))?.Editor;
+    if (oldEditor) {
+        return oldEditor;
+    }
+    const defaultEditor = defaultEditorSpecs.find((editor) => editor.applies(metadata, value))?.Editor;
+    if (defaultEditor) {
+        return defaultEditor;
+    }
+    return FallbackEditor;
+}
+/** v8 ignore stop */
+//# sourceMappingURL=UseEditor.js.map

package/lib/components-react/new-editors/editors-registry/UseEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors-registry/UseEditor.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,sBAAsB;AAEtB;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CACvB,QAAuB,EACvB,KAAwB;IAExB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE7D,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAC/C,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAChC,EAAE,MAAM,CAAC;IACV,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACnD,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAChC,EAAE,MAAM,CAAC;IACV,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,aAAa,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACvD,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAChC,EAAE,MAAM,CAAC;IACV,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,qBAAqB","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 type { EditorSpec } from \"../Types.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { Value } from \"../values/Values.js\";\nimport { defaultEditorSpecs, interopEditorSpecs } from \"./DefaultEditors.js\";\nimport { EditorsRegistryContext } from \"./EditorsRegistryContext.js\";\nimport { FallbackEditor } from \"../editors/FallbackEditor.js\";\n\n/** v8 ignore start */\n\n/**\n * Custom React hook that returns editor for specified metadata and value. It uses `EditorsRegistry` context to find registered editors.\n * If no registered editor is found, it will use applicable default editor.\n *\n * @beta\n */\nexport function useEditor(\n  metadata: ValueMetadata,\n  value: Value | undefined\n): EditorSpec[\"Editor\"] | undefined {\n  const { editors } = React.useContext(EditorsRegistryContext);\n\n  const registeredEditor = editors.find((editor) =>\n    editor.applies(metadata, value)\n  )?.Editor;\n  if (registeredEditor) {\n    return registeredEditor;\n  }\n\n  const oldEditor = interopEditorSpecs.find((editor) =>\n    editor.applies(metadata, value)\n  )?.Editor;\n  if (oldEditor) {\n    return oldEditor;\n  }\n\n  const defaultEditor = defaultEditorSpecs.find((editor) =>\n    editor.applies(metadata, value)\n  )?.Editor;\n  if (defaultEditor) {\n    return defaultEditor;\n  }\n\n  return FallbackEditor;\n}\n\n/** v8 ignore stop */\n"]}

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

@@ -0,0 +1,17 @@
+import type { PrimitiveValue, PropertyRecord } from "@itwin/appui-abstract";
+import type { Value as NewEditorValue } from "../values/Values.js";
+import type { OldEditorMetadata } from "./Metadata.js";
+/**
+ * Interop utilities for converting between old and new editor values.
+ * @internal
+ */
+export declare namespace EditorInterop {
+    /** Attempts to convert `PropertyRecord` into `ValueMetadata` and `Value`. */
+    function getMetadataAndValue(propertyRecord: PropertyRecord): {
+        metadata: OldEditorMetadata | undefined;
+        value: NewEditorValue | undefined;
+    };
+    /** Converts new editors system `Value` into old `PrimitiveValue` */
+    function convertToPrimitiveValue(newValue: NewEditorValue): PrimitiveValue;
+}
+//# sourceMappingURL=EditorInterop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorInterop.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/interop/EditorInterop.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,cAAc,EACd,cAAc,EACf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AASvD;;;GAGG;AACH,yBAAiB,aAAa,CAAC;IAC7B,6EAA6E;IAC7E,SAAgB,mBAAmB,CAAC,cAAc,EAAE,cAAc,GAAG;QACnE,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAC;QACxC,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;KACnC,CA6FA;IAED,oEAAoE;IACpE,SAAgB,uBAAuB,CACrC,QAAQ,EAAE,cAAc,GACvB,cAAc,CAsChB;CACF"}