@itwin/grouping-mapping-widget 0.2.0

package/lib/esm/widget/components/property-grid/PropertyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyView.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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"@itwin/components-react\";\n\nimport \"./PropertyView.scss\";\nimport type { SharedRendererProps } from \"./PropertyRender\";\nimport { GroupQueryBuilderContext } from \"../GroupQueryBuilderContext\";\nimport { useCallback } from \"react\";\nimport { PropertyGridColumnStyleProvider } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport const PropertyView = (props: PropertyViewProps) => {\n  const context = React.useContext(GroupQueryBuilderContext);\n\n  const _validatePropertySelection = () => {\n    if (context.currentPropertyList.includes(props.propertyRecord)) {\n      return true;\n    }\n    // Check if all subproperties are selected\n    if (!_validateNestedPropertiesSelection(props.propertyRecord)) {\n      return false;\n    }\n    return true;\n  };\n\n  const _validateNestedPropertiesSelection = (prop: PropertyRecord) => {\n    switch (prop.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        if (!context.currentPropertyList.includes(prop)) {\n          return false;\n        }\n        break;\n      case PropertyValueFormat.Array:\n        if (prop.value.items.length === 0) {\n          if (!context.currentPropertyList.includes(prop)) {\n            return false;\n          }\n        }\n        break;\n      case PropertyValueFormat.Struct:\n        for (const subPropName in prop.value.members) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              prop.value.members,\n              subPropName\n            )\n          ) {\n            if (\n              !_validateNestedPropertiesSelection(\n                prop.value.members[subPropName]\n              )\n            ) {\n              return false;\n            }\n          }\n        }\n    }\n    return true;\n  };\n\n  const [isHovered, setIsHovered] = React.useState<boolean>(false);\n  const [isPropertySelected, setIsPropertySelected] = React.useState<boolean>(\n    _validatePropertySelection()\n  );\n\n  const _addSelectedProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)\n      if (\n        !context.currentPropertyList.includes(prop) &&\n        prop.value.valueFormat === PropertyValueFormat.Primitive\n      ) {\n        context.setCurrentPropertyList(\n          context.currentPropertyList.concat(prop)\n        );\n        await context.queryBuilder.addProperty(prop);\n        context.setQuery(context.queryBuilder.buildQueryString());\n      }\n    },\n    [context]\n  );\n\n  const _addNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _addSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _addSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _addNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_addSelectedProperty]\n  );\n\n  const _removeSelectedProperty = useCallback(\n    async (prop: PropertyRecord): Promise<void> => {\n      if (context.currentPropertyList.includes(prop)) {\n        context.setCurrentPropertyList(\n          context.currentPropertyList.filter((x: PropertyRecord) => x !== prop)\n        );\n        await context.queryBuilder.removeProperty(prop);\n        context.setQuery(context.queryBuilder.buildQueryString());\n      }\n    },\n    [context]\n  );\n\n  const _removeNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _removeSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _removeSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _removeNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_removeSelectedProperty]\n  );\n\n  React.useEffect(() => {\n    if (props?.propertyRecord) {\n      if (isPropertySelected) {\n        _addNestedProperties(props.propertyRecord);\n      } else {\n        _removeNestedProperties(props.propertyRecord);\n      }\n    }\n  }, [\n    _addNestedProperties,\n    _removeNestedProperties,\n    isPropertySelected,\n    props.propertyRecord,\n  ]);\n\n  React.useEffect(() => {\n    if (props?.propertyRecord) {\n      if (context.currentPropertyList.includes(props.propertyRecord)) {\n        setIsPropertySelected(true);\n      } else {\n        setIsPropertySelected(false);\n      }\n    }\n  }, [context.currentPropertyList, props.propertyRecord]);\n\n  const _onPropertySelectionChanged = () => {\n    setIsPropertySelected(!isPropertySelected);\n  };\n\n  const _onClick = () => {\n    if (props.onClick) {\n      props.onClick(props.propertyRecord, props.uniqueKey);\n    }\n  };\n\n  const _onMouseEnter = () => {\n    if (props.isHoverable) {\n      setIsHovered(true);\n    }\n  };\n\n  const _onMouseLeave = () => {\n    if (props.isHoverable) {\n      setIsHovered(false);\n    }\n  };\n\n  const _onContextMenu = (e: React.MouseEvent) => {\n    if (props.onContextMenu) {\n      props.onContextMenu(props.propertyRecord, e);\n    }\n    if (props.onRightClick) {\n      props.onRightClick(props.propertyRecord, props.uniqueKey);\n    }\n    e.preventDefault();\n    return false;\n  };\n\n  const getClassName = (viewProps: PropertyViewProps) => {\n    let propertyRecordClassName =\n      viewProps.orientation === Orientation.Horizontal\n        ? \"components-property-record--horizontal\"\n        : \"components-property-record--vertical\";\n    if (viewProps.isSelected) {\n      propertyRecordClassName += \" components--selected\";\n    }\n    if (viewProps.onClick) {\n      propertyRecordClassName += \" components--clickable\";\n    }\n    if (viewProps.isHoverable) {\n      propertyRecordClassName += \" components--hoverable\";\n    }\n    return propertyRecordClassName;\n  };\n\n  const ratio = props.columnRatio ? props.columnRatio : 0.25;\n  const needElementSeparator =\n    props.orientation === Orientation.Horizontal &&\n    !!props.onColumnRatioChanged;\n  const needActionButtons = !!props.actionButtonRenderers;\n  const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n    props.columnInfo\n  );\n\n  return (\n    <div\n      style={columnsStyleProvider.getStyle(\n        props.orientation,\n        needActionButtons,\n        ratio,\n        needElementSeparator\n      )}\n      className={getClassName(props)}\n      onClick={_onClick}\n      onContextMenu={_onContextMenu}\n      onMouseEnter={_onMouseEnter}\n      onMouseLeave={_onMouseLeave}\n      role='presentation'\n    >\n      <div className='components-property-record-label'>\n        {props.propertyRecord.value.valueFormat ===\n          PropertyValueFormat.Primitive && (\n          <Checkbox\n            className='components-property-selection-checkbox'\n            checked={isPropertySelected}\n            onChange={_onPropertySelectionChanged}\n          />\n        )}\n        {props.labelElement}\n      </div>\n      {needElementSeparator ? (\n        <ElementSeparator\n          movableArea={props.width}\n          onRatioChanged={props.onColumnRatioChanged}\n          ratio={ratio}\n          orientation={props.orientation}\n          isResizeHandleHovered={props.isResizeHandleHovered}\n          onResizeHandleHoverChanged={props.onResizeHandleHoverChanged}\n          isResizeHandleBeingDragged={props.isResizeHandleBeingDragged}\n          onResizeHandleDragChanged={props.onResizeHandleDragChanged}\n        />\n      ) : undefined}\n      {props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className='components-property-record-value'>\n            <span>\n              {props.valueElementRenderer\n                ? props.valueElementRenderer()\n                : props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n      {props.actionButtonRenderers ? (\n        <ActionButtonList\n          orientation={props.orientation}\n          property={props.propertyRecord}\n          isPropertyHovered={isHovered}\n          actionButtonRenderers={props.actionButtonRenderers}\n        />\n      ) : undefined}\n    </div>\n  );\n};\n"]}

