@itwin/appui-react 5.6.0 → 5.7.0

package/lib/appui-react/icons/snaps/SvgSnapsTangent.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.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** @internal */
+export function SvgSnapsTangent() {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16" },
+        React.createElement("path", { d: "M8 4a2 2 0 0 1 1.935 1.5H13.5a.5.5 0 0 1 0 1h-2.185a5.993 5.993 0 0 1 2.685 5 .5.5 0 0 1-1 0 5.001 5.001 0 0 0-3.188-4.66 1.997 1.997 0 0 1-3.625 0A5.001 5.001 0 0 0 3 11.5a.5.5 0 0 1-1 0 5.993 5.993 0 0 1 2.685-5H2.5a.5.5 0 0 1 0-1h3.565A1.999 1.999 0 0 1 8 4Zm0 1a1 1 0 1 0 1 1l-.005-.103A1 1 0 0 0 8 5Z" })));
+}
+//# sourceMappingURL=SvgSnapsTangent.js.map

package/lib/appui-react/icons/snaps/SvgSnapsTangent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgSnapsTangent.js","sourceRoot":"","sources":["../../../../src/appui-react/icons/snaps/SvgSnapsTangent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW;QAEnB,8BAAM,CAAC,EAAC,mTAAmT,GAAG,CAC1T,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** @internal */\nexport function SvgSnapsTangent() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 16 16\"\n    >\n      <path d=\"M8 4a2 2 0 0 1 1.935 1.5H13.5a.5.5 0 0 1 0 1h-2.185a5.993 5.993 0 0 1 2.685 5 .5.5 0 0 1-1 0 5.001 5.001 0 0 0-3.188-4.66 1.997 1.997 0 0 1-3.625 0A5.001 5.001 0 0 0 3 11.5a.5.5 0 0 1-1 0 5.993 5.993 0 0 1 2.685-5H2.5a.5.5 0 0 1 0-1h3.565A1.999 1.999 0 0 1 8 4Zm0 1a1 1 0 1 0 1 1l-.005-.103A1 1 0 0 0 8 5Z\" />\n    </svg>\n  );\n}\n"]}

package/lib/appui-react/new-editors/CustomNumberEditor.d.ts

@@ -0,0 +1,7 @@
+import { CustomNumberEditorSpec as BaseCustomNumberEditorSpec } from "@itwin/components-react/internal";
+/** @internal */
+export declare const CustomNumberEditorSpec: {
+    Editor: (typeof BaseCustomNumberEditorSpec)["Editor"];
+    applies: (metaData: import("@itwin/components-react").ValueMetadata, value: import("@itwin/components-react").Value | undefined) => boolean;
+};
+//# sourceMappingURL=CustomNumberEditor.d.ts.map

package/lib/appui-react/new-editors/CustomNumberEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNumberEditor.d.ts","sourceRoot":"","sources":["../../../src/appui-react/new-editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,sBAAsB,IAAI,0BAA0B,EACrD,MAAM,kCAAkC,CAAC;AAK1C,gBAAgB;AAChB,eAAO,MAAM,sBAAsB;YAEH,CAAC,OAAO,0BAA0B,EAAE,QAAQ,CAAC;;CAC5E,CAAC"}

