@itwin/components-react 5.3.1 → 5.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/DateTimeEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,GAC8B;IACtC,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChC,CAAC,EACD,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,IAAI,GACpB,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 { EditorProps } from \"../Types.js\";\nimport type { ValueMetadata } from \"../values/Metadata.js\";\nimport type { DateValue } from \"../values/Values.js\";\nimport { DateInput } from \"./DateInput.js\";\n\n/* v8 ignore start */\n\n/**\n * Date time value editor that render `DatePicker` component with time selector for changing value.\n * @internal\n */\nexport function DateTimeEditor({\n  value,\n  onChange,\n  commit,\n  size,\n  disabled,\n}: EditorProps<ValueMetadata, DateValue>) {\n  return (\n    <DateInput\n      value={value?.value}\n      onChange={(newValue) => {\n        onChange({ value: newValue });\n      }}\n      onClose={commit}\n      size={size}\n      disabled={disabled}\n      showTimePicker={true}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

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

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

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

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

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Select } from "@itwin/itwinui-react";
+/* v8 ignore start */
+/**
+ * Enum value editor that renders `Select` component for changing value.
+ * @internal
+ */
+export function EnumEditor({ metadata, value, onChange, commit, size, disabled, }) {
+    const choices = metadata.choices;
+    const currentValue = getEnumValue(value, choices);
+    const handleChange = (newChoice) => {
+        const choice = choices.find((c) => c.value === newChoice);
+        const newValue = { choice: newChoice, label: choice?.label ?? "" };
+        onChange(newValue);
+        commit?.();
+    };
+    return (React.createElement(Select, { size: size, value: currentValue.choice, onChange: handleChange, options: choices.map((c) => ({ value: c.value, label: c.label })), disabled: disabled }));
+}
+function getEnumValue(value, choices) {
+    const defaultValue = choices.length > 0
+        ? { choice: choices[0].value, label: choices[0].label }
+        : { choice: "", label: "" };
+    return value ? value : defaultValue;
+}
+/* v8 ignore stop */
+//# sourceMappingURL=EnumEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnumEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/EnumEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAK9C,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,GACkC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;IACjC,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,CAAC,SAA0B,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QAC1D,MAAM,QAAQ,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,CAAC;QACnE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EACjE,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CACnB,KAA4B,EAC5B,OAAqB;IAErB,MAAM,YAAY,GAChB,OAAO,CAAC,MAAM,GAAG,CAAC;QAChB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QACvD,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAChC,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;AACtC,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 { Select } from \"@itwin/itwinui-react\";\nimport type { EditorProps } from \"../Types.js\";\nimport type { EnumChoice, EnumValueMetadata } from \"../values/Metadata.js\";\nimport type { EnumValue } from \"../values/Values.js\";\n\n/* v8 ignore start */\n\n/**\n * Enum value editor that renders `Select` component for changing value.\n * @internal\n */\nexport function EnumEditor({\n  metadata,\n  value,\n  onChange,\n  commit,\n  size,\n  disabled,\n}: EditorProps<EnumValueMetadata, EnumValue>) {\n  const choices = metadata.choices;\n  const currentValue = getEnumValue(value, choices);\n\n  const handleChange = (newChoice: number | string) => {\n    const choice = choices.find((c) => c.value === newChoice);\n    const newValue = { choice: newChoice, label: choice?.label ?? \"\" };\n    onChange(newValue);\n    commit?.();\n  };\n\n  return (\n    <Select\n      size={size}\n      value={currentValue.choice}\n      onChange={handleChange}\n      options={choices.map((c) => ({ value: c.value, label: c.label }))}\n      disabled={disabled}\n    />\n  );\n}\n\nfunction getEnumValue(\n  value: EnumValue | undefined,\n  choices: EnumChoice[]\n): EnumValue {\n  const defaultValue =\n    choices.length > 0\n      ? { choice: choices[0].value, label: choices[0].label }\n      : { choice: \"\", label: \"\" };\n  return value ? value : defaultValue;\n}\n\n/* v8 ignore stop */\n"]}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { EditorProps } from "../Types.js";
+/**
+ * Fallback editor that renders readonly value if no editor is found.
+ * @internal
+ */
+export declare function FallbackEditor({ value, size }: EditorProps): React.JSX.Element;
+//# sourceMappingURL=FallbackEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/FallbackEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa/C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,qBAE1D"}