package/lib/esm/widget/components/property-grid/PropertyView.scss

@@ -0,0 +1,111 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/variables";
+
+$text-font-size: $iui-font-size;
+$text-font-color: $buic-text-color;
+
+.components-property-record--horizontal {
+  height: 100%;
+  display: grid;
+  padding: 0 8px;
+
+  .components-property-record-label {
+    font-size: $iui-font-size-small;
+    color: $buic-foreground-muted;
+  }
+
+  .components-property-record-value {
+    min-height: 24px;
+    font-size: $text-font-size;
+    color: $text-font-color;
+    padding: 0px 5px;
+  }
+}
+
+.components-property-record--vertical {
+  height: 100%;
+  padding: 0 8px;
+  display: grid;
+  align-content: center;
+
+  .components-property-record-label {
+    font-size: $iui-font-size-small;
+    color: $buic-foreground-muted;
+  }
+
+  .components-property-record-value {
+    min-height: 22px;
+    font-size: $text-font-size;
+    color: $text-font-color;
+  }
+}
+
+@mixin record-cell {
+  display: flex;
+  align-items: center;
+}
+
+.components-property-record-label {
+  @include record-cell;
+  .components-property-selection-checkbox {
+    margin-right: $iui-s;
+  }
+}
+
+.components-property-record-value {
+  @include record-cell;
+  overflow: hidden;
+
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+  }
+
+  .core-underlined-button {
+    // Offset by 2px, because value is centered vertically
+    // and the button has an underline which offsets it's content,
+    // which in turn makes it not in line with the rest of text
+    margin-top: 2px;
+  }
+
+  .multiline {
+    display: flex;
+    align-items: baseline;
+  }
+
+  .expanded {
+    white-space: pre-wrap;
+    margin-top: 4px;
+    margin-bottom: 4px;
+
+    .expand-toggle {
+      float: right;
+      margin-top: 2px;
+    }
+  }
+
+  .expand-toggle {
+    padding: 0;
+    white-space: nowrap;
+    border: none;
+    background: none;
+    color: var(--buic-foreground-primary);
+    font-size: 12px;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &:active {
+      outline: none;
+    }
+  }
+}

package/lib/esm/widget/components/utils.d.ts

@@ -0,0 +1,14 @@
+import "./utils.scss";
+import React from "react";
+import type { ISelectionProvider, SelectionChangeEventArgs } from "@itwin/presentation-frontend";
+import type { IModelConnection } from "@itwin/core-frontend";
+export declare const onSelectionChanged: (evt: SelectionChangeEventArgs, selectionProvider: ISelectionProvider) => void;
+export interface WidgetHeaderProps {
+    title: string;
+    disabled?: boolean;
+    returnFn?: () => Promise<void>;
+}
+export declare const WidgetHeader: ({ title, disabled, returnFn, }: WidgetHeaderProps) => JSX.Element;
+export declare const handleInputChange: <T>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: React.Dispatch<React.SetStateAction<T>>) => void;
+export declare const fetchIdsFromQuery: (query: string, iModelConnection: IModelConnection) => Promise<string[]>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/esm/widget/components/utils.js

@@ -0,0 +1,72 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { SvgChevronLeft } from "@itwin/itwinui-icons-react";
+import { Text } from "@itwin/itwinui-react";
+import "./utils.scss";
+import React from "react";
+import { QueryRowFormat } from "@itwin/core-common";
+export const onSelectionChanged = (evt, selectionProvider) => {
+    /* eslint-disable no-console */
+    const selection = selectionProvider.getSelection(evt.imodel, evt.level);
+    if (selection.isEmpty) {
+        console.log("========== Selection cleared ==========");
+    }
+    else {
+        console.log("========== Selection change ===========");
+        if (selection.instanceKeys.size !== 0) {
+            // log all selected ECInstance ids grouped by ECClass name
+            console.log("ECInstances:");
+            selection.instanceKeys.forEach((ids, ecclass) => {
+                console.log(`${ecclass}: [${[...ids].join(",")}]`);
+            });
+        }
+        if (selection.nodeKeys.size !== 0) {
+            // log all selected node keys
+            console.log("Nodes:");
+            selection.nodeKeys.forEach((key) => console.log(JSON.stringify(key)));
+        }
+        console.log("=======================================");
+    }
+    /* eslint-enable no-console */
+};
+export const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
+    return (React.createElement("div", { className: 'widget-header-container' },
+        returnFn && (React.createElement("div", { className: disabled ? "chevron-disabled" : "chevron", onClick: disabled ? undefined : returnFn },
+            React.createElement(SvgChevronLeft, null))),
+        React.createElement(Text, { className: 'title', variant: 'title' }, title)));
+};
+export const handleInputChange = (e, values, setValues) => {
+    const { name, value } = e.target;
+    setValues({
+        ...values,
+        [name]: value,
+    });
+};
+export const fetchIdsFromQuery = async (query, iModelConnection) => {
+    if (query === "") {
+        return [];
+    }
+    const ids = [];
+    const rowIterator = iModelConnection.query(query, undefined, {
+        rowFormat: QueryRowFormat.UseJsPropertyNames,
+    });
+    while (true) {
+        const { done, value } = await rowIterator.next();
+        if (done) {
+            break;
+        }
+        if (Object.keys(value).includes("id")) {
+            // eslint-disable-next-line dot-notation
+            ids.push(value.id);
+        }
+        else if (Object.keys(value).includes("element.id")) {
+            ids.push(value["element.id"]);
+        }
+        // eslint-disable-next-line dot-notation
+        ids.push(value.id);
+    }
+    return ids;
+};
+//# sourceMappingURL=utils.js.map