package/lib/appui-react/new-editors/CustomNumberEditor.js

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { CustomNumberEditor as BaseCustomNumberEditor, CustomNumberEditorSpec as BaseCustomNumberEditorSpec, } from "@itwin/components-react/internal";
+import { LockButtonInputDecoration } from "../editors/LockProvider.js";
+/* v8 ignore start */
+/** @internal */
+export const CustomNumberEditorSpec = {
+    ...BaseCustomNumberEditorSpec,
+    Editor: CustomNumberEditor,
+};
+function CustomNumberEditor(props) {
+    return (React.createElement(BaseCustomNumberEditor, { ...props, decoration: React.createElement(LockButtonInputDecoration, null) }));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=CustomNumberEditor.js.map

package/lib/appui-react/new-editors/CustomNumberEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../src/appui-react/new-editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,kBAAkB,IAAI,sBAAsB,EAC5C,sBAAsB,IAAI,0BAA0B,GACrD,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,GAAG,0BAA0B;IAC7B,MAAM,EAAE,kBAAmE;CAC5E,CAAC;AAMF,SAAS,kBAAkB,CACzB,KAAsD;IAEtD,OAAO,CACL,oBAAC,sBAAsB,OACjB,KAAK,EACT,UAAU,EAAE,oBAAC,yBAAyB,OAAG,GACzC,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 {\n  CustomNumberEditor as BaseCustomNumberEditor,\n  CustomNumberEditorSpec as BaseCustomNumberEditorSpec,\n} from \"@itwin/components-react/internal\";\nimport { LockButtonInputDecoration } from \"../editors/LockProvider.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const CustomNumberEditorSpec = {\n  ...BaseCustomNumberEditorSpec,\n  Editor: CustomNumberEditor as (typeof BaseCustomNumberEditorSpec)[\"Editor\"],\n};\n\ntype BaseCustomNumberEditorProps = React.ComponentProps<\n  typeof BaseCustomNumberEditor\n>;\n\nfunction CustomNumberEditor(\n  props: Omit<BaseCustomNumberEditorProps, \"decoration\">\n) {\n  return (\n    <BaseCustomNumberEditor\n      {...props}\n      decoration={<LockButtonInputDecoration />}\n    />\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/appui-react/new-editors/LockEditor.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+export declare const LockEditorSpec: import("@itwin/components-react").EditorSpec;
+//# sourceMappingURL=LockEditor.d.ts.map

package/lib/appui-react/new-editors/LockEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockEditor.d.ts","sourceRoot":"","sources":["../../../src/appui-react/new-editors/LockEditor.tsx"],"names":[],"mappings":"AAsBA,gBAAgB;AAChB,eAAO,MAAM,cAAc,8CAMzB,CAAC"}

package/lib/appui-react/new-editors/LockEditor.js

@@ -0,0 +1,40 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { createEditorSpec, ValueUtilities } from "@itwin/components-react";
+import { IconButton } from "@itwin/itwinui-react";
+import { SvgLock, SvgLockUnlocked } from "@itwin/itwinui-icons-react";
+import { LockPropertyEditorName } from "../editors/LockEditor.js";
+import { PropertyEditorContext, useLockProperty, } from "../editors/LockProvider.js";
+/* v8 ignore start */
+/** @internal */
+export const LockEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "bool" &&
+        metadata.preferredEditor === LockPropertyEditorName,
+    isValueSupported: ValueUtilities.isBoolean,
+    Editor: LockEditor,
+});
+/** Used in tool settings as the default lock editor when `toolSettingsLockButton` preview feature is enabled.
+ * @internal
+ */
+function LockEditor({ value, onChange, commit, disabled, size, }) {
+    const context = React.useContext(PropertyEditorContext);
+    const property = useLockProperty(context
+        ? {
+            provider: context.uiDataProvider,
+            itemPropertyName: context.itemPropertyName,
+        }
+        : undefined);
+    const displayLabel = property?.property.displayLabel;
+    const label = displayLabel ? displayLabel : "Toggle lock";
+    const currentValue = value?.value ?? false;
+    return (React.createElement(IconButton, { label: label, size: size, styleType: "borderless", isActive: currentValue, disabled: disabled, onClick: () => {
+            const newValue = { value: !currentValue };
+            onChange(newValue);
+            commit?.();
+        } }, currentValue ? React.createElement(SvgLock, null) : React.createElement(SvgLockUnlocked, null)));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=LockEditor.js.map

package/lib/appui-react/new-editors/LockEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockEditor.js","sourceRoot":"","sources":["../../../src/appui-react/new-editors/LockEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,qBAAqB,EACrB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AAEpC,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;IAC7C,mBAAmB,EAAE,CAAC,QAAQ,EAA6B,EAAE,CAC3D,QAAQ,CAAC,IAAI,KAAK,MAAM;QACxB,QAAQ,CAAC,eAAe,KAAK,sBAAsB;IACrD,gBAAgB,EAAE,cAAc,CAAC,SAAS;IAC1C,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,GACqC;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,eAAe,CAC9B,OAAO;QACL,CAAC,CAAC;YACE,QAAQ,EAAE,OAAO,CAAC,cAAc;YAChC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;SAC3C;QACH,CAAC,CAAC,SAAS,CACd,CAAC;IACF,MAAM,YAAY,GAAG,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrD,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAE1D,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC;IAC3C,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC;YAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,MAAM,EAAE,EAAE,CAAC;QACb,CAAC,IAEA,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CACtC,CACd,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 {\n  BooleanValue,\n  EditorProps,\n  ValueMetadata,\n} from \"@itwin/components-react\";\nimport { createEditorSpec, ValueUtilities } from \"@itwin/components-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { SvgLock, SvgLockUnlocked } from \"@itwin/itwinui-icons-react\";\nimport { LockPropertyEditorName } from \"../editors/LockEditor.js\";\nimport {\n  PropertyEditorContext,\n  useLockProperty,\n} from \"../editors/LockProvider.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const LockEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"bool\" &&\n    metadata.preferredEditor === LockPropertyEditorName,\n  isValueSupported: ValueUtilities.isBoolean,\n  Editor: LockEditor,\n});\n\n/** Used in tool settings as the default lock editor when `toolSettingsLockButton` preview feature is enabled.\n * @internal\n */\nfunction LockEditor({\n  value,\n  onChange,\n  commit,\n  disabled,\n  size,\n}: EditorProps<ValueMetadata, BooleanValue>) {\n  const context = React.useContext(PropertyEditorContext);\n  const property = useLockProperty(\n    context\n      ? {\n          provider: context.uiDataProvider,\n          itemPropertyName: context.itemPropertyName,\n        }\n      : undefined\n  );\n  const displayLabel = property?.property.displayLabel;\n  const label = displayLabel ? displayLabel : \"Toggle lock\";\n\n  const currentValue = value?.value ?? false;\n  return (\n    <IconButton\n      label={label}\n      size={size}\n      styleType=\"borderless\"\n      isActive={currentValue}\n      disabled={disabled}\n      onClick={() => {\n        const newValue = { value: !currentValue };\n        onChange(newValue);\n        commit?.();\n      }}\n    >\n      {currentValue ? <SvgLock /> : <SvgLockUnlocked />}\n    </IconButton>\n  );\n}\n\n/* v8 ignore stop */\n"]}

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

@@ -0,0 +1,3 @@
+/** @internal */
+export declare const NumericEditorSpec: import("@itwin/components-react").EditorSpec;
+//# sourceMappingURL=NumericEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumericEditor.d.ts","sourceRoot":"","sources":["../../../src/appui-react/new-editors/NumericEditor.tsx"],"names":[],"mappings":"AAiBA,gBAAgB;AAChB,eAAO,MAAM,iBAAiB,8CAK5B,CAAC"}

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

