@itwin/grouping-mapping-widget 0.16.1 → 0.17.0

package/lib/cjs/widget/components/QueryBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport type {\n  InstanceKey,\n  PropertiesField,\n} from \"@itwin/presentation-common\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport interface Query {\n  unions: QueryUnion[];\n}\n\nexport interface QueryUnion {\n  classes: QueryClass[];\n  properties: QueryProperty[];\n}\n\nexport interface QueryClass {\n  // schemaName.className\n  className: string;\n  classJoins: ClassJoin[];\n}\n\nexport interface ClassJoin {\n  classProperty: string;\n  joinClassName: string;\n  joinClassProperty: string;\n}\n\nexport interface QueryProperty {\n  className: string;\n  classProperties: ClassProperty[];\n  isCategory: boolean;\n  isAspect: boolean;\n}\n\nexport interface ClassProperty {\n  name: string;\n  value: Primitives.Value;\n  needsQuote: boolean;\n}\n\nexport interface AddedProperty {\n  propertyRecord: PropertyRecord;\n  propertiesField: PropertiesField;\n}\n\n/* This class is to build adaptive and dynamic query for find similar property selections */\nexport class QueryBuilder {\n  private static readonly MULTI_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsMultiAspects\";\n  private static readonly UNIQUE_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsUniqueAspect\";\n  private static readonly DEFAULT_DOUBLE_PRECISION = 4;\n\n  private dataProvider: PresentationPropertyDataProvider;\n  private query: Query | undefined;\n\n  constructor(provider: PresentationPropertyDataProvider) {\n    this.dataProvider = provider;\n  }\n\n  private isCategory(propertyField: PropertiesField): boolean {\n    const classInfo =\n      propertyField.properties[0].property.navigationPropertyInfo?.classInfo;\n    return classInfo?.name === \"BisCore:GeometricElement3dIsInCategory\";\n  }\n\n  private _propertyMap: Map<string, AddedProperty> = new Map();\n\n  public resetQueryBuilder = () => {\n    this._propertyMap = new Map();\n  };\n\n  private regenerateQuery = () => {\n    this.query = undefined;\n\n    for (const property of this._propertyMap.values()) {\n      this.buildProperty(property.propertyRecord, property.propertiesField);\n    }\n  };\n\n  public async addProperty(prop: PropertyRecord): Promise<boolean> {\n    // TODO: only handle primitive properties now\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive) {\n      toaster.warning(\"Only primitive types are supported for now.\");\n      return false;\n    }\n    if (prop.value.value === undefined) {\n      return false;\n    }\n\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    if (!propertyField) {\n      toaster.negative(\n        \"Error. Failed to fetch field for this property record.\",\n      );\n      return false;\n    }\n\n    this._propertyMap.set(JSON.stringify(propertyField.getFieldDescriptor()), { propertyRecord: prop, propertiesField: propertyField });\n    return true;\n  }\n\n  public async removeProperty(prop: PropertyRecord) {\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    this._propertyMap.delete(JSON.stringify(propertyField.getFieldDescriptor()));\n  }\n\n  private buildProperty(prop: PropertyRecord, propertiesField: PropertiesField) {\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive || prop.value.value === undefined) {\n      toaster.negative(\n        \"Error. An unexpected error has occured while building a query.\",\n      );\n      return;\n    }\n\n    function replaceAll(str: string, match: string, replacement: string) {\n      return str.split(match).join(replacement);\n    }\n    // if property value has single quote, escape\n    if (\n      (typeof prop.value.value === \"string\" ||\n        prop.value.value instanceof String) &&\n      String(prop.value.value).indexOf(\"'\") >= 0\n    ) {\n      prop.value.value = replaceAll(prop.value.value.toString(), \"'\", \"''\");\n    }\n\n    const pathToPrimaryClass = propertiesField.parent?.pathToPrimaryClass;\n\n    // get the special cases\n    const isNavigation: boolean =\n      prop.property.typename.toLowerCase() === \"navigation\";\n    const isCategory: boolean = isNavigation && this.isCategory(propertiesField);\n\n    const isAspect: boolean =\n      pathToPrimaryClass?.find(\n        (a) =>\n          a.relationshipInfo?.name ===\n          QueryBuilder.UNIQUE_ASPECT_PRIMARY_CLASS ||\n          a.relationshipInfo?.name === QueryBuilder.MULTI_ASPECT_PRIMARY_CLASS,\n      ) !== undefined;\n\n    for (let i = 0; i < propertiesField.properties.length; i++) {\n      const property = propertiesField.properties[i].property;\n\n      const className = property.classInfo.name.replace(\":\", \".\");\n      const propertyName = isNavigation\n        ? isCategory\n          ? `${property.name}.CodeValue`\n          : `${property.name}.id`\n        : property.name;\n      const propertyValue = isNavigation\n        ? isCategory\n          ? prop.value.displayValue ?? \"\"\n          : (prop.value.value as InstanceKey).id\n        : prop.value.value;\n\n      if (\n        !isAspect &&\n        pathToPrimaryClass &&\n        pathToPrimaryClass.length > 0\n      ) {\n        this.addRelatedToQuery(\n          i,\n          propertiesField,\n          propertyName,\n          propertyValue,\n        );\n      } else {\n        this.addPropertyToQuery(\n          i,\n          className,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertiesField),\n          isCategory,\n          isAspect,\n        );\n      }\n    }\n    return true;\n  }\n\n  private needsQuote(propertyField: PropertiesField): boolean {\n    // list of property types that need quote around property value\n    const typeName = propertyField.type.typeName.toLowerCase();\n    return \"string\" === typeName || \"uri\" === typeName;\n  }\n\n  private addRelatedToQuery(\n    unionIndex: number,\n    propertyField: PropertiesField,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n  ) {\n    const paths = [...(propertyField.parent?.pathToPrimaryClass ?? [])];\n    paths.reverse().forEach((path) => {\n      const sourceClassName = path.sourceClassInfo?.name.replace(\":\", \".\");\n      const targetClassName = path.targetClassInfo?.name.replace(\":\", \".\");\n      const relClassName = path.relationshipInfo?.name.replace(\":\", \".\");\n\n      const relClassProperty = path.isForwardRelationship\n        ? `SourceECInstanceId`\n        : `TargetECInstanceId`;\n\n      const relPropertyValue = path.isForwardRelationship\n        ? `TargetECInstanceId`\n        : `SourceECInstanceId`;\n\n      this.addClassToQuery(\n        unionIndex,\n        targetClassName,\n        `ECInstanceId`,\n        relClassName,\n        relPropertyValue\n      );\n\n      this.addClassToQuery(\n        unionIndex,\n        relClassName,\n        relClassProperty,\n        sourceClassName,\n        `ECInstanceId`\n      );\n\n      if (path.sourceClassInfo?.name\n        === propertyField.parent?.contentClassInfo.name) {\n        this.addPropertyToQuery(\n          unionIndex,\n          sourceClassName,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertyField),\n          false,\n          false,\n        );\n      }\n    });\n  }\n\n  private addClassToQuery(\n    unionIndex: number,\n    className: string,\n    classProperty: string,\n    joinClassName: string,\n    joinClassProperty: string,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const classJoin: ClassJoin = {\n      classProperty,\n      joinClassName,\n      joinClassProperty,\n    };\n\n    const queryClass: QueryClass = {\n      className,\n      classJoins: [classJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [queryClass],\n        properties: [],\n      });\n      return;\n    }\n\n    const foundClass = this.query.unions[unionIndex].classes.find((c) =>\n      c.className === className\n    );\n\n    if (foundClass) {\n      const foundJoin = foundClass.classJoins.find((join) =>\n        join.classProperty === classProperty && join.joinClassName === joinClassName && join.joinClassProperty === joinClassProperty\n      );\n\n      if (!foundJoin)\n        foundClass.classJoins.push(classJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].classes.push(queryClass);\n  }\n\n  private addPropertyToQuery(\n    unionIndex: number,\n    className: string,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n    needsQuote: boolean,\n    isCategory: boolean,\n    isAspect: boolean,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const queryJoin: ClassProperty = {\n      name: propertyName,\n      value: propertyValue,\n      needsQuote,\n    };\n\n    const queryProperty: QueryProperty = {\n      className,\n      isCategory,\n      isAspect,\n      classProperties: [queryJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [],\n        properties: [queryProperty],\n      });\n      return;\n    }\n\n    const foundPropertyClass = this.query.unions[unionIndex].properties.find((p) =>\n      p.className === className\n    );\n\n    if (foundPropertyClass) {\n      const foundJoin = foundPropertyClass?.classProperties.find((join) =>\n        join.name === propertyName\n      );\n\n      if (foundJoin) {\n        foundJoin.value = propertyValue;\n        return;\n      }\n\n      foundPropertyClass.classProperties.push(queryJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].properties.push(queryProperty);\n  }\n\n  public buildQueryString() {\n    this.regenerateQuery();\n    if (\n      this.query === undefined ||\n      (this.query.unions.find((u) => u.classes.length === 0 && u.properties.length === 0))\n    ) {\n      return \"\";\n    }\n\n    const unionSegments: string[] = [];\n    for (const union of this.query.unions) {\n\n      const baseClass = union.classes[0];\n      const baseProperty = union.properties[0];\n      const baseClassName = baseClass ? baseClass.className : baseProperty?.className;\n      const baseIdName = `${baseClassName}.ECInstanceId`;\n\n      const selectClause = this.selectClause(baseProperty, baseClass);\n\n      let querySegments: Map<string, string[]> = new Map();\n      querySegments = this.relationalJoinSegments(union.classes, querySegments);\n\n      const whereSegments: string[] = [];\n      for (const property of union.properties) {\n        if (property.isCategory) {\n          if (property.className !== baseClassName)\n            querySegments.set(\"BisCore.GeometricElement3d\", [`BisCore.GeometricElement3d.ECInstanceId = ${baseIdName}`]);\n\n          querySegments.set(\"BisCore.Category\", [`BisCore.Category.ECInstanceId = BisCore.GeometricElement3d.category.id`]);\n          whereSegments.push(this.categoryWhereQuery(property.classProperties[0].value.toString()));\n          continue;\n        }\n\n        const joinIdName = property.isAspect\n          ? `${property.className}.Element.id`\n          : `${property.className}.ECInstanceId`;\n\n        if (!querySegments.has(property.className) && property.className !== baseClassName)\n          querySegments.set(property.className, [`${joinIdName} = ${baseIdName}`]);\n\n        for (const prop of property.classProperties) {\n          whereSegments.push(this.propertyQuerySegment(property.className, prop, prop.needsQuote));\n        }\n      }\n\n      const joinClauses: string[] = [];\n      for (const key of querySegments.keys()) {\n        joinClauses.push(`JOIN ${key} ON ${querySegments.get(key)?.join(\" AND \")}`);\n      }\n\n      const whereClause = `WHERE ${whereSegments.join(\" AND \")}`;\n\n      unionSegments.push([selectClause, ...joinClauses, whereClause].join(\" \"));\n    }\n\n    return unionSegments.join(\" UNION \");\n  }\n\n  private selectClause(baseProperty: QueryProperty | undefined, baseClass: QueryClass | undefined) {\n    if (baseClass) {\n      return `SELECT ${baseClass.className}.ECInstanceId, ${baseClass.className}.ECClassId FROM ${baseClass.className}`;\n    }\n\n    if (baseProperty) {\n      const baseIdName = baseProperty.isAspect\n        ? `${baseProperty.className}.Element.id ECInstanceId`\n        : `${baseProperty.className}.ECInstanceId, ${baseProperty.className}.ECClassId`;\n\n      return `SELECT ${baseIdName} FROM ${baseProperty.className}`;\n    }\n\n    return \"\";\n  }\n\n  private relationalJoinSegments = (classes: QueryClass[], querySegments: Map<string, string[]>): Map<string, string[]> => {\n    for (const queryClass of classes) {\n      for (const classJoin of queryClass.classJoins) {\n        const querySegment = [\n          ...querySegments.get(classJoin.joinClassName) ?? [],\n          `${queryClass.className}.${classJoin.classProperty} = ${classJoin.joinClassName}.${classJoin.joinClassProperty}`,\n        ];\n        querySegments.set(classJoin.joinClassName, querySegment);\n      }\n    }\n\n    return querySegments;\n  };\n\n  private propertyQuerySegment = (className: string, property: ClassProperty, needsQuote: boolean): string => {\n    if (this.isFloat(property.value))\n      return `ROUND(${className}.${property.name}, ` +\n        `${QueryBuilder.DEFAULT_DOUBLE_PRECISION}) = ` +\n        `${Number(property.value).toFixed(QueryBuilder.DEFAULT_DOUBLE_PRECISION)}`;\n\n    const propertyValue = needsQuote ? `'${property.value}'` : property.value;\n    return `${className}.${property.name} = ${propertyValue}`;\n  };\n\n  private categoryWhereQuery(codeValue: string): string {\n    return `((BisCore.Category.CodeValue = '${codeValue}') OR (BisCore.Category.UserLabel = '${codeValue}'))`;\n  }\n\n  private isFloat(n: unknown): boolean {\n    return Number(n) === n && n % 1 !== 0;\n  }\n}\n"]}
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport type {\n  InstanceKey,\n  PropertiesField,\n} from \"@itwin/presentation-common\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport interface Query {\n  unions: QueryUnion[];\n}\n\nexport interface QueryUnion {\n  classes: QueryClass[];\n  properties: QueryProperty[];\n}\n\nexport interface QueryClass {\n  // schemaName.className\n  className: string;\n  classJoins: ClassJoin[];\n}\n\nexport interface ClassJoin {\n  classProperty: string;\n  joinClassName: string;\n  joinClassProperty: string;\n}\n\nexport interface QueryProperty {\n  className: string;\n  classProperties: ClassProperty[];\n  isCategory: boolean;\n  isAspect: boolean;\n}\n\nexport interface ClassProperty {\n  name: string;\n  value: Primitives.Value;\n  needsQuote: boolean;\n}\n\nexport interface AddedProperty {\n  propertyRecord: PropertyRecord;\n  propertiesField: PropertiesField;\n}\n\n/* This class is to build adaptive and dynamic query for find similar property selections */\nexport class QueryBuilder {\n  private static readonly MULTI_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsMultiAspects\";\n  private static readonly UNIQUE_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsUniqueAspect\";\n  private static readonly DEFAULT_DOUBLE_PRECISION = 4;\n\n  private dataProvider: PresentationPropertyDataProvider;\n  private query: Query | undefined;\n\n  constructor(provider: PresentationPropertyDataProvider) {\n    this.dataProvider = provider;\n  }\n\n  private isCategory(propertyField: PropertiesField): boolean {\n    const classInfo =\n      propertyField.properties[0].property.navigationPropertyInfo?.classInfo;\n    return classInfo?.name === \"BisCore:GeometricElement3dIsInCategory\";\n  }\n\n  private _propertyMap: Map<string, AddedProperty> = new Map();\n\n  public resetQueryBuilder = () => {\n    this._propertyMap = new Map();\n  };\n\n  private regenerateQuery = () => {\n    this.query = undefined;\n\n    for (const property of this._propertyMap.values()) {\n      this.buildProperty(property.propertyRecord, property.propertiesField);\n    }\n  };\n\n  public async addProperty(prop: PropertyRecord): Promise<boolean> {\n    // TODO: only handle primitive properties now\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive) {\n      toaster.warning(\"Only primitive types are supported for now.\");\n      return false;\n    }\n    if (prop.value.value === undefined) {\n      return false;\n    }\n\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    if (!propertyField) {\n      toaster.negative(\n        \"Error. Failed to fetch field for this property record.\",\n      );\n      return false;\n    }\n\n    this._propertyMap.set(JSON.stringify(propertyField.getFieldDescriptor()), { propertyRecord: prop, propertiesField: propertyField });\n    return true;\n  }\n\n  public async removeProperty(prop: PropertyRecord) {\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    this._propertyMap.delete(JSON.stringify(propertyField.getFieldDescriptor()));\n  }\n\n  private buildProperty(prop: PropertyRecord, propertiesField: PropertiesField) {\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive || prop.value.value === undefined) {\n      toaster.negative(\n        \"Error. An unexpected error has occured while building a query.\",\n      );\n      return;\n    }\n\n    function replaceAll(str: string, match: string, replacement: string) {\n      return str.split(match).join(replacement);\n    }\n    // if property value has single quote, escape\n    if (\n      (typeof prop.value.value === \"string\" ||\n        prop.value.value instanceof String) &&\n      String(prop.value.value).indexOf(\"'\") >= 0\n    ) {\n      prop.value.value = replaceAll(prop.value.value.toString(), \"'\", \"''\");\n    }\n\n    const pathToPrimaryClass = propertiesField.parent?.pathToPrimaryClass;\n\n    // get the special cases\n    const isNavigation: boolean =\n      prop.property.typename.toLowerCase() === \"navigation\";\n    const isCategory: boolean = isNavigation && this.isCategory(propertiesField);\n\n    const isAspect: boolean =\n      pathToPrimaryClass?.find(\n        (a) =>\n          a.relationshipInfo?.name ===\n          QueryBuilder.UNIQUE_ASPECT_PRIMARY_CLASS ||\n          a.relationshipInfo?.name === QueryBuilder.MULTI_ASPECT_PRIMARY_CLASS,\n      ) !== undefined;\n\n    for (let i = 0; i < propertiesField.properties.length; i++) {\n      const property = propertiesField.properties[i].property;\n\n      const className = property.classInfo.name.replace(\":\", \".\");\n      const propertyName = isNavigation\n        ? isCategory\n          ? `${property.name}.CodeValue`\n          : `${property.name}.id`\n        : property.name;\n      const propertyValue = isNavigation\n        ? isCategory\n          ? prop.value.displayValue ?? \"\"\n          : (prop.value.value as InstanceKey).id\n        : prop.value.value;\n\n      if (\n        !isAspect &&\n        pathToPrimaryClass &&\n        pathToPrimaryClass.length > 0\n      ) {\n        this.addRelatedToQuery(\n          i,\n          propertiesField,\n          propertyName,\n          propertyValue,\n        );\n      } else {\n        this.addPropertyToQuery(\n          i,\n          className,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertiesField),\n          isCategory,\n          isAspect,\n        );\n      }\n    }\n    return true;\n  }\n\n  private needsQuote(propertyField: PropertiesField): boolean {\n    // list of property types that need quote around property value\n    const typeName = propertyField.type.typeName.toLowerCase();\n    return \"string\" === typeName || \"uri\" === typeName;\n  }\n\n  private addRelatedToQuery(\n    unionIndex: number,\n    propertyField: PropertiesField,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n  ) {\n    const paths = [...(propertyField.parent?.pathToPrimaryClass ?? [])];\n    paths.reverse().forEach((path) => {\n      const sourceClassName = path.sourceClassInfo?.name.replace(\":\", \".\");\n      const targetClassName = path.targetClassInfo?.name.replace(\":\", \".\");\n      const relClassName = path.relationshipInfo?.name.replace(\":\", \".\");\n\n      const relClassProperty = path.isForwardRelationship\n        ? `SourceECInstanceId`\n        : `TargetECInstanceId`;\n\n      const relPropertyValue = path.isForwardRelationship\n        ? `TargetECInstanceId`\n        : `SourceECInstanceId`;\n\n      this.addClassToQuery(\n        unionIndex,\n        targetClassName,\n        `ECInstanceId`,\n        relClassName,\n        relPropertyValue\n      );\n\n      this.addClassToQuery(\n        unionIndex,\n        relClassName,\n        relClassProperty,\n        sourceClassName,\n        `ECInstanceId`\n      );\n\n      if (path.sourceClassInfo?.name\n        === propertyField.parent?.contentClassInfo.name) {\n        this.addPropertyToQuery(\n          unionIndex,\n          sourceClassName,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertyField),\n          false,\n          false,\n        );\n      }\n    });\n  }\n\n  private addClassToQuery(\n    unionIndex: number,\n    className: string,\n    classProperty: string,\n    joinClassName: string,\n    joinClassProperty: string,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const classJoin: ClassJoin = {\n      classProperty,\n      joinClassName,\n      joinClassProperty,\n    };\n\n    const queryClass: QueryClass = {\n      className,\n      classJoins: [classJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [queryClass],\n        properties: [],\n      });\n      return;\n    }\n\n    const foundClass = this.query.unions[unionIndex].classes.find((c) =>\n      c.className === className\n    );\n\n    if (foundClass) {\n      const foundJoin = foundClass.classJoins.find((join) =>\n        join.classProperty === classProperty && join.joinClassName === joinClassName && join.joinClassProperty === joinClassProperty\n      );\n\n      if (!foundJoin)\n        foundClass.classJoins.push(classJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].classes.push(queryClass);\n  }\n\n  private addPropertyToQuery(\n    unionIndex: number,\n    className: string,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n    needsQuote: boolean,\n    isCategory: boolean,\n    isAspect: boolean,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const queryJoin: ClassProperty = {\n      name: propertyName,\n      value: propertyValue,\n      needsQuote,\n    };\n\n    const queryProperty: QueryProperty = {\n      className,\n      isCategory,\n      isAspect,\n      classProperties: [queryJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [],\n        properties: [queryProperty],\n      });\n      return;\n    }\n\n    const foundPropertyClass = this.query.unions[unionIndex].properties.find((p) =>\n      p.className === className\n    );\n\n    if (foundPropertyClass) {\n      const foundJoin = foundPropertyClass?.classProperties.find((join) =>\n        join.name === propertyName\n      );\n\n      if (foundJoin) {\n        foundJoin.value = propertyValue;\n        return;\n      }\n\n      foundPropertyClass.classProperties.push(queryJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].properties.push(queryProperty);\n  }\n\n  public buildQueryString() {\n    this.regenerateQuery();\n    if (\n      this.query === undefined ||\n      (this.query.unions.find((u) => u.classes.length === 0 && u.properties.length === 0))\n    ) {\n      return \"\";\n    }\n\n    const unionSegments: string[] = [];\n    for (const union of this.query.unions) {\n\n      const baseClass = union.classes[0];\n      const baseProperty = union.properties[0];\n      const baseClassName = baseClass ? baseClass.className : baseProperty?.className;\n      const baseIdName = `${baseClassName}.ECInstanceId`;\n\n      const selectClause = this.selectClause(baseProperty, baseClass);\n\n      let querySegments: Map<string, string[]> = new Map();\n      querySegments = this.relationalJoinSegments(union.classes, querySegments);\n\n      const whereSegments: string[] = [];\n      for (const property of union.properties) {\n        if (property.isCategory) {\n          if (property.className !== baseClassName)\n            querySegments.set(\"BisCore.GeometricElement3d\", [`BisCore.GeometricElement3d.ECInstanceId = ${baseIdName}`]);\n\n          querySegments.set(\"BisCore.Category\", [`BisCore.Category.ECInstanceId = BisCore.GeometricElement3d.category.id`]);\n          whereSegments.push(this.categoryWhereQuery(property.classProperties[0].value.toString()));\n          continue;\n        }\n\n        const joinIdName = property.isAspect\n          ? `${property.className}.Element.id`\n          : `${property.className}.ECInstanceId`;\n\n        if (!querySegments.has(property.className) && property.className !== baseClassName)\n          querySegments.set(property.className, [`${joinIdName} = ${baseIdName}`]);\n\n        for (const prop of property.classProperties) {\n          whereSegments.push(this.propertyQuerySegment(property.className, prop, prop.needsQuote));\n        }\n      }\n\n      const joinClauses: string[] = [];\n      for (const key of querySegments.keys()) {\n        joinClauses.push(`JOIN ${key} ON ${querySegments.get(key)?.join(\" AND \")}`);\n      }\n\n      const whereClause = `WHERE ${whereSegments.join(\" AND \")}`;\n\n      unionSegments.push([selectClause, ...joinClauses, whereClause].join(\" \"));\n    }\n\n    return unionSegments.join(\" UNION \");\n  }\n\n  private selectClause(baseProperty: QueryProperty | undefined, baseClass: QueryClass | undefined) {\n    if (baseClass) {\n      return `SELECT ${baseClass.className}.ECInstanceId, ${baseClass.className}.ECClassId FROM ${baseClass.className}`;\n    }\n\n    if (baseProperty) {\n      const baseIdName = baseProperty.isAspect\n        ? `${baseProperty.className}.Element.id ECInstanceId`\n        : `${baseProperty.className}.ECInstanceId, ${baseProperty.className}.ECClassId`;\n\n      return `SELECT ${baseIdName} FROM ${baseProperty.className}`;\n    }\n\n    return \"\";\n  }\n\n  private relationalJoinSegments = (classes: QueryClass[], querySegments: Map<string, string[]>): Map<string, string[]> => {\n    for (const queryClass of classes) {\n      for (const classJoin of queryClass.classJoins) {\n        const querySegment = [\n          ...querySegments.get(classJoin.joinClassName) ?? [],\n          `${queryClass.className}.${classJoin.classProperty} = ${classJoin.joinClassName}.${classJoin.joinClassProperty}`,\n        ];\n        querySegments.set(classJoin.joinClassName, querySegment);\n      }\n    }\n\n    return querySegments;\n  };\n\n  private propertyQuerySegment = (className: string, property: ClassProperty, needsQuote: boolean): string => {\n    if (this.isFloat(property.value))\n      return `ROUND(${className}.${property.name}, ` +\n        `${QueryBuilder.DEFAULT_DOUBLE_PRECISION}) = ` +\n        `${Number(property.value).toFixed(QueryBuilder.DEFAULT_DOUBLE_PRECISION)}`;\n\n    const propertyValue = needsQuote ? `'${property.value}'` : property.value;\n    return `${className}.${property.name} = ${propertyValue}`;\n  };\n\n  private categoryWhereQuery(codeValue: string): string {\n    return `((BisCore.Category.CodeValue = '${codeValue}') OR (BisCore.Category.UserLabel = '${codeValue}'))`;\n  }\n\n  private isFloat(n: unknown): boolean {\n    return Number(n) === n && n % 1 !== 0;\n  }\n}\n"]}