package/lib/esm/widget/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/widget/components/utils.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*--------------------------------------------------------------------------------------------*/\nimport { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./utils.scss\";\nimport React from \"react\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { QueryRowFormat } from \"@itwin/core-common\";\n\nexport const onSelectionChanged = (\n  evt: SelectionChangeEventArgs,\n  selectionProvider: ISelectionProvider,\n) => {\n  /* eslint-disable no-console */\n  const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n  if (selection.isEmpty) {\n    console.log(\"========== Selection cleared ==========\");\n  } else {\n    console.log(\"========== Selection change ===========\");\n    if (selection.instanceKeys.size !== 0) {\n      // log all selected ECInstance ids grouped by ECClass name\n      console.log(\"ECInstances:\");\n      selection.instanceKeys.forEach((ids, ecclass) => {\n        console.log(`${ecclass}: [${[...ids].join(\",\")}]`);\n      });\n    }\n    if (selection.nodeKeys.size !== 0) {\n      // log all selected node keys\n      console.log(\"Nodes:\");\n      selection.nodeKeys.forEach((key) => console.log(JSON.stringify(key)));\n    }\n    console.log(\"=======================================\");\n  }\n  /* eslint-enable no-console */\n};\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => Promise<void>;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='widget-header-container'>\n      {returnFn && (\n        <div\n          className={disabled ? \"chevron-disabled\" : \"chevron\"}\n          onClick={disabled ? undefined : returnFn}\n        >\n          <SvgChevronLeft />\n        </div>\n      )}\n      <Text className='title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: React.Dispatch<React.SetStateAction<T>>,\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const fetchIdsFromQuery = async (\n  query: string,\n  iModelConnection: IModelConnection,\n) => {\n  if (query === \"\") {\n    return [];\n  }\n  const ids: string[] = [];\n  const rowIterator = iModelConnection.query(query, undefined, {\n    rowFormat: QueryRowFormat.UseJsPropertyNames,\n  });\n  while (true) {\n    const { done, value } = await rowIterator.next();\n    if (done) {\n      break;\n    }\n    if (Object.keys(value).includes(\"id\")) {\n      // eslint-disable-next-line dot-notation\n      ids.push(value.id);\n    } else if (Object.keys(value).includes(\"element.id\")) {\n      ids.push(value[\"element.id\"]);\n    }\n    // eslint-disable-next-line dot-notation\n    ids.push(value.id);\n  }\n  return ids;\n};\n"]}