@@ -0,0 +1,34 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { InputWithDecorations } from "@itwin/itwinui-react";
+import { createEditorSpec, ValueUtilities } from "@itwin/components-react";
+import { LockButtonInputDecoration } from "../editors/LockProvider.js";
+/* v8 ignore start */
+/** @internal */
+export const NumericEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "number",
+    isValueSupported: ValueUtilities.isNumeric,
+    Editor: NumericEditor,
+});
+function NumericEditor({ value, onChange, size, disabled, }) {
+    const currentValue = getNumericValue(value);
+    return (React.createElement(InputWithDecorations, { size: size },
+        React.createElement(InputWithDecorations.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 }),
+        React.createElement(LockButtonInputDecoration, null)));
+}
+function getNumericValue(value) {
+    return value ? value : { rawValue: undefined, displayValue: "" };
+}
+/* v8 ignore stop */
+//# sourceMappingURL=NumericEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumericEditor.js","sourceRoot":"","sources":["../../../src/appui-react/new-editors/NumericEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAM5D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;IAChD,mBAAmB,EAAE,CAAC,QAAQ,EAA6B,EAAE,CAC3D,QAAQ,CAAC,IAAI,KAAK,QAAQ;IAC5B,gBAAgB,EAAE,cAAc,CAAC,SAAS;IAC1C,MAAM,EAAE,aAAa;CACtB,CAAC,CAAC;AAEH,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,GACiC;IACzC,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI;QAC9B,oBAAC,oBAAoB,CAAC,KAAK,IACzB,KAAK,EAAE,YAAY,CAAC,YAAY,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC/C,QAAQ,CAAC;oBACP,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;wBACjC,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC9B,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;iBAC7B,CAAC,CAAC;YACL,CAAC,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB;QACF,oBAAC,yBAAyB,OAAG,CACR,CACxB,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 { InputWithDecorations } from \"@itwin/itwinui-react\";\nimport type {\n  EditorProps,\n  NumericValue,\n  ValueMetadata,\n} from \"@itwin/components-react\";\nimport { createEditorSpec, ValueUtilities } from \"@itwin/components-react\";\nimport { LockButtonInputDecoration } from \"../editors/LockProvider.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const NumericEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"number\",\n  isValueSupported: ValueUtilities.isNumeric,\n  Editor: NumericEditor,\n});\n\nfunction NumericEditor({\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<ValueMetadata, NumericValue>) {\n  const currentValue = getNumericValue(value);\n  return (\n    <InputWithDecorations size={size}>\n      <InputWithDecorations.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      <LockButtonInputDecoration />\n    </InputWithDecorations>\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/appui-react/new-editors/TextEditor.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+export declare const TextEditorSpec: import("@itwin/components-react").EditorSpec;
+//# sourceMappingURL=TextEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/appui-react/new-editors/TextEditor.tsx"],"names":[],"mappings":"AAiBA,gBAAgB;AAChB,eAAO,MAAM,cAAc,8CAKzB,CAAC"}

package/lib/appui-react/new-editors/TextEditor.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 { InputWithDecorations } from "@itwin/itwinui-react";
+import { createEditorSpec, ValueUtilities } from "@itwin/components-react";
+import { LockButtonInputDecoration } from "../editors/LockProvider.js";
+/* v8 ignore start */
+/** @internal */
+export const TextEditorSpec = createEditorSpec({
+    isMetadataSupported: (metadata) => metadata.type === "string",
+    isValueSupported: ValueUtilities.isText,
+    Editor: TextEditor,
+});
+function TextEditor({ value, onChange, size, disabled, }) {
+    const currentValue = value ? value : { value: "" };
+    return (React.createElement(InputWithDecorations, { size: size },
+        React.createElement(InputWithDecorations.Input, { value: currentValue.value, onChange: (e) => onChange({ value: e.target.value }), size: size, disabled: disabled }),
+        React.createElement(LockButtonInputDecoration, null)));
+}
+/* v8 ignore stop */
+//# sourceMappingURL=TextEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../src/appui-react/new-editors/TextEditor.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAM5D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,qBAAqB;AAErB,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;IAC7C,mBAAmB,EAAE,CAAC,QAAQ,EAA6B,EAAE,CAC3D,QAAQ,CAAC,IAAI,KAAK,QAAQ;IAC5B,gBAAgB,EAAE,cAAc,CAAC,MAAM;IACvC,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,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,oBAAoB,IAAC,IAAI,EAAE,IAAI;QAC9B,oBAAC,oBAAoB,CAAC,KAAK,IACzB,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;QACF,oBAAC,yBAAyB,OAAG,CACR,CACxB,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 { InputWithDecorations } from \"@itwin/itwinui-react\";\nimport type {\n  EditorProps,\n  TextValue,\n  ValueMetadata,\n} from \"@itwin/components-react\";\nimport { createEditorSpec, ValueUtilities } from \"@itwin/components-react\";\nimport { LockButtonInputDecoration } from \"../editors/LockProvider.js\";\n\n/* v8 ignore start */\n\n/** @internal */\nexport const TextEditorSpec = createEditorSpec({\n  isMetadataSupported: (metadata): metadata is ValueMetadata =>\n    metadata.type === \"string\",\n  isValueSupported: ValueUtilities.isText,\n  Editor: TextEditor,\n});\n\nfunction TextEditor({\n  value,\n  onChange,\n  size,\n  disabled,\n}: EditorProps<ValueMetadata, TextValue>) {\n  const currentValue = value ? value : { value: \"\" };\n\n  return (\n    <InputWithDecorations size={size}>\n      <InputWithDecorations.Input\n        value={currentValue.value}\n        onChange={(e) => onChange({ value: e.target.value })}\n        size={size}\n        disabled={disabled}\n      />\n      <LockButtonInputDecoration />\n    </InputWithDecorations>\n  );\n}\n\n/* v8 ignore stop */\n"]}

package/lib/appui-react/preview/PreviewFeatures.d.ts