package/lib/components-react/new-editors/editors/FallbackEditor.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 * as React from "react";
+import { Input } from "@itwin/itwinui-react";
+import { isBoolean, isDate, isEnum, isInstanceKey, isNumeric, isText, } from "../values/ValueUtilities.js";
+/* v8 ignore start */
+/**
+ * Fallback editor that renders readonly value if no editor is found.
+ * @internal
+ */
+export function FallbackEditor({ value, size }) {
+    return React.createElement(Input, { readOnly: true, value: getTextValue(value), size: size });
+}
+function getTextValue(value) {
+    if (value === undefined) {
+        return value;
+    }
+    if (isBoolean(value)) {
+        return value.value ? "true" : "false";
+    }
+    if (isDate(value)) {
+        return value.value.toDateString();
+    }
+    if (isEnum(value)) {
+        return value.choice;
+    }
+    if (isNumeric(value)) {
+        return value.displayValue;
+    }
+    if (isText(value)) {
+        return value.value;
+    }
+    if (isInstanceKey(value)) {
+        return value.label;
+    }
+    return "";
+}
+/* v8 ignore stop */
+//# sourceMappingURL=FallbackEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackEditor.js","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/FallbackEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,aAAa,EACb,SAAS,EACT,MAAM,GACP,MAAM,6BAA6B,CAAC;AAErC,qBAAqB;AAErB;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAe;IACzD,OAAO,oBAAC,KAAK,IAAC,QAAQ,QAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACxC,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IACpC,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC,YAAY,CAAC;IAC5B,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IACD,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,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 { Value } from \"../values/Values.js\";\nimport {\n  isBoolean,\n  isDate,\n  isEnum,\n  isInstanceKey,\n  isNumeric,\n  isText,\n} from \"../values/ValueUtilities.js\";\n\n/* v8 ignore start */\n\n/**\n * Fallback editor that renders readonly value if no editor is found.\n * @internal\n */\nexport function FallbackEditor({ value, size }: EditorProps) {\n  return <Input readOnly value={getTextValue(value)} size={size} />;\n}\n\nfunction getTextValue(value?: Value) {\n  if (value === undefined) {\n    return value;\n  }\n  if (isBoolean(value)) {\n    return value.value ? \"true\" : \"false\";\n  }\n  if (isDate(value)) {\n    return value.value.toDateString();\n  }\n  if (isEnum(value)) {\n    return value.choice;\n  }\n  if (isNumeric(value)) {\n    return value.displayValue;\n  }\n  if (isText(value)) {\n    return value.value;\n  }\n  if (isInstanceKey(value)) {\n    return value.label;\n  }\n  return \"\";\n}\n\n/* v8 ignore stop */\n"]}

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

@@ -0,0 +1,24 @@
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import * as React from "react";
+import type { NumericValue } from "../values/Values.js";
+/**
+ * Props for FormattedNumericInput component.
+ * @beta
+ */
+interface FormattedNumericInputProps {
+    value: NumericValue;
+    onChange: (value: NumericValue) => void;
+    parseValue: (value: string) => number | undefined;
+    formatValue: (num: number) => string;
+    disabled?: boolean;
+    size?: "small" | "large";
+}
+/**
+ * A numeric input that allows to pass custom parsing/formatting logic to handle values with units etc.
+ * @beta
+ */
+export declare function FormattedNumericInput({ onChange, value, parseValue, formatValue, disabled, size, }: FormattedNumericInputProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FormattedNumericInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedNumericInput.d.ts","sourceRoot":"","sources":["../../../../src/components-react/new-editors/editors/FormattedNumericInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAIxD;;;GAGG;AACH,UAAU,0BAA0B;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,GACL,EAAE,0BAA0B,qBAgB5B"}

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,qBAe1C"}

package/lib/components-react/new-editors/editors/NumericEditor.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 { 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) => onChange({
+            rawValue: 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,CACd,QAAQ,CAAC;YACP,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACpC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SAC7B,CAAC,EAEJ,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        onChange({\n          rawValue: 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"]}