package/lib/esm/widget/components/utils.scss

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '~@itwin/itwinui-css/scss/variables';
+@import '~@itwin/itwinui-css/scss/icon/index';
+@import '~@itwin/itwinui-css/scss/button/index';
+
+.widget-header-container {
+  display: flex;
+  margin-bottom: $iui-baseline * 3;
+
+  .chevron {
+    @include iui-icons-large();
+    cursor: pointer;
+    align-self: center;
+    margin-right: $iui-s;
+  }
+
+  .chevron-disabled {
+    @include iui-icons-large();
+    @include themed {
+      fill: t(iui-icons-color-actionable-disabled);
+    }
+    cursor: not-allowed;
+
+    align-self: center;
+    margin-right: $iui-s;
+  }
+
+  .title {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

package/lib/esm/widget/components/viewerUtils.d.ts

@@ -0,0 +1,9 @@
+import type { IModelConnection } from "@itwin/core-frontend";
+import { KeySet } from "@itwin/presentation-common";
+export declare const visualizeElementsById: (elementIds: string[], color: string, iModelConnection: IModelConnection, replace?: boolean, wantEmphasis?: boolean) => Promise<string[]>;
+export declare const visualizeElementsByKeys: (keySet: KeySet, color: string, replace?: boolean, wantEmphasis?: boolean) => Promise<string[]>;
+export declare const visualizeElements: (elementIds: string[], color: string, replace?: boolean, wantEmphasis?: boolean) => void;
+export declare const zoomToElements: (elementIds: string[]) => Promise<void>;
+export declare const manufactureKeys: (elementIds: string[], iModelConnection: IModelConnection) => Promise<KeySet>;
+export declare const clearEmphasizedElements: () => void;
+//# sourceMappingURL=viewerUtils.d.ts.map

package/lib/esm/widget/components/viewerUtils.js

@@ -0,0 +1,106 @@
+import { EmphasizeElements, IModelApp, } from "@itwin/core-frontend";
+import { ColorDef, FeatureOverrideType, } from "@itwin/core-common";
+import { KeySet } from "@itwin/presentation-common";
+import { HiliteSetProvider } from "@itwin/presentation-frontend";
+export const visualizeElementsById = async (elementIds, color, iModelConnection, replace = false, wantEmphasis = true) => {
+    if (!IModelApp.viewManager.selectedView) {
+        return [];
+    }
+    const vp = IModelApp.viewManager.selectedView;
+    const keySet = await manufactureKeys(elementIds, iModelConnection);
+    const hiliteProvider = HiliteSetProvider.create({
+        imodel: vp.iModel,
+    });
+    const set = await hiliteProvider.getHiliteSet(keySet);
+    if (set.elements) {
+        const ids = [...set.elements];
+        visualizeElements(ids, color, replace, wantEmphasis);
+        return ids;
+    }
+    return [];
+};
+export const visualizeElementsByKeys = async (keySet, color, replace = false, wantEmphasis = true) => {
+    if (!IModelApp.viewManager.selectedView) {
+        return [];
+    }
+    const vp = IModelApp.viewManager.selectedView;
+    const hiliteProvider = HiliteSetProvider.create({
+        imodel: vp.iModel,
+    });
+    const set = await hiliteProvider.getHiliteSet(keySet);
+    if (set.elements) {
+        const ids = [...set.elements];
+        visualizeElements(ids, color, replace, wantEmphasis);
+        return ids;
+    }
+    return [];
+};
+export const visualizeElements = (elementIds, color, replace = false, wantEmphasis = true) => {
+    if (!IModelApp.viewManager.selectedView) {
+        return;
+    }
+    const vp = IModelApp.viewManager.selectedView;
+    const emph = EmphasizeElements.getOrCreate(vp);
+    emph.overrideElements(elementIds, vp, ColorDef.fromString(color), FeatureOverrideType.ColorOnly, true);
+    if (!wantEmphasis) {
+        return;
+    }
+    emph.wantEmphasis = true;
+    emph.emphasizeElements(elementIds, vp, undefined, replace);
+};
+export const zoomToElements = async (elementIds) => {
+    if (!IModelApp.viewManager.selectedView) {
+        return;
+    }
+    const vp = IModelApp.viewManager.selectedView;
+    const viewChangeOpts = {};
+    viewChangeOpts.animateFrustumChange = true;
+    // It was removed. Should be a prop to be passed to lookAtViewAlignedVolume within the implementation.
+    // viewChangeOpts.marginPercent = new MarginPercent(0.1, 0.1, 0.1, 0.1);
+    await vp.zoomToElements(elementIds, { ...viewChangeOpts });
+};
+export const manufactureKeys = async (elementIds, iModelConnection) => {
+    // segment ids into batches
+    const batches = [];
+    let currBatch = [];
+    const batchSize = 100000;
+    for (const id of elementIds) {
+        if (currBatch.length < batchSize) {
+            currBatch.push(id);
+        }
+        else {
+            batches.push(currBatch);
+            currBatch = [id];
+        }
+    }
+    if (currBatch.length > 0 && currBatch.length <= batchSize) {
+        batches.push(currBatch);
+    }
+    // retrieve element properties in batches
+    let elemProps = [];
+    for (const batch of batches) {
+        const props = await iModelConnection.elements.getProps(batch);
+        elemProps = elemProps.concat(props);
+    }
+    const isElementId = (elem) => {
+        return elem.id !== undefined;
+    };
+    // create keyset from the element properties
+    const keys = elemProps
+        .map((elem) => ({
+        id: elem.id,
+        className: elem.classFullName,
+    }))
+        .filter(isElementId);
+    return new KeySet(keys);
+};
+export const clearEmphasizedElements = () => {
+    if (!IModelApp.viewManager.selectedView) {
+        return;
+    }
+    const vp = IModelApp.viewManager.selectedView;
+    const emph = EmphasizeElements.getOrCreate(vp);
+    emph.clearEmphasizedElements(vp);
+    emph.clearOverriddenElements(vp);
+};
+//# sourceMappingURL=viewerUtils.js.map

package/lib/esm/widget/components/viewerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewerUtils.js","sourceRoot":"","sources":["../../../../src/widget/components/viewerUtils.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,iBAAiB,EACjB,SAAS,GACV,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,QAAQ,EACR,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,EACxC,UAAoB,EACpB,KAAa,EACb,gBAAkC,EAClC,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,IAAI,EACnB,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE;QACvC,OAAO,EAAE,CAAC;KACX;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IAE9C,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;IACnE,MAAM,cAAc,GAAsB,iBAAiB,CAAC,MAAM,CAAC;QACjE,MAAM,EAAE,EAAE,CAAC,MAAM;KAClB,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,IAAI,GAAG,CAAC,QAAQ,EAAE;QAChB,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9B,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;QACrD,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAC1C,MAAc,EACd,KAAa,EACb,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,IAAI,EACnB,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE;QACvC,OAAO,EAAE,CAAC;KACX;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IAE9C,MAAM,cAAc,GAAsB,iBAAiB,CAAC,MAAM,CAAC;QACjE,MAAM,EAAE,EAAE,CAAC,MAAM;KAClB,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,IAAI,GAAG,CAAC,QAAQ,EAAE;QAChB,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9B,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;QACrD,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAAoB,EACpB,KAAa,EACb,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,IAAI,EACnB,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE;QACvC,OAAO;KACR;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAE/C,IAAI,CAAC,gBAAgB,CACnB,UAAU,EACV,EAAE,EACF,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,EAC1B,mBAAmB,CAAC,SAAS,EAC7B,IAAI,CACL,CAAC;IACF,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO;KACR;IACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,UAAoB,EAAE,EAAE;IAC3D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE;QACvC,OAAO;KACR;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IAC9C,MAAM,cAAc,GAAsB,EAAE,CAAC;IAC7C,cAAc,CAAC,oBAAoB,GAAG,IAAI,CAAC;IAC3C,sGAAsG;IACtG,wEAAwE;IACxE,MAAM,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,GAAG,cAAc,EAAE,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,EAClC,UAAoB,EACpB,gBAAkC,EACjB,EAAE;IACnB,2BAA2B;IAC3B,MAAM,OAAO,GAAe,EAAE,CAAC;IAC/B,IAAI,SAAS,GAAa,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAC;IACzB,KAAK,MAAM,EAAE,IAAI,UAAU,EAAE;QAC3B,IAAI,SAAS,CAAC,MAAM,GAAG,SAAS,EAAE;YAChC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACpB;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACxB,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC;SAClB;KACF;IACD,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,MAAM,IAAI,SAAS,EAAE;QACzD,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACzB;IAED,yCAAyC;IACzC,IAAI,SAAS,GAAmB,EAAE,CAAC;IACnC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,MAAM,KAAK,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9D,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KACrC;IAED,MAAM,WAAW,GAAG,CAAC,IAGpB,EAGC,EAAE;QACF,OAAO,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC;IAC/B,CAAC,CAAC;IAEF,4CAA4C;IAC5C,MAAM,IAAI,GAAG,SAAS;SACnB,GAAG,CAAC,CAAC,IAAkB,EAAE,EAAE,CAAC,CAAC;QAC5B,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,SAAS,EAAE,IAAI,CAAC,aAAa;KAC9B,CAAC,CAAC;SACF,MAAM,CAAC,WAAW,CAAC,CAAC;IACvB,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE;QACvC,OAAO;KACR;IACD,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC;IACjC,IAAI,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC;AACnC,CAAC,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 type {\n  IModelConnection,\n  ViewChangeOptions} from \"@itwin/core-frontend\";\nimport {\n  EmphasizeElements,\n  IModelApp,\n} from \"@itwin/core-frontend\";\nimport type {\n  ElementProps} from \"@itwin/core-common\";\nimport {\n  ColorDef,\n  FeatureOverrideType,\n} from \"@itwin/core-common\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { HiliteSetProvider } from \"@itwin/presentation-frontend\";\n\nexport const visualizeElementsById = async (\n  elementIds: string[],\n  color: string,\n  iModelConnection: IModelConnection,\n  replace = false,\n  wantEmphasis = true,\n) => {\n  if (!IModelApp.viewManager.selectedView) {\n    return [];\n  }\n\n  const vp = IModelApp.viewManager.selectedView;\n\n  const keySet = await manufactureKeys(elementIds, iModelConnection);\n  const hiliteProvider: HiliteSetProvider = HiliteSetProvider.create({\n    imodel: vp.iModel,\n  });\n  const set = await hiliteProvider.getHiliteSet(keySet);\n  if (set.elements) {\n    const ids = [...set.elements];\n    visualizeElements(ids, color, replace, wantEmphasis);\n    return ids;\n  }\n  return [];\n};\n\nexport const visualizeElementsByKeys = async (\n  keySet: KeySet,\n  color: string,\n  replace = false,\n  wantEmphasis = true,\n) => {\n  if (!IModelApp.viewManager.selectedView) {\n    return [];\n  }\n\n  const vp = IModelApp.viewManager.selectedView;\n\n  const hiliteProvider: HiliteSetProvider = HiliteSetProvider.create({\n    imodel: vp.iModel,\n  });\n  const set = await hiliteProvider.getHiliteSet(keySet);\n  if (set.elements) {\n    const ids = [...set.elements];\n    visualizeElements(ids, color, replace, wantEmphasis);\n    return ids;\n  }\n  return [];\n};\n\nexport const visualizeElements = (\n  elementIds: string[],\n  color: string,\n  replace = false,\n  wantEmphasis = true,\n) => {\n  if (!IModelApp.viewManager.selectedView) {\n    return;\n  }\n\n  const vp = IModelApp.viewManager.selectedView;\n  const emph = EmphasizeElements.getOrCreate(vp);\n\n  emph.overrideElements(\n    elementIds,\n    vp,\n    ColorDef.fromString(color),\n    FeatureOverrideType.ColorOnly,\n    true,\n  );\n  if (!wantEmphasis) {\n    return;\n  }\n  emph.wantEmphasis = true;\n  emph.emphasizeElements(elementIds, vp, undefined, replace);\n};\n\nexport const zoomToElements = async (elementIds: string[]) => {\n  if (!IModelApp.viewManager.selectedView) {\n    return;\n  }\n\n  const vp = IModelApp.viewManager.selectedView;\n  const viewChangeOpts: ViewChangeOptions = {};\n  viewChangeOpts.animateFrustumChange = true;\n  // It was removed. Should be a prop to be passed to lookAtViewAlignedVolume within the implementation.\n  // viewChangeOpts.marginPercent = new MarginPercent(0.1, 0.1, 0.1, 0.1);\n  await vp.zoomToElements(elementIds, { ...viewChangeOpts });\n};\n\nexport const manufactureKeys = async (\n  elementIds: string[],\n  iModelConnection: IModelConnection,\n): Promise<KeySet> => {\n  // segment ids into batches\n  const batches: string[][] = [];\n  let currBatch: string[] = [];\n  const batchSize = 100000;\n  for (const id of elementIds) {\n    if (currBatch.length < batchSize) {\n      currBatch.push(id);\n    } else {\n      batches.push(currBatch);\n      currBatch = [id];\n    }\n  }\n  if (currBatch.length > 0 && currBatch.length <= batchSize) {\n    batches.push(currBatch);\n  }\n\n  // retrieve element properties in batches\n  let elemProps: ElementProps[] = [];\n  for (const batch of batches) {\n    const props = await iModelConnection.elements.getProps(batch);\n    elemProps = elemProps.concat(props);\n  }\n\n  const isElementId = (elem: {\n    id: string | undefined;\n    className: string;\n  }): elem is {\n    id: string;\n    className: string;\n  } => {\n    return elem.id !== undefined;\n  };\n\n  // create keyset from the element properties\n  const keys = elemProps\n    .map((elem: ElementProps) => ({\n      id: elem.id,\n      className: elem.classFullName,\n    }))\n    .filter(isElementId);\n  return new KeySet(keys);\n};\n\nexport const clearEmphasizedElements = () => {\n  if (!IModelApp.viewManager.selectedView) {\n    return;\n  }\n  const vp = IModelApp.viewManager.selectedView;\n  const emph = EmphasizeElements.getOrCreate(vp);\n  emph.clearEmphasizedElements(vp);\n  emph.clearOverriddenElements(vp);\n};\n"]}