@@ -61,6 +61,7 @@ interface KnownPreviewFeatures {
     /**
      * If `true`, the default tool settings lock editor will be rendered as an icon button rather than a checkbox.
      * Consumers can still use a custom component to render the lock by customizing the `PropertyDescription`.
+     * Additionally, the icon button will be rendered as an input decoration in editors that support it.
      */
     toolSettingsLockButton: boolean;
 }

package/lib/appui-react/preview/PreviewFeatures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C;;;OAGG;IACH,wCAAwC,EAAE,OAAO,CAAC;IAClD;;;;;;OAMG;IACH,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACnD;;;;;OAKG;IACH,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACrD;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAkBD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAuDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}
+{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C;;;OAGG;IACH,wCAAwC,EAAE,OAAO,CAAC;IAClD;;;;;;OAMG;IACH,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACnD;;;;;OAKG;IACH,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACrD;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAkBD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAuDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}

package/lib/appui-react/preview/PreviewFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../src/appui-react/preview/PreviewFeatures.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/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { useTransientState } from \"../widget-panels/useTransientState.js\";\nimport type { WidgetDef } from \"../widgets/WidgetDef.js\";\nimport type { UiItemsManager } from \"../ui-items-provider/UiItemsManager.js\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If `true`, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If `true`, the floating widget will have a \"maximize\" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If `true`, the panel widget will have a \"maximize\" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedPanelWidget: boolean;\n  /** If `true`, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n  /** If `true`, the accudraw input field will accept some letters for bearing angle. Defaults to `false`.\n   *\n   * This allows to type letters for Bearing angles in the accudraw input field. (N, S, E, W)\n   */\n  allowBearingLettersInAccuDrawInputFields: boolean;\n  /** If `true`, popout widgets will not be rendered in a separate element tree, instead widget content will be re-parented to a popout content container.\n   * Alternatively, an array of widget ids can be specified to only re-parent specific widgets.\n   * @note Use {@link useTransientState} to save and restore DOM transient state when re-parenting widgets.\n   * @note There is a known limitation where iTwinUI v2 popover elements will be rendered in the main window. Prefer using iTwinUI v3 when using this feature.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/925\n   */\n  reparentPopoutWidgets: boolean | WidgetDef[\"id\"][];\n  /** If `true`, additional UI elements are rendered to allow the end user of the layout to control widget visibility.\n   * Alternatively, an array of widget ids can be specified to only control specific widgets.\n   * @note Use {@link UiItemsManager} APIs to manage what widgets are available to the end-user.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/859\n   */\n  controlWidgetVisibility: boolean | WidgetDef[\"id\"][];\n  /**\n   * If `true`, the tool settings will be using the new editor API. The new system delivers same default editors as the old one.\n   * However, in order to use custom editors they need to be provided using `EditorsRegistryProvider` component.\n   */\n  toolSettingsNewEditors: boolean;\n  /**\n   * If `true`, the default tool settings lock editor will be rendered as an icon button rather than a checkbox.\n   * Consumers can still use a custom component to render the lock by customizing the `PropertyDescription`.\n   */\n  toolSettingsLockButton: boolean;\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  enableMaximizedPanelWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  allowBearingLettersInAccuDrawInputFields: undefined,\n  reparentPopoutWidgets: undefined,\n  controlWidgetVisibility: undefined,\n  toolSettingsNewEditors: undefined,\n  toolSettingsLockButton: undefined,\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (Object.keys(unknownFeatures).length > 0) {\n    Logger.logWarning(\n      UiFramework.loggerCategory(\"trimToKnownFeaturesOnly\"),\n      `Features used in \"setPreviewFeatures\" are unknown or no longer in preview`,\n      {\n        unknownFeatures,\n      }\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}
+{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../src/appui-react/preview/PreviewFeatures.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/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { useTransientState } from \"../widget-panels/useTransientState.js\";\nimport type { WidgetDef } from \"../widgets/WidgetDef.js\";\nimport type { UiItemsManager } from \"../ui-items-provider/UiItemsManager.js\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If `true`, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If `true`, the floating widget will have a \"maximize\" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If `true`, the panel widget will have a \"maximize\" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedPanelWidget: boolean;\n  /** If `true`, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n  /** If `true`, the accudraw input field will accept some letters for bearing angle. Defaults to `false`.\n   *\n   * This allows to type letters for Bearing angles in the accudraw input field. (N, S, E, W)\n   */\n  allowBearingLettersInAccuDrawInputFields: boolean;\n  /** If `true`, popout widgets will not be rendered in a separate element tree, instead widget content will be re-parented to a popout content container.\n   * Alternatively, an array of widget ids can be specified to only re-parent specific widgets.\n   * @note Use {@link useTransientState} to save and restore DOM transient state when re-parenting widgets.\n   * @note There is a known limitation where iTwinUI v2 popover elements will be rendered in the main window. Prefer using iTwinUI v3 when using this feature.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/925\n   */\n  reparentPopoutWidgets: boolean | WidgetDef[\"id\"][];\n  /** If `true`, additional UI elements are rendered to allow the end user of the layout to control widget visibility.\n   * Alternatively, an array of widget ids can be specified to only control specific widgets.\n   * @note Use {@link UiItemsManager} APIs to manage what widgets are available to the end-user.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/859\n   */\n  controlWidgetVisibility: boolean | WidgetDef[\"id\"][];\n  /**\n   * If `true`, the tool settings will be using the new editor API. The new system delivers same default editors as the old one.\n   * However, in order to use custom editors they need to be provided using `EditorsRegistryProvider` component.\n   */\n  toolSettingsNewEditors: boolean;\n  /**\n   * If `true`, the default tool settings lock editor will be rendered as an icon button rather than a checkbox.\n   * Consumers can still use a custom component to render the lock by customizing the `PropertyDescription`.\n   * Additionally, the icon button will be rendered as an input decoration in editors that support it.\n   */\n  toolSettingsLockButton: boolean;\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  enableMaximizedPanelWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  allowBearingLettersInAccuDrawInputFields: undefined,\n  reparentPopoutWidgets: undefined,\n  controlWidgetVisibility: undefined,\n  toolSettingsNewEditors: undefined,\n  toolSettingsLockButton: undefined,\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (Object.keys(unknownFeatures).length > 0) {\n    Logger.logWarning(\n      UiFramework.loggerCategory(\"trimToKnownFeaturesOnly\"),\n      `Features used in \"setPreviewFeatures\" are unknown or no longer in preview`,\n      {\n        unknownFeatures,\n      }\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}

package/lib/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.d.ts

@@ -1,4 +1,7 @@
+import * as React from "react";
 import { type PropertyRecord } from "@itwin/appui-abstract";
 /** @internal */
 export declare function useLockButtonPropertyRecord(record: PropertyRecord, enabled: boolean): PropertyRecord;
+/** @internal */
+export declare function ToolSettingsEditorsProvider({ children, }: React.PropsWithChildren): React.JSX.Element;
 //# sourceMappingURL=useToolSettingsLockButton.d.ts.map

package/lib/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToolSettingsLockButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAI/B,gBAAgB;AAChB,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,OAAO,kBAmBjB"}
+{"version":3,"file":"useToolSettingsLockButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAU/B,gBAAgB;AAChB,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,OAAO,kBAmBjB;AAYD,gBAAgB;AAChB,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,qBAgBzB"}

package/lib/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.js

@@ -4,8 +4,13 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from "react";
 import { StandardTypeNames, } from "@itwin/appui-abstract";
+import { EditorsRegistryProvider } from "@itwin/components-react";
 import { usePreviewFeatures } from "../PreviewFeatures.js";
-import { LockPropertyEditorName } from "../../uiprovider/LockEditor.js";
+import { LockPropertyEditorName } from "../../editors/LockEditor.js";
+import { LockEditorSpec } from "../../new-editors/LockEditor.js";
+import { TextEditorSpec } from "../../new-editors/TextEditor.js";
+import { NumericEditorSpec } from "../../new-editors/NumericEditor.js";
+import { CustomNumberEditorSpec } from "../../new-editors/CustomNumberEditor.js";
 /** @internal */
 export function useLockButtonPropertyRecord(record, enabled) {
     const { toolSettingsLockButton } = usePreviewFeatures();
@@ -35,4 +40,16 @@ function isDefaultLockEditor(property) {
         return false;
     return true;
 }
+/** @internal */
+export function ToolSettingsEditorsProvider({ children, }) {
+    return (React.createElement(EditorsRegistryProvider, { editors: React.useCallback((editors) => {
+            return [
+                ...editors,
+                CustomNumberEditorSpec,
+                LockEditorSpec,
+                TextEditorSpec,
+                NumericEditorSpec,
+            ];
+        }, []) }, children));
+}
 //# sourceMappingURL=useToolSettingsLockButton.js.map

package/lib/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToolSettingsLockButton.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE,gBAAgB;AAChB,MAAM,UAAU,2BAA2B,CACzC,MAAsB,EACtB,OAAgB;IAEhB,MAAM,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACxD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,OAAO;YAAE,OAAO,MAAM,CAAC;QAC5B,IAAI,CAAC,sBAAsB;YAAE,OAAO,MAAM,CAAC;QAE3C,uDAAuD;QACvD,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,OAAO,MAAM,CAAC;QAEzD,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE;YACtD,GAAG,MAAM,CAAC,QAAQ;YAClB,MAAM,EAAE;gBACN,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM;gBACzB,IAAI,EAAE,sBAAsB;aAC7B;SACF,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,mBAAmB,CAAC,QAA6B;IACxD,IACE,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;QACtD,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE;QAEzD,OAAO,KAAK,CAAC;IACf,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI;QAAE,OAAO,KAAK,CAAC;IACxC,OAAO,IAAI,CAAC;AACd,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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport {\n  type PropertyDescription,\n  type PropertyRecord,\n  StandardTypeNames,\n} from \"@itwin/appui-abstract\";\nimport { usePreviewFeatures } from \"../PreviewFeatures.js\";\nimport { LockPropertyEditorName } from \"../../uiprovider/LockEditor.js\";\n\n/** @internal */\nexport function useLockButtonPropertyRecord(\n  record: PropertyRecord,\n  enabled: boolean\n) {\n  const { toolSettingsLockButton } = usePreviewFeatures();\n  return React.useMemo(() => {\n    if (!enabled) return record;\n    if (!toolSettingsLockButton) return record;\n\n    // Allow consumers to override the default lock editor.\n    if (!isDefaultLockEditor(record.property)) return record;\n\n    const newRecord = record.copyWithNewValue(record.value, {\n      ...record.property,\n      editor: {\n        ...record.property.editor,\n        name: LockPropertyEditorName,\n      },\n    });\n    return newRecord;\n  }, [enabled, toolSettingsLockButton, record]);\n}\n\nfunction isDefaultLockEditor(property: PropertyDescription) {\n  if (\n    property.typename !== StandardTypeNames.Bool.valueOf() &&\n    property.typename !== StandardTypeNames.Boolean.valueOf()\n  )\n    return false;\n  if (property.editor?.name) return false;\n  return true;\n}\n"]}
+{"version":3,"file":"useToolSettingsLockButton.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/tool-settings-lock-button/useToolSettingsLockButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEjF,gBAAgB;AAChB,MAAM,UAAU,2BAA2B,CACzC,MAAsB,EACtB,OAAgB;IAEhB,MAAM,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACxD,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,OAAO;YAAE,OAAO,MAAM,CAAC;QAC5B,IAAI,CAAC,sBAAsB;YAAE,OAAO,MAAM,CAAC;QAE3C,uDAAuD;QACvD,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,OAAO,MAAM,CAAC;QAEzD,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE;YACtD,GAAG,MAAM,CAAC,QAAQ;YAClB,MAAM,EAAE;gBACN,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM;gBACzB,IAAI,EAAE,sBAAsB;aAC7B;SACF,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,mBAAmB,CAAC,QAA6B;IACxD,IACE,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;QACtD,QAAQ,CAAC,QAAQ,KAAK,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE;QAEzD,OAAO,KAAK,CAAC;IACf,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI;QAAE,OAAO,KAAK,CAAC;IACxC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,2BAA2B,CAAC,EAC1C,QAAQ,GACgB;IACxB,OAAO,CACL,oBAAC,uBAAuB,IACtB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,OAAqB,EAAE,EAAE;YACnD,OAAO;gBACL,GAAG,OAAO;gBACV,sBAAsB;gBACtB,cAAc;gBACd,cAAc;gBACd,iBAAiB;aAClB,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,IAEL,QAAQ,CACe,CAC3B,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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport {\n  type PropertyDescription,\n  type PropertyRecord,\n  StandardTypeNames,\n} from \"@itwin/appui-abstract\";\nimport type { EditorSpec } from \"@itwin/components-react\";\nimport { EditorsRegistryProvider } from \"@itwin/components-react\";\nimport { usePreviewFeatures } from \"../PreviewFeatures.js\";\nimport { LockPropertyEditorName } from \"../../editors/LockEditor.js\";\nimport { LockEditorSpec } from \"../../new-editors/LockEditor.js\";\nimport { TextEditorSpec } from \"../../new-editors/TextEditor.js\";\nimport { NumericEditorSpec } from \"../../new-editors/NumericEditor.js\";\nimport { CustomNumberEditorSpec } from \"../../new-editors/CustomNumberEditor.js\";\n\n/** @internal */\nexport function useLockButtonPropertyRecord(\n  record: PropertyRecord,\n  enabled: boolean\n) {\n  const { toolSettingsLockButton } = usePreviewFeatures();\n  return React.useMemo(() => {\n    if (!enabled) return record;\n    if (!toolSettingsLockButton) return record;\n\n    // Allow consumers to override the default lock editor.\n    if (!isDefaultLockEditor(record.property)) return record;\n\n    const newRecord = record.copyWithNewValue(record.value, {\n      ...record.property,\n      editor: {\n        ...record.property.editor,\n        name: LockPropertyEditorName,\n      },\n    });\n    return newRecord;\n  }, [enabled, toolSettingsLockButton, record]);\n}\n\nfunction isDefaultLockEditor(property: PropertyDescription) {\n  if (\n    property.typename !== StandardTypeNames.Bool.valueOf() &&\n    property.typename !== StandardTypeNames.Boolean.valueOf()\n  )\n    return false;\n  if (property.editor?.name) return false;\n  return true;\n}\n\n/** @internal */\nexport function ToolSettingsEditorsProvider({\n  children,\n}: React.PropsWithChildren) {\n  return (\n    <EditorsRegistryProvider\n      editors={React.useCallback((editors: EditorSpec[]) => {\n        return [\n          ...editors,\n          CustomNumberEditorSpec,\n          LockEditorSpec,\n          TextEditorSpec,\n          NumericEditorSpec,\n        ];\n      }, [])}\n    >\n      {children}\n    </EditorsRegistryProvider>\n  );\n}\n"]}