package/lib/cjs/widget/components/QueryBuilderCustomUI.js

@@ -18,7 +18,7 @@ const QueryBuilderCustomUI = ({ queryGenerationType, groupUIs, isUpdating, reset
                 updateQuery: setQuery,
                 isUpdating,
                 resetView,
-                initialEditModeQuery: group === null || group === void 0 ? void 0 : group.query,
+                initialEditModeQuery: group?.query,
             });
         }
     }

package/lib/cjs/widget/components/QueryBuilderCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilderCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,mCAAuC;AAYhC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,GACqB,EAAE,EAAE;IAC9B,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;QACzD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC;QAC9E,IAAI,gBAAgB,EAAE;YACpB,OAAO,eAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBACvD,WAAW,EAAE,QAAQ;gBACrB,UAAU;gBACV,SAAS;gBACT,oBAAoB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;aACnC,CAAC,CAAC;SACJ;KACF;IACD,OAAO,8BAAC,oBAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B","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 type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { EmptyMessage } from \"./utils\";\nimport type { Group } from \"@itwin/insights-client\";\n\nexport interface QueryBuilderCustomUIProps {\n  queryGenerationType: string;\n  groupUIs: GroupingCustomUI[];\n  isUpdating: boolean;\n  resetView: () => Promise<void>;\n  setQuery: (query: string) => void;\n  group?: Group;\n}\n\nexport const QueryBuilderCustomUI = ({\n  queryGenerationType,\n  groupUIs,\n  isUpdating,\n  resetView,\n  setQuery,\n  group,\n}: QueryBuilderCustomUIProps) => {\n  if (queryGenerationType && queryGenerationType.length > 0) {\n    const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);\n    if (selectedCustomUI) {\n      return React.createElement(selectedCustomUI.uiComponent, {\n        updateQuery: setQuery,\n        isUpdating,\n        resetView,\n        initialEditModeQuery: group?.query,\n      });\n    }\n  }\n  return <EmptyMessage message=\"No query generation method selected. \" />;\n};\n"]}
+{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../src/widget/components/QueryBuilderCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,mCAAuC;AAYhC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,GACqB,EAAE,EAAE;IAC9B,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;QACzD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC;QAC9E,IAAI,gBAAgB,EAAE;YACpB,OAAO,eAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBACvD,WAAW,EAAE,QAAQ;gBACrB,UAAU;gBACV,SAAS;gBACT,oBAAoB,EAAE,KAAK,EAAE,KAAK;aACnC,CAAC,CAAC;SACJ;KACF;IACD,OAAO,8BAAC,oBAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B","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 type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { EmptyMessage } from \"./utils\";\nimport type { Group } from \"@itwin/insights-client\";\n\nexport interface QueryBuilderCustomUIProps {\n  queryGenerationType: string;\n  groupUIs: GroupingCustomUI[];\n  isUpdating: boolean;\n  resetView: () => Promise<void>;\n  setQuery: (query: string) => void;\n  group?: Group;\n}\n\nexport const QueryBuilderCustomUI = ({\n  queryGenerationType,\n  groupUIs,\n  isUpdating,\n  resetView,\n  setQuery,\n  group,\n}: QueryBuilderCustomUIProps) => {\n  if (queryGenerationType && queryGenerationType.length > 0) {\n    const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);\n    if (selectedCustomUI) {\n      return React.createElement(selectedCustomUI.uiComponent, {\n        updateQuery: setQuery,\n        isUpdating,\n        resetView,\n        initialEditModeQuery: group?.query,\n      });\n    }\n  }\n  return <EmptyMessage message=\"No query generation method selected. \" />;\n};\n"]}