package/lib/esm/widget/hooks/useFetchAccessToken.d.ts

@@ -0,0 +1,3 @@
+declare const useFetchAccessToken: () => string;
+export default useFetchAccessToken;
+//# sourceMappingURL=useFetchAccessToken.d.ts.map

package/lib/esm/widget/hooks/useFetchAccessToken.js

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { IModelApp } from "@itwin/core-frontend";
+import { useEffect, useState } from "react";
+const useFetchAccessToken = () => {
+    const [accessToken, setAccessToken] = useState("");
+    useEffect(() => {
+        const fetchAccessToken = async () => {
+            var _a;
+            const accessToken = await ((_a = IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken());
+            setAccessToken(accessToken !== null && accessToken !== void 0 ? accessToken : "");
+        };
+        void fetchAccessToken();
+    }, []);
+    return accessToken;
+};
+export default useFetchAccessToken;
+//# sourceMappingURL=useFetchAccessToken.js.map

package/lib/esm/widget/hooks/useFetchAccessToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchAccessToken.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useFetchAccessToken.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;;YAClC,MAAM,WAAW,GAAG,MAAM,CAAA,MAAA,SAAS,CAAC,mBAAmB,0CAAE,cAAc,EAAE,CAAA,CAAC;YAC1E,cAAc,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC;QACpC,CAAC,CAAC;QACF,KAAK,gBAAgB,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,mBAAmB,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 { IModelApp } from \"@itwin/core-frontend\";\nimport { useEffect, useState } from \"react\";\n\nconst useFetchAccessToken = () => {\n  const [accessToken, setAccessToken] = useState<string>(\"\");\n\n  useEffect(() => {\n    const fetchAccessToken = async () => {\n      const accessToken = await IModelApp.authorizationClient?.getAccessToken();\n      setAccessToken(accessToken ?? \"\");\n    };\n    void fetchAccessToken();\n  }, []);\n\n  return accessToken;\n};\n\nexport default useFetchAccessToken;\n"]}