package/lib/appui-react/statusfields/SnapMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8D/B,oEAAoE;AAEpE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA+DtD"}
+{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsF/B,oEAAoE;AAEpE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA+DtD"}

package/lib/appui-react/statusfields/SnapMode.js

@@ -21,6 +21,8 @@ import { SvgSnapsMidpoint } from "../icons/snaps/SvgSnapsMidpoint.js";
 import { SvgSnapsNearest } from "../icons/snaps/SvgSnapsNearest.js";
 import { SvgSnapsOrigin } from "../icons/snaps/SvgSnapsOrigin.js";
 import { SvgSnaps } from "../icons/snaps/SvgSnaps.js";
+import { SvgSnapsPerpendicular } from "../icons/snaps/SvgSnapsPerpendicular.js";
+import { SvgSnapsTangent } from "../icons/snaps/SvgSnapsTangent.js";
 // Field entry of all possible snap modes.
 const allSnapModeFieldEntries = [
     {
@@ -58,6 +60,28 @@ const allSnapModeFieldEntries = [
         value: SnapMode.Bisector,
         icon: React.createElement(SvgSnapsBisector, null),
     },
+    // @ts-ignore Introduced in @itwin/core-frontend@5.0.0
+    ...(SnapMode.PerpendicularPoint === undefined
+        ? []
+        : [
+            {
+                labelKey: "snapModeField.perpendicularPoint",
+                // @ts-ignore Introduced in @itwin/core-frontend@5.0.0
+                value: SnapMode.PerpendicularPoint,
+                icon: React.createElement(SvgSnapsPerpendicular, null),
+            },
+        ]),
+    // @ts-ignore Introduced in @itwin/core-frontend@5.0.0
+    ...(SnapMode.TangentPoint === undefined
+        ? []
+        : [
+            {
+                labelKey: "snapModeField.tangentPoint",
+                // @ts-ignore Introduced in @itwin/core-frontend@5.0.0
+                value: SnapMode.TangentPoint,
+                icon: React.createElement(SvgSnapsTangent, null),
+            },
+        ]),
 ];
 /** `SnapModeField` component designed to be specified in a status bar. It will
  * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.

package/lib/appui-react/statusfields/SnapMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel.js\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\nimport { SvgSnapsBisector } from \"../icons/snaps/SvgSnapsBisector.js\";\nimport { SvgSnapsCenter } from \"../icons/snaps/SvgSnapsCenter.js\";\nimport { SvgSnapsIntersection } from \"../icons/snaps/SvgSnapsIntersection.js\";\nimport { SvgSnapsMidpoint } from \"../icons/snaps/SvgSnapsMidpoint.js\";\nimport { SvgSnapsNearest } from \"../icons/snaps/SvgSnapsNearest.js\";\nimport { SvgSnapsOrigin } from \"../icons/snaps/SvgSnapsOrigin.js\";\nimport { SvgSnaps } from \"../icons/snaps/SvgSnaps.js\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  icon: React.ReactElement;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    icon: <SvgSnaps />,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    icon: <SvgSnapsIntersection />,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    icon: <SvgSnapsCenter />,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    icon: <SvgSnapsNearest />,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    icon: <SvgSnapsOrigin />,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    icon: <SvgSnapsMidpoint />,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    icon: <SvgSnapsBisector />,\n  },\n];\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  // Get all the modes present in the bitmask.\n  const enabledSnaps: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={<Icon>{entry.icon}</Icon>}\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={\n          enabledSnaps.length === 1 ? enabledSnaps[0].icon : <SvgSnaps />\n        }\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}
+{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel.js\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\nimport { SvgSnapsBisector } from \"../icons/snaps/SvgSnapsBisector.js\";\nimport { SvgSnapsCenter } from \"../icons/snaps/SvgSnapsCenter.js\";\nimport { SvgSnapsIntersection } from \"../icons/snaps/SvgSnapsIntersection.js\";\nimport { SvgSnapsMidpoint } from \"../icons/snaps/SvgSnapsMidpoint.js\";\nimport { SvgSnapsNearest } from \"../icons/snaps/SvgSnapsNearest.js\";\nimport { SvgSnapsOrigin } from \"../icons/snaps/SvgSnapsOrigin.js\";\nimport { SvgSnaps } from \"../icons/snaps/SvgSnaps.js\";\nimport { SvgSnapsPerpendicular } from \"../icons/snaps/SvgSnapsPerpendicular.js\";\nimport { SvgSnapsTangent } from \"../icons/snaps/SvgSnapsTangent.js\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  icon: React.ReactElement;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    icon: <SvgSnaps />,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    icon: <SvgSnapsIntersection />,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    icon: <SvgSnapsCenter />,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    icon: <SvgSnapsNearest />,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    icon: <SvgSnapsOrigin />,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    icon: <SvgSnapsMidpoint />,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    icon: <SvgSnapsBisector />,\n  },\n  // @ts-ignore Introduced in @itwin/core-frontend@5.0.0\n  ...(SnapMode.PerpendicularPoint === undefined\n    ? []\n    : [\n        {\n          labelKey: \"snapModeField.perpendicularPoint\",\n          // @ts-ignore Introduced in @itwin/core-frontend@5.0.0\n          value: SnapMode.PerpendicularPoint as number,\n          icon: <SvgSnapsPerpendicular />,\n        },\n      ]),\n  // @ts-ignore Introduced in @itwin/core-frontend@5.0.0\n  ...(SnapMode.TangentPoint === undefined\n    ? []\n    : [\n        {\n          labelKey: \"snapModeField.tangentPoint\",\n          // @ts-ignore Introduced in @itwin/core-frontend@5.0.0\n          value: SnapMode.TangentPoint as number,\n          icon: <SvgSnapsTangent />,\n        },\n      ]),\n];\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  // Get all the modes present in the bitmask.\n  const enabledSnaps: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={<Icon>{entry.icon}</Icon>}\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={\n          enabledSnaps.length === 1 ? enabledSnaps[0].icon : <SvgSnaps />\n        }\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}

package/lib/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts

@@ -4,6 +4,7 @@
 import type { CommonProps } from "@itwin/core-react";
 import * as React from "react";
 import "./ToolAssistanceField.scss";
+import { StatusBarPopover } from "../../statusbar/popup/StatusBarPopover.js";
 import { type UiStateStorage } from "../../uistate/UiStateStorage.js";
 /** Properties of [[ToolAssistanceField]] component.
  * @public
@@ -24,7 +25,17 @@ export interface ToolAssistanceFieldProps extends CommonProps {
     /** When set to `true` will show prompt at cursor only when the content area is hovered. */
     promptAtContent?: boolean;
 }
-interface Props extends Omit<ToolAssistanceFieldProps, "includePromptAtCursor" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">, Partial<Pick<ToolAssistanceFieldProps, "includePromptAtCursor" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">> {
+type PopoverProps = React.ComponentProps<typeof StatusBarPopover>;
+interface Props extends Omit<ToolAssistanceFieldProps, "includePromptAtCursor" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">, Partial<Pick<ToolAssistanceFieldProps, "includePromptAtCursor" | "cursorPromptTimeout" | "fadeOutCursorPrompt" | "defaultPromptAtCursor">>, Pick<PopoverProps, "visible" | "onVisibleChange"> {
+    /**
+     * Controlled flag for whether the popover is pinned.
+     */
+    pinned?: boolean;
+    /**
+     * Callback invoked every time the popover is pinned or unpinned as a result
+     * of internal logic. Should be used alongside `pinned` prop.
+     */
+    onPinnedChange?: (pinned: boolean) => void;
 }
 /** Tool Assistance Field React component.
  * @public

package/lib/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAaH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,4BAA4B,CAAC;AAuBpC,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAC;AASzC;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,KACR,SAAQ,IAAI,CACR,wBAAwB,EACtB,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,uBAAuB,CAC1B,EACD,OAAO,CACL,IAAI,CACF,wBAAwB,EACtB,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,uBAAuB,CAC1B,CACF;CAAG;AAeR;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAmT/C"}
+{"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAaH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,4BAA4B,CAAC;AAsBpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAC;AAUzC;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElE,UAAU,KACR,SAAQ,IAAI,CACR,wBAAwB,EACtB,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,uBAAuB,CAC1B,EACD,OAAO,CACL,IAAI,CACF,wBAAwB,EACtB,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,uBAAuB,CAC1B,CACF,EACD,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACnD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAaD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAwT/C"}

package/lib/appui-react/statusfields/toolassistance/ToolAssistanceField.js

@@ -31,6 +31,7 @@ import { SvgMouseClickRightDrag } from "../../icons/SvgMouseClickRightDrag.js";
 import { SvgMouseClickWheelDrag } from "../../icons/SvgMouseClickWheelDrag.js";
 import { useTranslation } from "../../hooks/useTranslation.js";
 import { useActiveTool } from "../../hooks/useActiveTool.js";
+import { useControlledState } from "../../hooks/useControlledState.js";
 const toolAssistanceKey = "ToolAssistance";
 const showPromptAtCursorKey = "showPromptAtCursor";
 const mouseTouchTabIndexKey = "mouseTouchTabIndex";
@@ -39,7 +40,7 @@ const mouseTouchTabIndexKey = "mouseTouchTabIndex";
  * @note Tool assistance field will only display 30 characters in the status bar. Any additional text will be hidden. The full text will always be shown in the opened popover.
  */
 export function ToolAssistanceField(props) {
-    const { includePromptAtCursor = true, cursorPromptTimeout = 5000, fadeOutCursorPrompt = true, defaultPromptAtCursor = false, uiStateStorage: uiStateStorageProp, promptAtContent = false, } = props;
+    const { includePromptAtCursor = true, cursorPromptTimeout = 5000, fadeOutCursorPrompt = true, defaultPromptAtCursor = false, uiStateStorage: uiStateStorageProp, promptAtContent = false, visible: visibleProp, onVisibleChange, pinned: pinnedProp, onPinnedChange, } = props;
     const uiStateStorageCtx = React.useContext(UiStateStorageContext);
     const uiStateStorage = uiStateStorageProp ?? uiStateStorageCtx;
     const { translate } = useTranslation();
@@ -50,8 +51,6 @@ export function ToolAssistanceField(props) {
             toolIconSpec: "",
             showPromptAtCursor: defaultPromptAtCursor,
             mouseTouchTabIndex: 0,
-            isPinned: false,
-            isOpen: false,
         };
     });
     const { showPromptAtCursor, toolIconSpec, mouseTouchTabIndex, instructions } = state;