package/lib/cjs/widget/components/QueryBuilderStep.scss

@@ -2,7 +2,6 @@
 * 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";
 
 .gmw-hide {
   display: none;
@@ -10,7 +9,7 @@
 .gmw-query-builder-container {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
   flex-grow: 1;
   min-width: 0;
   min-height: 0;

package/lib/cjs/widget/components/SelectIModel.scss

@@ -2,7 +2,6 @@
 * 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';
 
 .gmw-select-imodel-table-container {
   display: flex;

package/lib/cjs/widget/components/SelectITwin.js

@@ -101,7 +101,7 @@ const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: us
     const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
     const paginator = react_1.useCallback((props) => (react_1.default.createElement(itwinui_react_1.TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
     return (react_1.default.createElement("div", { className: "gmw-select-itwin-table-container" },
-        react_1.default.createElement(itwinui_react_1.HorizontalTabs, { labels: tabsWithIcons, onTabSelected: (type) => {
+        react_1.default.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", labels: tabsWithIcons, onTabSelected: (type) => {
                 onChangeITwinType(type);
                 setITwinType(type);
             }, activeIndex: iTwinType, type: "borderless", contentClassName: "gmw-table-holding-tab" }),

package/lib/cjs/widget/components/SelectITwin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectITwin.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 type { ITwin, ITwinsAccessClient, ITwinsAPIResponse } from \"@itwin/itwins-client\";\nimport { ITwinSubClass } from \"@itwin/itwins-client\";\nimport { SvgCalendar, SvgList, SvgStarHollow } from \"@itwin/itwinui-icons-react\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, HorizontalTabs, Tab, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"./context/ITwinsClientContext\";\nimport { handleError } from \"./utils\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nconst tabsWithIcons = [\n  <Tab key=\"favorite\" label=\"Favorite iTwins\" startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label=\"Recent iTwins\" startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label=\"My iTwins\" startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (\n  setITwins: (iTwins: ITwin[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: number,\n) => {\n  try {\n    setITwins([]);\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    let iTwinsResponse: ITwinsAPIResponse<ITwin[]>;\n    switch (iTwinType) {\n      case 0:\n        iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n        break;\n      case 1:\n        iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n        break;\n      default:\n        iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\n    }\n    setITwins(iTwinsResponse.data!);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectITwinProps {\n  onSelect: (iTwinId: string) => void;\n  onCancel: () => void;\n  onChangeITwinType: (iTwinType: number) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n  defaultITwinType?: number;\n}\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = 0,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iTwins, setITwins] = useState<ITwin[]>([]);\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  useEffect(() => {\n    void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);\n  }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iTwinNumber\",\n            Header: `${displayStrings.iTwinNumber}`,\n            accessor: \"number\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinName\",\n            Header: `${displayStrings.iTwinName}`,\n            accessor: \"displayName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinStatus\",\n            Header: `${displayStrings.iTwinStatus}`,\n            accessor: \"status\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className=\"gmw-select-itwin-table-container\">\n      <HorizontalTabs\n        labels={tabsWithIcons}\n        onTabSelected={(type) => {\n          onChangeITwinType(type);\n          setITwinType(type);\n        }}\n        activeIndex={iTwinType}\n        type={\"borderless\"}\n        contentClassName=\"gmw-table-holding-tab\">\n      </HorizontalTabs>\n      <Table<IITwinTyped>\n        data={iTwins}\n        columns={iTwinsColumns}\n        className='gmw-select-itwin-table'\n        emptyTableContent={`No ${displayStrings.iTwins} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id!);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className=\"gmw-import-action-panel\">\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}
+{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectITwin.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 type { ITwin, ITwinsAccessClient, ITwinsAPIResponse } from \"@itwin/itwins-client\";\nimport { ITwinSubClass } from \"@itwin/itwins-client\";\nimport { SvgCalendar, SvgList, SvgStarHollow } from \"@itwin/itwinui-icons-react\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Tab, Table, tableFilters, TablePaginator, Tabs } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"./context/ITwinsClientContext\";\nimport { handleError } from \"./utils\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nconst tabsWithIcons = [\n  <Tab key=\"favorite\" label=\"Favorite iTwins\" startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label=\"Recent iTwins\" startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label=\"My iTwins\" startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (\n  setITwins: (iTwins: ITwin[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: number,\n) => {\n  try {\n    setITwins([]);\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    let iTwinsResponse: ITwinsAPIResponse<ITwin[]>;\n    switch (iTwinType) {\n      case 0:\n        iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n        break;\n      case 1:\n        iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n        break;\n      default:\n        iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\n    }\n    setITwins(iTwinsResponse.data!);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectITwinProps {\n  onSelect: (iTwinId: string) => void;\n  onCancel: () => void;\n  onChangeITwinType: (iTwinType: number) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n  defaultITwinType?: number;\n}\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = 0,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iTwins, setITwins] = useState<ITwin[]>([]);\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  useEffect(() => {\n    void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);\n  }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iTwinNumber\",\n            Header: `${displayStrings.iTwinNumber}`,\n            accessor: \"number\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinName\",\n            Header: `${displayStrings.iTwinName}`,\n            accessor: \"displayName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinStatus\",\n            Header: `${displayStrings.iTwinStatus}`,\n            accessor: \"status\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className=\"gmw-select-itwin-table-container\">\n      <Tabs\n        orientation=\"horizontal\"\n        labels={tabsWithIcons}\n        onTabSelected={(type) => {\n          onChangeITwinType(type);\n          setITwinType(type);\n        }}\n        activeIndex={iTwinType}\n        type={\"borderless\"}\n        contentClassName=\"gmw-table-holding-tab\">\n      </Tabs>\n      <Table<IITwinTyped>\n        data={iTwins}\n        columns={iTwinsColumns}\n        className='gmw-select-itwin-table'\n        emptyTableContent={`No ${displayStrings.iTwins} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id!);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className=\"gmw-import-action-panel\">\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}

package/lib/cjs/widget/components/SelectITwin.scss

@@ -2,7 +2,6 @@
 * 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';
 
 .gmw-select-itwin-table-container {
   display: flex;
@@ -13,7 +12,7 @@
   .gmw-table-holding-tab {
     display: flex;
     flex-direction: column;
-    gap: $iui-baseline;
+    gap: var(--iui-size-s);
   }
 
   .gmw-select-itwin-table {

package/lib/cjs/widget/components/SelectMapping.scss

@@ -2,7 +2,6 @@
 * 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';
 
 .gmw-select-mapping-container {
   display: flex;

package/lib/cjs/widget/components/SortableHorizontalTile.js

@@ -28,6 +28,7 @@ const sortable_1 = require("@dnd-kit/sortable");
 const HorizontalTile_1 = require("./HorizontalTile");
 const utilities_1 = require("@dnd-kit/utilities");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const SortableHorizontalTile = ({ id, ...props }) => {
     const { attributes, listeners, isDragging, setNodeRef, transform, transition, } = sortable_1.useSortable({ id });
     const style = {
@@ -44,7 +45,7 @@ const SortableHorizontalTile = ({ id, ...props }) => {
         };
     }, [isDragging]);
     return (react_1.default.createElement("div", { ref: setNodeRef, ...attributes, style: { ...style, visibility: isDragging ? "hidden" : "visible" } },
-        react_1.default.createElement(HorizontalTile_1.HorizontalTile, { dragHandle: react_1.default.createElement("div", { className: "gmw-drag-icon", style: { cursor: "grab" }, title: "Drag & Drop", ...listeners },
+        react_1.default.createElement(HorizontalTile_1.HorizontalTile, { dragHandle: react_1.default.createElement(itwinui_react_1.Icon, { className: "gmw-drag-icon", size: "large", style: { cursor: "grab" }, title: "Drag & Drop", ...listeners },
                 react_1.default.createElement(itwinui_icons_react_1.SvgDragHandleVertical, null)), ...props })));
 };
 exports.default = SortableHorizontalTile;

package/lib/cjs/widget/components/SortableHorizontalTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/SortableHorizontalTile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,gDAAgD;AAEhD,qDAAkD;AAClD,kDAAyC;AACzC,oEAAmE;AAMnE,MAAM,sBAAsB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IAC/E,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,GACX,GAAG,sBAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAExB,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;IAEF,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,KACX,UAAU,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE;QAElE,8BAAC,+BAAc,IACb,UAAU,EACR,uCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,aAAa,KAAK,SAAS;gBACzF,8BAAC,2CAAqB,OAAG,CACrB,KAEJ,KAAK,GACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,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, { useEffect } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport type { HorizontalTileProps } from \"./HorizontalTile\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\n\ninterface SortableHorizontalTileProps extends HorizontalTileProps {\n  id: string;\n}\n\nconst SortableHorizontalTile = ({ id, ...props }: SortableHorizontalTileProps) => {\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  useEffect(() => {\n    if (!isDragging) {\n      return;\n    }\n    document.body.style.cursor = \"grabbing\";\n    return () => {\n      document.body.style.cursor = \"\";\n    };\n  }, [isDragging]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      {...attributes}\n      style={{ ...style, visibility: isDragging ? \"hidden\" : \"visible\" }}\n    >\n      <HorizontalTile\n        dragHandle={\n          <div className=\"gmw-drag-icon\" style={{ cursor: \"grab\" }} title=\"Drag & Drop\" {...listeners}>\n            <SvgDragHandleVertical />\n          </div>\n        }\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default SortableHorizontalTile;\n"]}
+{"version":3,"file":"SortableHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/SortableHorizontalTile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,gDAAgD;AAEhD,qDAAkD;AAClD,kDAAyC;AACzC,oEAAmE;AACnE,wDAA4C;AAM5C,MAAM,sBAAsB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IAC/E,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,GACX,GAAG,sBAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAExB,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;IAEF,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,KACX,UAAU,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE;QAElE,8BAAC,+BAAc,IACb,UAAU,EACR,8BAAC,oBAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,aAAa,KAAK,SAAS;gBACvG,8BAAC,2CAAqB,OAAG,CACpB,KAEL,KAAK,GACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,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, { useEffect } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport type { HorizontalTileProps } from \"./HorizontalTile\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\ninterface SortableHorizontalTileProps extends HorizontalTileProps {\n  id: string;\n}\n\nconst SortableHorizontalTile = ({ id, ...props }: SortableHorizontalTileProps) => {\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  useEffect(() => {\n    if (!isDragging) {\n      return;\n    }\n    document.body.style.cursor = \"grabbing\";\n    return () => {\n      document.body.style.cursor = \"\";\n    };\n  }, [isDragging]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      {...attributes}\n      style={{ ...style, visibility: isDragging ? \"hidden\" : \"visible\" }}\n    >\n      <HorizontalTile\n        dragHandle={\n          <Icon className=\"gmw-drag-icon\" size=\"large\" style={{ cursor: \"grab\" }} title=\"Drag & Drop\" {...listeners}>\n            <SvgDragHandleVertical />\n          </Icon>\n        }\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default SortableHorizontalTile;\n"]}

package/lib/cjs/widget/components/StatusIcon.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { SvgInfoCircular, SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from "@itwin/itwinui-icons-react";
+import React from "react";
 import "./StatusIcon.scss";
 declare const StatusIconMap: {
-    readonly success: typeof SvgStatusSuccess;
-    readonly error: typeof SvgStatusError;
-    readonly warning: typeof SvgStatusWarning;
-    readonly informational: typeof SvgInfoCircular;
+    readonly success: (props: React.SVGProps<SVGSVGElement>) => any;
+    readonly error: (props: React.SVGProps<SVGSVGElement>) => any;
+    readonly warning: (props: React.SVGProps<SVGSVGElement>) => any;
+    readonly informational: (props: React.SVGProps<SVGSVGElement>) => any;
 };
 export declare const StatusIcon: ({ status, className, ...rest }: {
     status: keyof typeof StatusIconMap;

package/lib/cjs/widget/components/StatusIcon.scss

@@ -2,25 +2,21 @@
 * 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/variables";
 
 .gmw-status-icon {
-  width: $iui-icons-default;
-  height: $iui-icons-default;
-
   &-success {
-    fill: var(--iui-icons-color-positive);
+    fill: var(--iui-color-icon-positive);
   }
 
   &-error {
-    fill: var(--iui-icons-color-negative);
+    fill: var(--iui-color-icon-negative);
   }
 
   &-warning {
-    fill: var(--iui-icons-color-warning);
+    fill: var(--iui-color-icon-warning);
   }
 
   &-informational {
-    fill: var(--iui-icons-color-primary);
+    fill: var(--iui-color-icon-informational);
   }
 }

package/lib/cjs/widget/components/ToggleGroupVisibility.scss

@@ -2,8 +2,7 @@
 * 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";
 
 .gmw-toggle {
-  margin-right: $iui-xs;
+  margin-right: var(--iui-size-2xs);
 }

package/lib/cjs/widget/components/WidgetHeader.js

@@ -14,7 +14,7 @@ require("./WidgetHeader.scss");
 const react_1 = __importDefault(require("react"));
 const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
     return (react_1.default.createElement("div", { className: 'gmw-widget-header-container' },
-        returnFn && (react_1.default.createElement("div", { className: disabled ? "gmw-chevron-disabled" : "gmw-chevron", onClick: disabled ? undefined : returnFn },
+        returnFn && (react_1.default.createElement(itwinui_react_1.Icon, { className: `${disabled ? "gmw-chevron-disabled" : "gmw-chevron"}`, size: "large", onClick: disabled ? undefined : returnFn },
             react_1.default.createElement(itwinui_icons_react_1.SvgChevronLeft, null))),
         react_1.default.createElement(itwinui_react_1.Text, { className: 'gmw-title', variant: 'title' }, title)));
 };

package/lib/cjs/widget/components/WidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/widget/components/WidgetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oEAA4D;AAC5D,wDAA4C;AAC5C,+BAA6B;AAC7B,kDAA0B;AAQnB,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACU,EAAE,EAAE;IACtB,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAC5D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YAExC,8BAAC,oCAAc,OAAG,CACd,CACP;QACD,8BAAC,oBAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB","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 \"./WidgetHeader.scss\";\nimport React from \"react\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='gmw-widget-header-container'>\n      {returnFn && (\n        <div\n          className={disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}\n          onClick={disabled ? undefined : returnFn}\n        >\n          <SvgChevronLeft />\n        </div>\n      )}\n      <Text className='gmw-title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/widget/components/WidgetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oEAA4D;AAC5D,wDAAkD;AAClD,+BAA6B;AAC7B,kDAA0B;AAQnB,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACU,EAAE,EAAE;IACtB,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,8BAAC,oBAAI,IACH,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAAE,EACjE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YAExC,8BAAC,oCAAc,OAAG,CACb,CACR;QACD,8BAAC,oBAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB","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 { Icon, Text } from \"@itwin/itwinui-react\";\nimport \"./WidgetHeader.scss\";\nimport React from \"react\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='gmw-widget-header-container'>\n      {returnFn && (\n        <Icon\n          className={`${disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}`}\n          size=\"large\"\n          onClick={disabled ? undefined : returnFn}\n        >\n          <SvgChevronLeft />\n        </Icon>\n      )}\n      <Text className='gmw-title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/WidgetHeader.scss

@@ -2,30 +2,22 @@
 * 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";
 
 .gmw-widget-header-container {
   display: flex;
-  margin-bottom: $iui-baseline * 2;
+  margin-bottom: calc(var(--iui-size-s) * 2);
 
   .gmw-chevron {
-    @include iui-icons-large();
     cursor: pointer;
     align-self: center;
-    margin-right: $iui-s;
+    margin-right: var(--iui-size-xs);
   }
 
   .gmw-chevron-disabled {
-    @include iui-icons-large();
-    @include themed {
-      fill: t(iui-icons-color-actionable-disabled);
-    }
+    fill: var(--iui-color-icon-muted);
     cursor: not-allowed;
-
     align-self: center;
-    margin-right: $iui-s;
+    margin-right: var(--iui-size-xs);
   }
 
   .gmw-title {

package/lib/cjs/widget/components/context/GroupingMappingCustomUIContext.js

@@ -7,7 +7,7 @@ exports.useGroupingMappingCustomUI = exports.GroupingMappingCustomUIContext = ex
 *--------------------------------------------------------------------------------------------*/
 const react_1 = require("react");
 const createGroupingMappingCustomUI = (customUIs) => {
-    return customUIs !== null && customUIs !== void 0 ? customUIs : [];
+    return customUIs ?? [];
 };
 exports.createGroupingMappingCustomUI = createGroupingMappingCustomUI;
 exports.GroupingMappingCustomUIContext = react_1.createContext({

package/lib/cjs/widget/components/context/GroupingMappingCustomUIContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingCustomUIContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupingMappingCustomUIContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAkD;AAG3C,MAAM,6BAA6B,GAAG,CAC3C,SAAgD,EACrB,EAAE;IAC7B,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,6BAA6B,iCAIxC;AAOW,QAAA,8BAA8B,GAAG,qBAAa,CAA2B;IACpF,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC;CACxB,CAAC,CAAC;AAEI,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,OAAO,GAAG,kBAAU,CAAC,sCAA8B,CAAC,CAAC;IAC3D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC","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 { createContext, useContext } from \"react\";\nimport type { GroupingMappingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\n\nexport const createGroupingMappingCustomUI = (\n  customUIs: GroupingMappingCustomUI[] | undefined,\n): GroupingMappingCustomUI[] => {\n  return customUIs ?? [];\n};\n\nexport interface IGroupingMappingCustomUI {\n  customUIs: GroupingMappingCustomUI[];\n  setCustomUIs: (customUI: GroupingMappingCustomUI[] | ((customUI: GroupingMappingCustomUI[]) => GroupingMappingCustomUI[])) => void;\n}\n\nexport const GroupingMappingCustomUIContext = createContext<IGroupingMappingCustomUI>({\n  customUIs: [],\n  setCustomUIs: () => { },\n});\n\nexport const useGroupingMappingCustomUI = () => {\n  const context = useContext(GroupingMappingCustomUIContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingCustomUI should be used within a GroupingMappingCustomUIContext provider\",\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"GroupingMappingCustomUIContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupingMappingCustomUIContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAkD;AAG3C,MAAM,6BAA6B,GAAG,CAC3C,SAAgD,EACrB,EAAE;IAC7B,OAAO,SAAS,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,6BAA6B,iCAIxC;AAOW,QAAA,8BAA8B,GAAG,qBAAa,CAA2B;IACpF,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC;CACxB,CAAC,CAAC;AAEI,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,OAAO,GAAG,kBAAU,CAAC,sCAA8B,CAAC,CAAC;IAC3D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC","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 { createContext, useContext } from \"react\";\nimport type { GroupingMappingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\n\nexport const createGroupingMappingCustomUI = (\n  customUIs: GroupingMappingCustomUI[] | undefined,\n): GroupingMappingCustomUI[] => {\n  return customUIs ?? [];\n};\n\nexport interface IGroupingMappingCustomUI {\n  customUIs: GroupingMappingCustomUI[];\n  setCustomUIs: (customUI: GroupingMappingCustomUI[] | ((customUI: GroupingMappingCustomUI[]) => GroupingMappingCustomUI[])) => void;\n}\n\nexport const GroupingMappingCustomUIContext = createContext<IGroupingMappingCustomUI>({\n  customUIs: [],\n  setCustomUIs: () => { },\n});\n\nexport const useGroupingMappingCustomUI = () => {\n  const context = useContext(GroupingMappingCustomUIContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingCustomUI should be used within a GroupingMappingCustomUIContext provider\",\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/components/customUI/GroupQueryBuilderCustomUI.js

@@ -69,7 +69,7 @@ const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
             : () => { };
     }, [iModelConnection]);
     const onClickResetButton = async () => {
-        queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.resetQueryBuilder();
+        queryBuilder?.resetQueryBuilder();
         updateQuery("");
         setCurrentPropertyList([]);
         if (resetView)
@@ -83,7 +83,7 @@ const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
         setCurrentPropertyList,
         queryBuilder,
         setQuery: updateQuery,
-        isUpdating: isUpdating !== null && isUpdating !== void 0 ? isUpdating : false,
+        isUpdating: isUpdating ?? false,
     }), [currentPropertyList, isUpdating, queryBuilder, updateQuery]);
     const actionButtonRenderers = react_1.useMemo(() => [
         ({ property }) => (react_1.default.createElement(PropertyAction_1.PropertyAction, { property: property })),

package/lib/cjs/widget/components/customUI/GroupQueryBuilderCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupQueryBuilderCustomUI.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 React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport {\n  DEFAULT_PROPERTY_GRID_RULESET,\n  PresentationPropertyDataProvider,\n} from \"@itwin/presentation-components\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { PropertyAction } from \"../PropertyAction\";\nimport { Alert, Button } from \"@itwin/itwinui-react\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\n\nconst createPropertyDataProvider = (\n  keys: KeySet,\n  iModelConnection: IModelConnection\n): PresentationPropertyDataProvider => {\n  const dataProvider = new PresentationPropertyDataProvider({\n    imodel: iModelConnection,\n    ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n  });\n  dataProvider.keys = keys;\n  dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n  return dataProvider;\n};\n\ninterface ContainerDimensions {\n  width: number;\n  height: number;\n}\n\nexport const GroupQueryBuilderCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [size, setSize] = useState<ContainerDimensions>({ width: 0, height: 0 });\n  const [dataProvider, setDataProvider] =\n    useState<PresentationPropertyDataProvider | undefined>(undefined);\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n  const [selectionKeySet, setSelectionKeyset] = useState<KeySet>(new KeySet());\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n\n  useEffect(() => {\n    const onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setSelectionKeyset(keys);\n      const dataProvider = createPropertyDataProvider(keys, iModelConnection);\n      setDataProvider(dataProvider);\n      setQueryBuilder(new QueryBuilder(dataProvider));\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(onSelectionChanged)\n      : () => { };\n  }, [iModelConnection]);\n\n  const onClickResetButton = async () => {\n    queryBuilder?.resetQueryBuilder();\n    updateQuery(\"\");\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  const resize = useCallback((width, height) => setSize({ width, height }), []);\n\n  const propertyContextValues = useMemo(\n    () => ({\n      currentPropertyList,\n      setCurrentPropertyList,\n      queryBuilder,\n      setQuery: updateQuery,\n      isUpdating: isUpdating ?? false,\n    }),\n    [currentPropertyList, isUpdating, queryBuilder, updateQuery]\n  );\n\n  const actionButtonRenderers = useMemo(\n    () => [\n      ({ property }: ActionButtonRendererProps) => (\n        <PropertyAction property={property} />\n      ),\n    ],\n    []\n  );\n\n  return (\n    <div className=\"gmw-select-query-generator-container\">\n      {!dataProvider || selectionKeySet.size === 0 ? (\n        <Alert type='informational'>\n          Please select on an element within the viewer first, then select properties to generate a group query.\n        </Alert>\n      ) :\n        <>\n          <div className=\"gmw-select-property-grid-container\">\n            <ResizableContainerObserver onResize={resize} />\n            <PropertyGridWrapperContext.Provider value={propertyContextValues}>\n              <VirtualizedPropertyGridWithDataProvider\n                dataProvider={dataProvider}\n                width={size.width}\n                height={size.height}\n                actionButtonRenderers={actionButtonRenderers}\n              />\n            </PropertyGridWrapperContext.Provider>\n          </div>\n          <div className=\"gmw-select-reset-button\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              onClick={onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        </>\n      }\n    </div>\n  );\n};\n\n"]}
+{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupQueryBuilderCustomUI.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 React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport {\n  DEFAULT_PROPERTY_GRID_RULESET,\n  PresentationPropertyDataProvider,\n} from \"@itwin/presentation-components\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { PropertyAction } from \"../PropertyAction\";\nimport { Alert, Button } from \"@itwin/itwinui-react\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\n\nconst createPropertyDataProvider = (\n  keys: KeySet,\n  iModelConnection: IModelConnection\n): PresentationPropertyDataProvider => {\n  const dataProvider = new PresentationPropertyDataProvider({\n    imodel: iModelConnection,\n    ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n  });\n  dataProvider.keys = keys;\n  dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n  return dataProvider;\n};\n\ninterface ContainerDimensions {\n  width: number;\n  height: number;\n}\n\nexport const GroupQueryBuilderCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [size, setSize] = useState<ContainerDimensions>({ width: 0, height: 0 });\n  const [dataProvider, setDataProvider] =\n    useState<PresentationPropertyDataProvider | undefined>(undefined);\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n  const [selectionKeySet, setSelectionKeyset] = useState<KeySet>(new KeySet());\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n\n  useEffect(() => {\n    const onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setSelectionKeyset(keys);\n      const dataProvider = createPropertyDataProvider(keys, iModelConnection);\n      setDataProvider(dataProvider);\n      setQueryBuilder(new QueryBuilder(dataProvider));\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(onSelectionChanged)\n      : () => { };\n  }, [iModelConnection]);\n\n  const onClickResetButton = async () => {\n    queryBuilder?.resetQueryBuilder();\n    updateQuery(\"\");\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  const resize = useCallback((width, height) => setSize({ width, height }), []);\n\n  const propertyContextValues = useMemo(\n    () => ({\n      currentPropertyList,\n      setCurrentPropertyList,\n      queryBuilder,\n      setQuery: updateQuery,\n      isUpdating: isUpdating ?? false,\n    }),\n    [currentPropertyList, isUpdating, queryBuilder, updateQuery]\n  );\n\n  const actionButtonRenderers = useMemo(\n    () => [\n      ({ property }: ActionButtonRendererProps) => (\n        <PropertyAction property={property} />\n      ),\n    ],\n    []\n  );\n\n  return (\n    <div className=\"gmw-select-query-generator-container\">\n      {!dataProvider || selectionKeySet.size === 0 ? (\n        <Alert type='informational'>\n          Please select on an element within the viewer first, then select properties to generate a group query.\n        </Alert>\n      ) :\n        <>\n          <div className=\"gmw-select-property-grid-container\">\n            <ResizableContainerObserver onResize={resize} />\n            <PropertyGridWrapperContext.Provider value={propertyContextValues}>\n              <VirtualizedPropertyGridWithDataProvider\n                dataProvider={dataProvider}\n                width={size.width}\n                height={size.height}\n                actionButtonRenderers={actionButtonRenderers}\n              />\n            </PropertyGridWrapperContext.Provider>\n          </div>\n          <div className=\"gmw-select-reset-button\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              onClick={onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        </>\n      }\n    </div>\n  );\n};\n\n"]}

package/lib/cjs/widget/components/customUI/GroupQueryBuilderCustomUI.scss

@@ -2,7 +2,6 @@
 * 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";
 
 .gmw-select-query-generator-container {
   display: flex;
@@ -27,6 +26,6 @@
   .gmw-select-reset-button {
     display: flex;
     justify-content: right;
-    margin-top: $iui-baseline;
+    margin-top: var(--iui-size-s);
   }
 }

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js

@@ -13,7 +13,7 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const utils_1 = require("../utils");
 require("./ManualGroupingCustomUI.scss");
 const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, initialEditModeQuery, }) => {
-    const [manualInput, setManualInput] = react_1.default.useState(initialEditModeQuery !== null && initialEditModeQuery !== void 0 ? initialEditModeQuery : "");
+    const [manualInput, setManualInput] = react_1.default.useState(initialEditModeQuery ?? "");
     return (react_1.default.createElement("div", { className: 'gmw-manual-form' },
         react_1.default.createElement(itwinui_react_1.Alert, { type: 'informational' }, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
         react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', required: true, value: manualInput, onChange: (event) => setManualInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement"` }),

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManualGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/ManualGroupingCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAsE;AACtE,oCAA0C;AAC1C,yCAAuC;AAGhC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,EACT,oBAAoB,GACE,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,qBAAK,IAAC,IAAI,EAAC,eAAe,0GAEnB;QACR,8BAAC,+BAAe,IACd,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,oEAAoE,GACjF;QACF,uCAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,8BAAC,sBAAc,OAAG;YACjC,8BAAC,sBAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,8BAAC,sBAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,IAAI,SAAS,EAAE;wBACb,MAAM,SAAS,EAAE,CAAC;qBACnB;gBACH,CAAC,YAGM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,sBAAsB,0BAyCjC","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 { Alert, Button, LabeledTextarea } from \"@itwin/itwinui-react\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./ManualGroupingCustomUI.scss\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nexport const ManualGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n  initialEditModeQuery,\n}: GroupingCustomUIProps) => {\n  const [manualInput, setManualInput] = React.useState(initialEditModeQuery ?? \"\");\n\n  return (\n    <div className='gmw-manual-form'>\n      <Alert type='informational'>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Alert>\n      <LabeledTextarea\n        label='Query'\n        required\n        value={manualInput}\n        onChange={(event) => setManualInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement\"`}\n      />\n      <div className='gmw-manual-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button disabled={isUpdating} onClick={() => updateQuery(manualInput)}>\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setManualInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ManualGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/ManualGroupingCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAsE;AACtE,oCAA0C;AAC1C,yCAAuC;AAGhC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAS,EACT,oBAAoB,GACE,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,qBAAK,IAAC,IAAI,EAAC,eAAe,0GAEnB;QACR,8BAAC,+BAAe,IACd,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,oEAAoE,GACjF;QACF,uCAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,8BAAC,sBAAc,OAAG;YACjC,8BAAC,sBAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,8BAAC,sBAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,IAAI,SAAS,EAAE;wBACb,MAAM,SAAS,EAAE,CAAC;qBACnB;gBACH,CAAC,YAGM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,sBAAsB,0BAyCjC","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 { Alert, Button, LabeledTextarea } from \"@itwin/itwinui-react\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./ManualGroupingCustomUI.scss\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nexport const ManualGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n  initialEditModeQuery,\n}: GroupingCustomUIProps) => {\n  const [manualInput, setManualInput] = React.useState(initialEditModeQuery ?? \"\");\n\n  return (\n    <div className='gmw-manual-form'>\n      <Alert type='informational'>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Alert>\n      <LabeledTextarea\n        label='Query'\n        required\n        value={manualInput}\n        onChange={(event) => setManualInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement\"`}\n      />\n      <div className='gmw-manual-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button disabled={isUpdating} onClick={() => updateQuery(manualInput)}>\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setManualInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.scss

@@ -2,16 +2,15 @@
 * 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";
 
 .gmw-manual-form {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
   overflow: auto;
   > .gmw-manual-actions {
     display: flex;
     justify-content: flex-end;
-    gap: $iui-s;
+    gap: var(--iui-size-xs);
   }
 }

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.scss

@@ -2,16 +2,15 @@
 * 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";
 
 .gmw-search-form {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
   overflow: auto;
   > .gmw-search-actions {
     display: flex;
     justify-content: flex-end;
-    gap: $iui-s;
+    gap: var(--iui-size-xs);
   }
 }