package/lib/esm/widget/hooks/useValidator.d.ts

@@ -0,0 +1,45 @@
+import SimpleReactValidator from "simple-react-validator";
+export declare const Validators: {
+    NoDuplicateUnderscore: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    OnlyBeginsWithLetterOrUnderscore: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    FollowedByLettersUnderscoresAndDigits: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    CharLimit: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+};
+export declare const NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresAndDigits|CharLimit";
+export declare const Messages: {
+    required: string;
+};
+declare const useValidator: (customMessage?: {
+    required: string;
+}, customValidator?: {
+    NoDuplicateUnderscore: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    OnlyBeginsWithLetterOrUnderscore: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    FollowedByLettersUnderscoresAndDigits: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+    CharLimit: {
+        message: string;
+        rule: (val: string) => boolean;
+    };
+}) => [SimpleReactValidator, React.Dispatch<React.SetStateAction<boolean>>];
+export default useValidator;
+//# sourceMappingURL=useValidator.d.ts.map

package/lib/esm/widget/hooks/useValidator.js

@@ -0,0 +1,47 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { useState } from "react";
+import SimpleReactValidator from "simple-react-validator";
+export const Validators = {
+    NoDuplicateUnderscore: {
+        message: 'Remove duplicate "_"',
+        rule: (val) => {
+            return !val.match(/__+/i);
+        },
+    },
+    OnlyBeginsWithLetterOrUnderscore: {
+        message: "Name can only start with a letter or underscore.",
+        rule: (val) => {
+            return !val.match(/^[\W\d]+/i);
+        },
+    },
+    FollowedByLettersUnderscoresAndDigits: {
+        message: "Name can only contain letters, underscores, or digits",
+        rule: (val) => {
+            return !val.match(/\W+/i);
+        },
+    },
+    CharLimit: {
+        message: "There is an 128 character limit.",
+        rule: (val) => {
+            return val.length <= 128;
+        },
+    },
+};
+export const NAME_REQUIREMENTS = "required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresAndDigits|CharLimit";
+export const Messages = { required: "This field is required." };
+const useValidator = (customMessage = Messages, customValidator = Validators) => {
+    const [show, setShow] = useState(false);
+    const validator = new SimpleReactValidator({
+        messages: customMessage,
+        validators: customValidator,
+    });
+    if (show) {
+        validator.showMessages();
+    }
+    return [validator, setShow];
+};
+export default useValidator;
+//# sourceMappingURL=useValidator.js.map

package/lib/esm/widget/hooks/useValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidator.js","sourceRoot":"","sources":["../../../../src/widget/hooks/useValidator.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,qBAAqB,EAAE;QACrB,OAAO,EAAE,sBAAsB;QAC/B,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;KACF;IACD,gCAAgC,EAAE;QAChC,OAAO,EAAE,kDAAkD;QAC3D,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;KACF;IACD,qCAAqC,EAAE;QACrC,OAAO,EAAE,uDAAuD;QAChE,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,kCAAkC;QAC3C,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC;QAC3B,CAAC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAC5B,iHAAiH,CAAC;AAEpH,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC;AAEhE,MAAM,YAAY,GAAG,CACnB,aAAa,GAAG,QAAQ,EACxB,eAAe,GAAG,UAAU,EAC2C,EAAE;IACzE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAI,oBAAoB,CAAC;QACzC,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,eAAe;KAC5B,CAAC,CAAC;IAEH,IAAI,IAAI,EAAE;QACR,SAAS,CAAC,YAAY,EAAE,CAAC;KAC1B;IAED,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9B,CAAC,CAAC;AAEF,eAAe,YAAY,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 { useState } from \"react\";\nimport SimpleReactValidator from \"simple-react-validator\";\n\nexport const Validators = {\n  NoDuplicateUnderscore: {\n    message: 'Remove duplicate \"_\"',\n    rule: (val: string) => {\n      return !val.match(/__+/i);\n    },\n  },\n  OnlyBeginsWithLetterOrUnderscore: {\n    message: \"Name can only start with a letter or underscore.\",\n    rule: (val: string) => {\n      return !val.match(/^[\\W\\d]+/i);\n    },\n  },\n  FollowedByLettersUnderscoresAndDigits: {\n    message: \"Name can only contain letters, underscores, or digits\",\n    rule: (val: string) => {\n      return !val.match(/\\W+/i);\n    },\n  },\n  CharLimit: {\n    message: \"There is an 128 character limit.\",\n    rule: (val: string) => {\n      return val.length <= 128;\n    },\n  },\n};\n\nexport const NAME_REQUIREMENTS =\n  \"required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresAndDigits|CharLimit\";\n\nexport const Messages = { required: \"This field is required.\" };\n\nconst useValidator = (\n  customMessage = Messages,\n  customValidator = Validators,\n): [SimpleReactValidator, React.Dispatch<React.SetStateAction<boolean>>] => {\n  const [show, setShow] = useState(false);\n  const validator = new SimpleReactValidator({\n    messages: customMessage,\n    validators: customValidator,\n  });\n\n  if (show) {\n    validator.showMessages();\n  }\n\n  return [validator, setShow];\n};\n\nexport default useValidator;\n"]}