@@ -64,14 +63,11 @@ export function ToolAssistanceField(props) {
         fadeOut: fadeOutCursorPrompt,
         promptAtContent,
     });
-    const setIsOpen = (isOpen) => {
-        let newState = {
-            isOpen,
-        };
-        if (!isOpen && state.isPinned) {
-            newState = { ...newState, ...{ isPinned: false } };
+    const handleClose = () => {
+        if (pinned) {
+            setPinned(false);
         }
-        setState((prev) => ({ ...prev, ...newState }));
+        setVisible(false);
     };
     const getDisplayableInstructions = (section) => {
         const displayableInstructions = section.instructions.filter((instruction) => {
@@ -168,15 +164,15 @@ export function ToolAssistanceField(props) {
         translate("toolAssistance.mouse"),
         translate("toolAssistance.touch"),
     ];
-    return (React.createElement(StatusBarPopover, { visible: state.isOpen, onVisibleChange: (visible) => {
-            setIsOpen(visible);
-        }, closeOnOutsideClick: !state.isPinned, content: React.createElement(ToolAssistanceDialog, { buttons: React.createElement(StatusBarDialog.TitleBarButton, { onClick: () => {
-                    if (state.isPinned) {
-                        setIsOpen(false);
+    const [visible, setVisible] = useControlledState(false, visibleProp, onVisibleChange);
+    const [pinned, setPinned] = useControlledState(false, pinnedProp, onPinnedChange);
+    return (React.createElement(StatusBarPopover, { visible: visible, onVisibleChange: setVisible, closeOnOutsideClick: !pinned, content: React.createElement(ToolAssistanceDialog, { buttons: React.createElement(StatusBarDialog.TitleBarButton, { onClick: () => {
+                    if (pinned) {
+                        handleClose();
                         return;
                     }
-                    setState((prev) => ({ ...prev, isPinned: true }));
-                }, title: translate(state.isPinned ? "dialog.close" : "toolAssistance.pin") }, state.isPinned ? React.createElement(SvgClose, null) : React.createElement(SvgPin, null)), title: dialogTitle },
+                    setPinned(true);
+                }, title: translate(pinned ? "dialog.close" : "toolAssistance.pin") }, pinned ? React.createElement(SvgClose, null) : React.createElement(SvgPin, null)), title: dialogTitle },
             React.createElement("div", null,
                 showMouseTouchTabs && (React.createElement(Tabs.Wrapper, { type: "pill", value: String(mouseTouchTabIndex) },
                     React.createElement(Tabs.TabList, { className: "uifw-toolAssistance-tabs" }, tabs.map((tab, index) => (React.createElement(Tabs.Tab, { key: index, className: "uifw-tab", value: String(index), label: tab, onClick: async () => {