package/lib/esm/widget/icons/DatabaseInfo.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./DatabaseInfo.scss";
+declare const DatabaseInfoIcon: () => JSX.Element;
+export default DatabaseInfoIcon;
+//# sourceMappingURL=DatabaseInfo.d.ts.map

package/lib/esm/widget/icons/DatabaseInfo.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 React from "react";
+import "./DatabaseInfo.scss";
+const DatabaseInfoIcon = () => {
+    return (React.createElement("svg", { className: 'database-info-icon', version: '1.1', viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("g", { transform: 'translate(-76.395 -115.93)' },
+            React.createElement("path", { d: 'm91.293 123.66a0.77217 0.77217 0 0 1 0.83377 0.70519q0.0019 0.0233 0.0019 0.0473a1.095 1.095 0 0 1-1.0871 1.0035 0.79008 0.79008 0 0 1-0.83626-0.83626 1.0271 1.0271 0 0 1 1.0871-0.91987m-1.6723 8.0281c-0.41796 0-0.75264-0.25105-0.41796-1.4215l0.50175-2.007c0.08327-0.33447 0.08327-0.41848-4.93e-4 -0.41848-0.16708-0.0838-0.75264 0.16724-1.0873 0.41798l-0.16708-0.41798c1.0035-0.83641 2.1741-1.3382 2.7597-1.3382 0.41795 0 0.50175 0.50178 0.25089 1.3382l-0.58506 2.1746c-0.08381 0.41797-0.08381 0.50175 0.08381 0.50175a1.6749 1.6749 0 0 0 0.91989-0.50175l0.25089 0.33486a4.8242 4.8242 0 0 1-2.5091 1.3377', strokeWidth: '.50175' }),
+            React.createElement("path", { d: 'm82.2 116.09c-2.4283 0-5.3503 0.45305-5.666 1.0765v2.9707c0.04028 0.16181 0.30758 0.31546 0.72039 0.46923a1.3194 1.3194 0 0 0-0.72039 0.42085v2.922c0.04028 0.1618 0.32376 0.33175 0.75276 0.48568a1.3841 1.3841 0 0 0-0.75276 0.45305v2.9301c0.16188 0.60709 3.7557 1.2222 5.666 1.2222 1.9103 0 5.5041-0.61516 5.666-1.2303v-2.922c-0.04866-0.13736-0.37238-0.29179-0.80944-0.43691 0.46949-0.1618 0.80944-0.32361 0.80944-0.50186v-2.922c-0.04866-0.13775-0.36423-0.27549-0.80944-0.42084 0.4614-0.15405 0.80944-0.32361 0.80944-0.50187v-2.9382c-0.1618-0.4612-3.2377-1.0766-5.666-1.0766zm-4.8566 1.1655h0.08106a10.085 10.085 0 0 0 1.4084 0.45355 19.556 19.556 0 0 0 3.432 0.37211 19.564 19.564 0 0 0 3.432-0.37211 9.8102 9.8102 0 0 0 1.4327-0.38829l0.22668 0.0974v0.46923a10.401 10.401 0 0 1-1.5298 0.40454 19.977 19.977 0 0 1-3.5534 0.38829 19.977 19.977 0 0 1-3.5534-0.38829 10.652 10.652 0 0 1-1.546-0.40454l-0.11318-0.0485v-0.45355s0.06488-0.0485 0.28329-0.1296zm0 3.8448 0.09697 0.0485a10.296 10.296 0 0 0 1.4489 0.37211 19.677 19.677 0 0 0 3.432 0.38829 19.685 19.685 0 0 0 3.432-0.38829 10.005 10.005 0 0 0 1.4327-0.37211l0.22668 0.0974v0.46923a10.409 10.409 0 0 1-1.5298 0.40458 19.977 19.977 0 0 1-3.5534 0.38825 19.977 19.977 0 0 1-3.5534-0.38825 10.668 10.668 0 0 1-1.546-0.40458l-0.11318-0.0485v-0.43687s0.02445-0.0485 0.17011-0.12959zm0 3.8934h0.08106a10.077 10.077 0 0 0 1.4489 0.38829 19.556 19.556 0 0 0 3.432 0.37211 19.564 19.564 0 0 0 3.432-0.37211 9.8021 9.8021 0 0 0 1.3922-0.38829l0.22668 0.097v0.46927a10.264 10.264 0 0 1-1.5298 0.42084 19.977 19.977 0 0 1-3.5534 0.38829 19.977 19.977 0 0 1-3.5534-0.38829 10.523 10.523 0 0 1-1.546-0.42084l-0.11318-0.0485v-0.42084s0.08102-0.0485 0.28329-0.097z', strokeWidth: '.80942' }))));
+};
+export default DatabaseInfoIcon;
+//# sourceMappingURL=DatabaseInfo.js.map

package/lib/esm/widget/icons/DatabaseInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseInfo.js","sourceRoot":"","sources":["../../../../src/widget/icons/DatabaseInfo.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,gBAAgB,GAAG,GAAgB,EAAE;IACzC,OAAO,CACL,6BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;QAElC,2BAAG,SAAS,EAAC,4BAA4B;YACvC,8BACE,CAAC,EAAC,6lBAA6lB,EAC/lB,WAAW,EAAC,QAAQ,GACpB;YACF,8BACE,CAAC,EAAC,2qDAA2qD,EAC7qD,WAAW,EAAC,QAAQ,GACpB,CACA,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,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 React from \"react\";\nimport \"./DatabaseInfo.scss\";\n\nconst DatabaseInfoIcon = (): JSX.Element => {\n  return (\n    <svg\n      className='database-info-icon'\n      version='1.1'\n      viewBox='0 0 16 16'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <g transform='translate(-76.395 -115.93)'>\n        <path\n          d='m91.293 123.66a0.77217 0.77217 0 0 1 0.83377 0.70519q0.0019 0.0233 0.0019 0.0473a1.095 1.095 0 0 1-1.0871 1.0035 0.79008 0.79008 0 0 1-0.83626-0.83626 1.0271 1.0271 0 0 1 1.0871-0.91987m-1.6723 8.0281c-0.41796 0-0.75264-0.25105-0.41796-1.4215l0.50175-2.007c0.08327-0.33447 0.08327-0.41848-4.93e-4 -0.41848-0.16708-0.0838-0.75264 0.16724-1.0873 0.41798l-0.16708-0.41798c1.0035-0.83641 2.1741-1.3382 2.7597-1.3382 0.41795 0 0.50175 0.50178 0.25089 1.3382l-0.58506 2.1746c-0.08381 0.41797-0.08381 0.50175 0.08381 0.50175a1.6749 1.6749 0 0 0 0.91989-0.50175l0.25089 0.33486a4.8242 4.8242 0 0 1-2.5091 1.3377'\n          strokeWidth='.50175'\n        />\n        <path\n          d='m82.2 116.09c-2.4283 0-5.3503 0.45305-5.666 1.0765v2.9707c0.04028 0.16181 0.30758 0.31546 0.72039 0.46923a1.3194 1.3194 0 0 0-0.72039 0.42085v2.922c0.04028 0.1618 0.32376 0.33175 0.75276 0.48568a1.3841 1.3841 0 0 0-0.75276 0.45305v2.9301c0.16188 0.60709 3.7557 1.2222 5.666 1.2222 1.9103 0 5.5041-0.61516 5.666-1.2303v-2.922c-0.04866-0.13736-0.37238-0.29179-0.80944-0.43691 0.46949-0.1618 0.80944-0.32361 0.80944-0.50186v-2.922c-0.04866-0.13775-0.36423-0.27549-0.80944-0.42084 0.4614-0.15405 0.80944-0.32361 0.80944-0.50187v-2.9382c-0.1618-0.4612-3.2377-1.0766-5.666-1.0766zm-4.8566 1.1655h0.08106a10.085 10.085 0 0 0 1.4084 0.45355 19.556 19.556 0 0 0 3.432 0.37211 19.564 19.564 0 0 0 3.432-0.37211 9.8102 9.8102 0 0 0 1.4327-0.38829l0.22668 0.0974v0.46923a10.401 10.401 0 0 1-1.5298 0.40454 19.977 19.977 0 0 1-3.5534 0.38829 19.977 19.977 0 0 1-3.5534-0.38829 10.652 10.652 0 0 1-1.546-0.40454l-0.11318-0.0485v-0.45355s0.06488-0.0485 0.28329-0.1296zm0 3.8448 0.09697 0.0485a10.296 10.296 0 0 0 1.4489 0.37211 19.677 19.677 0 0 0 3.432 0.38829 19.685 19.685 0 0 0 3.432-0.38829 10.005 10.005 0 0 0 1.4327-0.37211l0.22668 0.0974v0.46923a10.409 10.409 0 0 1-1.5298 0.40458 19.977 19.977 0 0 1-3.5534 0.38825 19.977 19.977 0 0 1-3.5534-0.38825 10.668 10.668 0 0 1-1.546-0.40458l-0.11318-0.0485v-0.43687s0.02445-0.0485 0.17011-0.12959zm0 3.8934h0.08106a10.077 10.077 0 0 0 1.4489 0.38829 19.556 19.556 0 0 0 3.432 0.37211 19.564 19.564 0 0 0 3.432-0.37211 9.8021 9.8021 0 0 0 1.3922-0.38829l0.22668 0.097v0.46927a10.264 10.264 0 0 1-1.5298 0.42084 19.977 19.977 0 0 1-3.5534 0.38829 19.977 19.977 0 0 1-3.5534-0.38829 10.523 10.523 0 0 1-1.546-0.42084l-0.11318-0.0485v-0.42084s0.08102-0.0485 0.28329-0.097z'\n          strokeWidth='.80942'\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport default DatabaseInfoIcon;\n"]}

package/lib/esm/widget/icons/DatabaseInfo.scss

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import '~@itwin/itwinui-css/scss/icon/index';
+
+.database-info-icon {
+  @include iui-icons-default();
+  @include themed {
+    fill: t(iui-icons-color-actionable);
+  }
+}

package/lib/esm/widget/utils.d.ts

@@ -0,0 +1,4 @@
+export declare type CreateTypeFromInterface<Interface> = {
+    [Property in keyof Interface]: Interface[Property];
+};
+//# sourceMappingURL=utils.d.ts.map

package/lib/esm/widget/utils.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.js.map

package/lib/esm/widget/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/widget/utils.ts"],"names":[],"mappings":"","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*--------------------------------------------------------------------------------------------*/\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n"]}