@itwin/grouping-mapping-widget 0.35.4 → 0.37.0

package/lib/esm/components/Properties/GroupProperties/GroupPropertyTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupPropertyTable.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyTable.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC5G,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAe5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,SAAS,EACT,eAAe,EACf,OAAO,EACP,eAAe,EACf,qBAAqB,GACG,EAAE,EAAE;IAC5B,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,2BAA2B,EAAE,CAAC;IACnE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,qBAAgD,EAAsB,EAAE,CAAC;QACxE;YACE,EAAE,EAAE,cAAc;YAClB,QAAQ,EAAE,cAAc;YACxB,IAAI,EAAE,CAAC,KAA0B,EAAE,EAAE,CAAC,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI;SACvH;QACD;YACE,EAAE,EAAE,mBAAmB;YACvB,IAAI,EAAE,CAAC,KAA0B,EAAE,EAAE,CAAC,CACpC,oBAAC,IAAI,IAAC,aAAa,EAAE,KAAK,EAAE,GAAG,EAAC,IAAI;gBAClC,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;oBACvE,oBAAC,QAAQ,OAAG,CACP;gBACP,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;oBACjF,oBAAC,UAAU,OAAG,CACT;gBACP,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;oBAClE,oBAAC,WAAW,OAAG,CACV,CACF,CACR;SACF;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC,KAA0B,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAC/B;wBACE,aAAa;4BACX,CAAC,CAAC;gCACE,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;wCACZ,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wCAClC,KAAK,EAAE,CAAC;oCACV,CAAC,EACD,IAAI,EAAE,oBAAC,OAAO,OAAG,aAGR;6BACZ;4BACH,CAAC,CAAC,EAAE;wBACN,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;gCACZ,qBAAqB,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gCAC1C,KAAK,EAAE,CAAC;4BACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,aAGV;qBACZ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oBAGrB,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,kBAAkB;wBACzD,oBAAC,OAAO,OAAG,CACA,CACA,CAChB,CAAC;YACJ,CAAC;SACF;KACF,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAClD,UAAU,EAAE,KAAK,EAAE,UAAkB,EAAE,EAAE;YACvC,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,MAAM,gBAAgB,CAAC,cAAc,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;QACrF,CAAC;QACD,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAClG,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,aAAa,IACZ,YAAY,EAAC,OAAO,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,OAAO,EAC1B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;AACJ,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 { SvgDelete, SvgEdit, SvgFunction, SvgLabel, SvgMeasure, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, Flex, Icon, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport React, { useCallback } from \"react\";\nimport type { CellProps, Column } from \"react-table\";\nimport type { Property } from \"@itwin/insights-client\";\nimport { PropertyNameCell } from \"../PropertyNameCell\";\nimport { PropertyTable } from \"../PropertyTable\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../../context/PropertiesClientContext\";\n\nexport interface GroupPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  onClickAdd?: () => void;\n  onClickModify?: (value: Property) => void;\n  isLoading: boolean;\n  groupProperties: Property[];\n  refresh: () => Promise<void>;\n  hideRefreshIcon?: boolean;\n  onGroupPropertyDelete?: () => void;\n}\n\nexport const GroupPropertyTable = ({\n  mappingId,\n  groupId,\n  onClickAdd,\n  onClickModify,\n  isLoading,\n  groupProperties,\n  refresh,\n  hideRefreshIcon,\n  onGroupPropertyDelete,\n}: GroupPropertyTableProps) => {\n  const propertiesClient = usePropertiesClient();\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const queryClient = useQueryClient();\n\n  const columnsFactory = useCallback(\n    (handleShowDeleteModal: (value: Property) => void): Column<Property>[] => [\n      {\n        id: \"propertyName\",\n        accessor: \"propertyName\",\n        Cell: (value: CellProps<Property>) => <PropertyNameCell property={value.row.original} onClickModify={onClickModify} />,\n      },\n      {\n        id: \"propertyTypeIcons\",\n        Cell: (value: CellProps<Property>) => (\n          <Flex flexDirection={\"row\"} gap=\"xs\">\n            <Icon fill={value.row.original.ecProperties ? \"informational\" : \"default\"}>\n              <SvgLabel />\n            </Icon>\n            <Icon fill={value.row.original.calculatedPropertyType ? \"informational\" : \"default\"}>\n              <SvgMeasure />\n            </Icon>\n            <Icon fill={value.row.original.formula ? \"informational\" : \"default\"}>\n              <SvgFunction />\n            </Icon>\n          </Flex>\n        ),\n      },\n      {\n        id: \"dropdown\",\n        width: 80,\n        Cell: (value: CellProps<Property>) => {\n          return (\n            <DropdownMenu\n              menuItems={(close: () => void) =>\n                [\n                  onClickModify\n                    ? [\n                        <MenuItem\n                          key={0}\n                          onClick={() => {\n                            onClickModify(value.row.original);\n                            close();\n                          }}\n                          icon={<SvgEdit />}\n                        >\n                          Modify\n                        </MenuItem>,\n                      ]\n                    : [],\n                  <MenuItem\n                    key={1}\n                    onClick={() => {\n                      handleShowDeleteModal(value.row.original);\n                      close();\n                    }}\n                    icon={<SvgDelete />}\n                  >\n                    Remove\n                  </MenuItem>,\n                ].flatMap((p) => p)\n              }\n            >\n              <IconButton styleType=\"borderless\" title=\"Property Options\">\n                <SvgMore />\n              </IconButton>\n            </DropdownMenu>\n          );\n        },\n      },\n    ],\n    [onClickModify],\n  );\n\n  const { mutateAsync: deleteProperty } = useMutation({\n    mutationFn: async (propertyId: string) => {\n      const accessToken = await getAccessToken();\n      await propertiesClient.deleteProperty(accessToken, mappingId, groupId, propertyId);\n    },\n    onSuccess: async () => {\n      await queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, groupId] });\n    },\n  });\n\n  return (\n    <PropertyTable\n      propertyType=\"Group\"\n      columnsFactory={columnsFactory}\n      data={groupProperties}\n      isLoading={isLoading}\n      onClickAdd={onClickAdd}\n      refreshProperties={refresh}\n      deleteProperty={deleteProperty}\n      hideRefreshIcon={hideRefreshIcon}\n      onGroupPropertyDelete={onGroupPropertyDelete}\n    />\n  );\n};\n"]}
+{"version":3,"file":"GroupPropertyTable.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyTable.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 { SvgDelete, SvgEdit, SvgFunction, SvgLabel, SvgMeasure, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, Flex, Icon, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport React, { useCallback } from \"react\";\nimport type { CellProps, Column } from \"react-table\";\nimport type { Property } from \"@itwin/insights-client\";\nimport { PropertyNameCell } from \"../PropertyNameCell\";\nimport { PropertyTable } from \"../PropertyTable\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../../context/PropertiesClientContext\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\nexport interface GroupPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  onClickAdd?: () => void;\n  onClickModify?: (value: Property) => void;\n  isLoading: boolean;\n  groupProperties: Property[];\n  refresh: () => Promise<void>;\n  hideRefreshIcon?: boolean;\n  onGroupPropertyDelete?: () => void;\n}\n\nexport const GroupPropertyTable = ({\n  mappingId,\n  groupId,\n  onClickAdd,\n  onClickModify,\n  isLoading,\n  groupProperties,\n  refresh,\n  hideRefreshIcon,\n  onGroupPropertyDelete,\n}: GroupPropertyTableProps) => {\n  const propertiesClient = usePropertiesClient();\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const queryClient = useQueryClient();\n\n  const columnsFactory = useCallback(\n    (handleShowDeleteModal: (value: Property) => void): Column<Property>[] => [\n      {\n        id: \"propertyName\",\n        accessor: \"propertyName\",\n        Cell: (value: CellProps<Property>) => <PropertyNameCell property={value.row.original} onClickModify={onClickModify} />,\n      },\n      {\n        id: \"propertyTypeIcons\",\n        Cell: (value: CellProps<Property>) => (\n          <Flex flexDirection={\"row\"} gap=\"xs\">\n            <Icon fill={value.row.original.ecProperties ? \"informational\" : \"default\"}>\n              <SvgLabel />\n            </Icon>\n            <Icon fill={value.row.original.calculatedPropertyType ? \"informational\" : \"default\"}>\n              <SvgMeasure />\n            </Icon>\n            <Icon fill={value.row.original.formula ? \"informational\" : \"default\"}>\n              <SvgFunction />\n            </Icon>\n          </Flex>\n        ),\n      },\n      {\n        id: \"dropdown\",\n        width: 80,\n        Cell: (value: CellProps<Property>) => {\n          return (\n            <DropdownMenu\n              menuItems={(close: () => void) =>\n                [\n                  onClickModify\n                    ? [\n                        <MenuItem\n                          key={0}\n                          onClick={() => {\n                            onClickModify(value.row.original);\n                            close();\n                          }}\n                          icon={<SvgEdit />}\n                        >\n                          {GroupingMappingWidget.translate(\"common.modify\")}\n                        </MenuItem>,\n                      ]\n                    : [],\n                  <MenuItem\n                    key={1}\n                    onClick={() => {\n                      handleShowDeleteModal(value.row.original);\n                      close();\n                    }}\n                    icon={<SvgDelete />}\n                  >\n                    {GroupingMappingWidget.translate(\"common.remove\")}\n                  </MenuItem>,\n                ].flatMap((p) => p)\n              }\n            >\n              <IconButton styleType=\"borderless\" title={GroupingMappingWidget.translate(\"properties.propertyOptions\")}>\n                <SvgMore />\n              </IconButton>\n            </DropdownMenu>\n          );\n        },\n      },\n    ],\n    [onClickModify],\n  );\n\n  const { mutateAsync: deleteProperty } = useMutation({\n    mutationFn: async (propertyId: string) => {\n      const accessToken = await getAccessToken();\n      await propertiesClient.deleteProperty(accessToken, mappingId, groupId, propertyId);\n    },\n    onSuccess: async () => {\n      await queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, groupId] });\n    },\n  });\n\n  return (\n    <PropertyTable\n      propertyType={GroupingMappingWidget.translate(\"properties.group\")}\n      columnsFactory={columnsFactory}\n      data={groupProperties}\n      isLoading={isLoading}\n      onClickAdd={onClickAdd}\n      refreshProperties={refresh}\n      deleteProperty={deleteProperty}\n      hideRefreshIcon={hideRefreshIcon}\n      onGroupPropertyDelete={onGroupPropertyDelete}\n    />\n  );\n};\n"]}

package/lib/esm/components/Properties/GroupProperties/GroupPropertyUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupPropertyUtils.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyUtils.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 { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ECPropertyReference } from \"@itwin/insights-client\";\nimport type {\n  ContentDescriptorRequestOptions,\n  Field,\n  KeySet,\n  NestedContentField,\n  PropertiesField,\n  Ruleset,\n  RulesetVariable,\n  StructFieldMemberDescription,\n} from \"@itwin/presentation-common\";\nimport { ContentSpecificationTypes, DefaultContentDisplayTypes, PropertyValueFormat, RelationshipMeaning, RuleTypes } from \"@itwin/presentation-common\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { deepEqual } from \"fast-equals\";\n\nexport interface PropertyMetaData {\n  displayLabel: string;\n  sourceSchema: string;\n  sourceClassName: string;\n  categoryLabel: string;\n  actualECClassName: string;\n  parentPropertyClassName: string | undefined;\n  ecPropertyTraversal: string[];\n  primitiveNavigationClass: string;\n  key: string;\n}\n\nconst generateKey = (parentPropertyClassName: string | undefined, actualECClassName: string, propertyTraversal: string[]): string => {\n  return `${parentPropertyClassName}|${actualECClassName}|${propertyTraversal.join(\"|\")}`;\n};\n\nconst extractPrimitives = (propertyTraversal: string[], propertyField: PropertiesField): PropertyMetaData[] =>\n  propertyField.properties.map((property) => {\n    const propertyName = property.property.name;\n    const displayLabel = propertyField.label;\n    // It belongs to this parent class\n    const parentPropertyClassName = propertyField.parent?.contentClassInfo.name;\n    const primitiveNavigationClass = property.property.navigationPropertyInfo?.classInfo.name ?? \"\";\n    const actualECClassName = property.property.classInfo.name;\n    const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n    return {\n      displayLabel,\n      sourceSchema: \"*\",\n      sourceClassName: \"*\",\n      ecPropertyTraversal: newPropertyTraversal,\n      primitiveNavigationClass,\n      actualECClassName,\n      parentPropertyClassName,\n      key: generateKey(parentPropertyClassName, actualECClassName, newPropertyTraversal),\n      categoryLabel: propertyField.category.label,\n    };\n  });\n\nconst extractPrimitiveStructProperties = (\n  propertyTraversal: string[],\n  members: StructFieldMemberDescription[],\n  categoryLabel: string,\n  actualECClassName: string,\n  parentPropertyClassName?: string,\n): PropertyMetaData[] =>\n  members.flatMap((member) => {\n    if (member.type.valueFormat === PropertyValueFormat.Primitive) {\n      const propertyName = member.name;\n      const displayLabel = member.label;\n      const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n      return {\n        displayLabel,\n        sourceSchema: \"*\",\n        sourceClassName: \"*\",\n        ecPropertyTraversal: newPropertyTraversal,\n        primitiveNavigationClass: \"\",\n        actualECClassName,\n        parentPropertyClassName,\n        key: generateKey(parentPropertyClassName, actualECClassName, newPropertyTraversal),\n        categoryLabel,\n      };\n    } else if (member.type.valueFormat === PropertyValueFormat.Struct) {\n      const structName = member.name;\n      return extractPrimitiveStructProperties(\n        [...propertyTraversal, structName],\n        member.type.members,\n        categoryLabel,\n        actualECClassName,\n        parentPropertyClassName,\n      );\n    }\n\n    return [];\n  });\n\nconst extractStruct = (property: Field) => {\n  if (property.type.valueFormat !== PropertyValueFormat.Struct) {\n    return [];\n  }\n\n  const columnName = (property as PropertiesField).properties[0].property.name;\n  const actualECClassName = (property as PropertiesField).properties[0].property.classInfo.name;\n  return extractPrimitiveStructProperties([columnName], property.type.members, property.category.label, actualECClassName);\n};\n\nconst extractNested = (propertyTraversal: string[], propertyFields: Field[]): PropertyMetaData[] =>\n  propertyFields.flatMap((property) => {\n    // Generate base ECProperty\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        return extractPrimitives([...propertyTraversal], property as PropertiesField);\n      }\n      // Get structs\n      case PropertyValueFormat.Struct: {\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (nestedContentField.pathToPrimaryClass && nestedContentField.pathToPrimaryClass.length > 1) {\n          // Hardcoded navigation to external source repository metadata.\n          if (nestedContentField.contentClassInfo.name === \"BisCore:RepositoryLink\") {\n            return extractNested([...propertyTraversal, \"Source\", \"Repository\"], nestedContentField.nestedFields);\n          }\n          break;\n        }\n\n        switch (nestedContentField.relationshipMeaning) {\n          // Aspects are not looked at again. Extraction does not support aspects within navigations.\n          // Navigation properties\n          case RelationshipMeaning.RelatedInstance: {\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              return extractNested([...propertyTraversal, \"TypeDefinition\"], nestedContentField.nestedFields);\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              return extractStruct(property);\n            }\n          }\n        }\n      }\n    }\n    return [];\n  });\n\nexport const convertPresentationFields = (propertyFields: Field[]): PropertyMetaData[] => {\n  const uniquePropertiesMap = new Map<string, PropertyMetaData>();\n\n  propertyFields.forEach((property) => {\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        const propertiesField = property as PropertiesField;\n        if (!propertiesField.properties) {\n          return;\n        }\n        // Generate base ECProperty\n        const extractedPrimitives = extractPrimitives([], propertiesField);\n        extractedPrimitives.forEach((extractedPrimitive) => {\n          extractedPrimitive.sourceSchema = \"*\";\n          extractedPrimitive.sourceClassName = \"*\";\n          uniquePropertiesMap.set(extractedPrimitive.key, extractedPrimitive);\n        });\n        break;\n      }\n      case PropertyValueFormat.Struct: {\n        // Get structs\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (nestedContentField.pathToPrimaryClass && nestedContentField.pathToPrimaryClass.length > 1) {\n          break;\n        }\n        switch (nestedContentField.relationshipMeaning) {\n          case RelationshipMeaning.SameInstance: {\n            // Check for aspects.\n            if (\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:ElementOwnsUniqueAspect\" ||\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:ElementOwnsMultiAspects\"\n            ) {\n              const fullClassName = nestedContentField.contentClassInfo.name;\n              const sourceSchema = fullClassName.split(\":\")[0];\n              const sourceClassName = fullClassName.split(\":\")[1];\n              const extractedNested = extractNested([], nestedContentField.nestedFields);\n              extractedNested.forEach((ecProperty) => {\n                const propertyWithSchema = { ...ecProperty, sourceSchema, sourceClassName };\n                uniquePropertiesMap.set(propertyWithSchema.key, propertyWithSchema);\n              });\n            }\n            break;\n          }\n          case RelationshipMeaning.RelatedInstance: {\n            // Navigation properties\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              const extractedNested = extractNested([\"TypeDefinition\"], nestedContentField.nestedFields);\n              extractedNested.forEach((ecProperty) => {\n                uniquePropertiesMap.set(ecProperty.key, ecProperty);\n              });\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              const extractedStruct = extractStruct(property);\n              extractedStruct.forEach((ecProperty) => {\n                uniquePropertiesMap.set(ecProperty.key, ecProperty);\n              });\n            }\n          }\n        }\n      }\n    }\n  });\n\n  return Array.from(uniquePropertiesMap.values());\n};\n\nexport const convertToECProperties = (property: PropertyMetaData): ECPropertyReference[] => {\n  const ecProperty: ECPropertyReference = {\n    ecSchemaName: property.sourceSchema,\n    ecClassName: property.sourceClassName,\n    ecPropertyName: \"\",\n  };\n  switch (property.primitiveNavigationClass) {\n    // Hardcode Models navigation path and label behavior\n    case \"BisCore:ModelContainsElements\": {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"ModeledElement\", \"UserLabel\"].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"ModeledElement\", \"CodeValue\"].join(\".\"),\n        },\n      ];\n    }\n    // Hardcode Category and Physical Material navigation path and label behavior\n    case \"BisCore:GeometricElement3dIsInCategory\":\n    case \"BisCore:PhysicalElementIsOfPhysicalMaterial\":\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"UserLabel\"].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"CodeValue\"].join(\".\"),\n        },\n      ];\n    default: {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: property.ecPropertyTraversal.join(\".\"),\n        },\n      ];\n    }\n  }\n};\n\nexport const findProperties = (ecProperties: ECPropertyReference[], propertiesMetaData: PropertyMetaData[]) => {\n  let ecPropertiesCopy = [...ecProperties];\n  const propertiesMetaDataResult: PropertyMetaData[] = new Array<PropertyMetaData>();\n  let notFound = false;\n  while (ecPropertiesCopy.length !== 0) {\n    for (let i = 0; i < propertiesMetaData.length; i++) {\n      const generatedProperty = convertToECProperties(propertiesMetaData[i]);\n      const slicedEcProperties = ecPropertiesCopy.slice(0, generatedProperty.length);\n      if (deepEqual(generatedProperty, slicedEcProperties)) {\n        propertiesMetaDataResult.push(propertiesMetaData[i]);\n        ecPropertiesCopy = ecPropertiesCopy.slice(generatedProperty.length);\n        break;\n      }\n      if (i === propertiesMetaData.length - 1) {\n        notFound = true;\n      }\n    }\n    if (notFound) break;\n  }\n  return notFound ? [] : propertiesMetaDataResult;\n};\n\nexport const fetchPresentationDescriptor = async (iModelConnection: IModelConnection, keySet: KeySet) => {\n  const ruleSet: Ruleset = {\n    id: \"gmw-element-properties\",\n    rules: [\n      {\n        ruleType: RuleTypes.Content,\n        specifications: [\n          {\n            specType: ContentSpecificationTypes.SelectedNodeInstances,\n            propertyOverrides: [\n              {\n                name: \"*\",\n                isDisplayed: true,\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  };\n  const requestOptions: ContentDescriptorRequestOptions<IModelConnection, KeySet, RulesetVariable> = {\n    imodel: iModelConnection,\n    keys: keySet,\n    rulesetOrId: ruleSet,\n    displayType: DefaultContentDisplayTypes.PropertyPane,\n  };\n  const descriptor = await Presentation.presentation.getContentDescriptor(requestOptions);\n  return descriptor;\n};\n"]}
+{"version":3,"file":"GroupPropertyUtils.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyUtils.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 { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ECPropertyReference } from \"@itwin/insights-client\";\nimport type {\n  ContentDescriptorRequestOptions,\n  Field,\n  KeySet,\n  NestedContentField,\n  PropertiesField,\n  Ruleset,\n  RulesetVariable,\n  StructFieldMemberDescription,\n} from \"@itwin/presentation-common\";\nimport { ContentSpecificationTypes, DefaultContentDisplayTypes, PropertyValueFormat, RelationshipMeaning, RuleTypes } from \"@itwin/presentation-common\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { deepEqual } from \"fast-equals\";\n\nexport interface PropertyMetaData {\n  displayLabel: string;\n  sourceSchema: string;\n  sourceClassName: string;\n  categoryLabel: string;\n  actualECClassName: string;\n  parentPropertyClassName: string | undefined;\n  ecPropertyTraversal: string[];\n  primitiveNavigationClass: string;\n  key: string;\n}\n\nconst generateKey = (parentPropertyClassName: string | undefined, actualECClassName: string, propertyTraversal: string[]): string => {\n  return `${parentPropertyClassName}|${actualECClassName}|${propertyTraversal.join(\"|\")}`;\n};\n\nconst extractPrimitives = (propertyTraversal: string[], propertyField: PropertiesField): PropertyMetaData[] =>\n  propertyField.properties.map((property) => {\n    const propertyName = property.property.name;\n    const displayLabel = propertyField.label;\n    // It belongs to this parent class\n    const parentPropertyClassName = propertyField.parent?.contentClassInfo.name;\n    const primitiveNavigationClass = property.property.navigationPropertyInfo?.classInfo.name ?? \"\";\n    const actualECClassName = property.property.classInfo.name;\n    const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n    return {\n      displayLabel,\n      sourceSchema: \"*\",\n      sourceClassName: \"*\",\n      ecPropertyTraversal: newPropertyTraversal,\n      primitiveNavigationClass,\n      actualECClassName,\n      parentPropertyClassName,\n      key: generateKey(parentPropertyClassName, actualECClassName, newPropertyTraversal),\n      categoryLabel: propertyField.category.label,\n    };\n  });\n\nconst extractPrimitiveStructProperties = (\n  propertyTraversal: string[],\n  members: StructFieldMemberDescription[],\n  categoryLabel: string,\n  actualECClassName: string,\n  parentPropertyClassName?: string,\n): PropertyMetaData[] =>\n  members.flatMap((member) => {\n    if (member.type.valueFormat === PropertyValueFormat.Primitive) {\n      const propertyName = member.name;\n      const displayLabel = member.label;\n      const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n      return {\n        displayLabel,\n        sourceSchema: \"*\",\n        sourceClassName: \"*\",\n        ecPropertyTraversal: newPropertyTraversal,\n        primitiveNavigationClass: \"\",\n        actualECClassName,\n        parentPropertyClassName,\n        key: generateKey(parentPropertyClassName, actualECClassName, newPropertyTraversal),\n        categoryLabel,\n      };\n    } else if (member.type.valueFormat === PropertyValueFormat.Struct) {\n      const structName = member.name;\n      return extractPrimitiveStructProperties(\n        [...propertyTraversal, structName],\n        member.type.members,\n        categoryLabel,\n        actualECClassName,\n        parentPropertyClassName,\n      );\n    }\n\n    return [];\n  });\n\nconst extractStruct = (property: Field) => {\n  if (property.type.valueFormat !== PropertyValueFormat.Struct) {\n    return [];\n  }\n\n  const columnName = (property as PropertiesField).properties[0].property.name;\n  const actualECClassName = (property as PropertiesField).properties[0].property.classInfo.name;\n  return extractPrimitiveStructProperties([columnName], property.type.members, property.category.label, actualECClassName);\n};\n\nconst extractNested = (propertyTraversal: string[], propertyFields: Field[]): PropertyMetaData[] =>\n  propertyFields.flatMap((property) => {\n    // Generate base ECProperty\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        return extractPrimitives([...propertyTraversal], property as PropertiesField);\n      }\n      // Get structs\n      case PropertyValueFormat.Struct: {\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (nestedContentField.pathToPrimaryClass && nestedContentField.pathToPrimaryClass.length > 1) {\n          // Hardcoded navigation to external source repository metadata.\n          if (nestedContentField.contentClassInfo.name === \"BisCore:RepositoryLink\") {\n            return extractNested([...propertyTraversal, \"Source\", \"Repository\"], nestedContentField.nestedFields);\n          }\n          break;\n        }\n\n        switch (nestedContentField.relationshipMeaning) {\n          // Aspects are not looked at again. Extraction does not support aspects within navigations.\n          // Navigation properties\n          case RelationshipMeaning.RelatedInstance: {\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              return extractNested([...propertyTraversal, \"TypeDefinition\"], nestedContentField.nestedFields);\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              return extractStruct(property);\n            }\n          }\n        }\n      }\n    }\n    return [];\n  });\n\nexport const convertPresentationFields = (propertyFields: Field[]): PropertyMetaData[] => {\n  const uniquePropertiesMap = new Map<string, PropertyMetaData>();\n\n  propertyFields.forEach((property) => {\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        const propertiesField = property as PropertiesField;\n        if (!propertiesField.properties) {\n          return;\n        }\n        // Generate base ECProperty\n        const extractedPrimitives = extractPrimitives([], propertiesField);\n        extractedPrimitives.forEach((extractedPrimitive) => {\n          extractedPrimitive.sourceSchema = \"*\";\n          extractedPrimitive.sourceClassName = \"*\";\n          uniquePropertiesMap.set(extractedPrimitive.key, extractedPrimitive);\n        });\n        break;\n      }\n      case PropertyValueFormat.Struct: {\n        // Get structs\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (nestedContentField.pathToPrimaryClass && nestedContentField.pathToPrimaryClass.length > 1) {\n          break;\n        }\n        switch (nestedContentField.relationshipMeaning) {\n          case RelationshipMeaning.SameInstance: {\n            // Check for aspects.\n            if (\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:ElementOwnsUniqueAspect\" ||\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:ElementOwnsMultiAspects\"\n            ) {\n              const fullClassName = nestedContentField.contentClassInfo.name;\n              const sourceSchema = fullClassName.split(\":\")[0];\n              const sourceClassName = fullClassName.split(\":\")[1];\n              const extractedNested = extractNested([], nestedContentField.nestedFields);\n              extractedNested.forEach((ecProperty) => {\n                const propertyWithSchema = { ...ecProperty, sourceSchema, sourceClassName };\n                uniquePropertiesMap.set(propertyWithSchema.key, propertyWithSchema);\n              });\n            }\n            break;\n          }\n          case RelationshipMeaning.RelatedInstance: {\n            // Navigation properties\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name === \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              const extractedNested = extractNested([\"TypeDefinition\"], nestedContentField.nestedFields);\n              extractedNested.forEach((ecProperty) => {\n                uniquePropertiesMap.set(ecProperty.key, ecProperty);\n              });\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              const extractedStruct = extractStruct(property);\n              extractedStruct.forEach((ecProperty) => {\n                uniquePropertiesMap.set(ecProperty.key, ecProperty);\n              });\n            }\n          }\n        }\n      }\n    }\n  });\n\n  return Array.from(uniquePropertiesMap.values());\n};\n\nexport const convertToECProperties = (property: PropertyMetaData): ECPropertyReference[] => {\n  const ecProperty: ECPropertyReference = {\n    ecSchemaName: property.sourceSchema,\n    ecClassName: property.sourceClassName,\n    ecPropertyName: \"\",\n  };\n  switch (property.primitiveNavigationClass) {\n    // Hardcode Models navigation path and label behavior\n    case \"BisCore:ModelContainsElements\": {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"ModeledElement\", \"UserLabel\"].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"ModeledElement\", \"CodeValue\"].join(\".\"),\n        },\n      ];\n    }\n    // Hardcode Category and Physical Material navigation path and label behavior\n    case \"BisCore:GeometricElement3dIsInCategory\":\n    case \"BisCore:PhysicalElementIsOfPhysicalMaterial\":\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"UserLabel\"].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [...property.ecPropertyTraversal, \"CodeValue\"].join(\".\"),\n        },\n      ];\n    default: {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: property.ecPropertyTraversal.join(\".\"),\n        },\n      ];\n    }\n  }\n};\n\nexport const findProperties = (ecProperties: ECPropertyReference[], propertiesMetaData: PropertyMetaData[]) => {\n  let ecPropertiesCopy = [...ecProperties];\n  const propertiesMetaDataResult: PropertyMetaData[] = new Array<PropertyMetaData>();\n  let notFound = false;\n  while (ecPropertiesCopy.length !== 0) {\n    for (let i = 0; i < propertiesMetaData.length; i++) {\n      const generatedProperty = convertToECProperties(propertiesMetaData[i]);\n      const slicedEcProperties = ecPropertiesCopy.slice(0, generatedProperty.length);\n      if (deepEqual(generatedProperty, slicedEcProperties)) {\n        propertiesMetaDataResult.push(propertiesMetaData[i]);\n        ecPropertiesCopy = ecPropertiesCopy.slice(generatedProperty.length);\n        break;\n      }\n      if (i === propertiesMetaData.length - 1) {\n        notFound = true;\n      }\n    }\n    if (notFound) break;\n  }\n  return notFound ? [] : propertiesMetaDataResult;\n};\n\nexport const fetchPresentationDescriptor = async (iModelConnection: IModelConnection, keySet: KeySet) => {\n  const ruleSet: Ruleset = {\n    id: \"gmw-element-properties\",\n    rules: [\n      {\n        ruleType: RuleTypes.Content,\n        specifications: [\n          {\n            specType: ContentSpecificationTypes.SelectedNodeInstances,\n            propertyOverrides: [\n              {\n                name: \"*\",\n                isDisplayed: true,\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  };\n  const requestOptions: ContentDescriptorRequestOptions<IModelConnection, KeySet, RulesetVariable> = {\n    imodel: iModelConnection,\n    keys: keySet,\n    rulesetOrId: ruleSet,\n    displayType: DefaultContentDisplayTypes.PropertyPane,\n  };\n  const descriptor = await Presentation.presentation.getContentDescriptor(requestOptions);\n  return descriptor;\n};\n"]}

package/lib/esm/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./GroupsPropertiesSelectionModal.scss";
 import type { PropertyMetaData } from "./GroupPropertyUtils";
 export interface GroupPropertiesSelectionModalProps {

package/lib/esm/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.js

@@ -6,15 +6,14 @@ import { renderToStaticMarkup } from "react-dom/server";
 import { Button, Icon, IconButton, Label, LabeledInput, Modal, ModalButtonBar, Surface, Text } from "@itwin/itwinui-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { SvgClose, SvgDragHandleVertical, SvgMoreVerticalSmall, SvgRemove, SvgSearch } from "@itwin/itwinui-icons-react";
-import { DragOverlay } from "@dnd-kit/core";
-import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { SortableHorizontalTile } from "./SortableHorizontalTile";
 import Split from "react-split";
 import "./GroupsPropertiesSelectionModal.scss";
 import { getLocalizedStringPresentation } from "../../../common/utils";
-import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { arrayMove, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
 import { GroupPropertyListItem } from "./GroupPropertyListItem";
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
 export const GroupsPropertiesSelectionModal = ({ showModal, setShowModal, selectedProperties, setSelectedProperties, propertiesMetaData, }) => {
     const [searchInput, setSearchInput] = useState("");
     const [activeSearchInput, setActiveSearchInput] = useState("");
@@ -58,7 +57,7 @@ export const GroupsPropertiesSelectionModal = ({ showModal, setShowModal, select
         }
     }, [searchInput, setSearched, clearSearch]);
     return (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd },
-        React.createElement(Modal, { title: "Properties Selection", isOpen: showModal, onClose: () => {
+        React.createElement(Modal, { title: GroupingMappingWidget.translate("properties.selectionModalTitle"), isOpen: showModal, onClose: () => {
                 setShowModal(false);
                 clearSearch();
             }, closeOnExternalClick: false },
@@ -73,26 +72,26 @@ export const GroupsPropertiesSelectionModal = ({ showModal, setShowModal, select
                 }, direction: "horizontal" },
                 React.createElement(Surface, { className: "gmw-available-properties", elevation: 1 },
                     React.createElement("div", { className: "gmw-available-properties-header" },
-                        React.createElement(Label, { as: "span" }, "Available Properties"),
-                        React.createElement(LabeledInput, { displayStyle: "inline", iconDisplayStyle: "inline", className: "gmw-available-prop-search", value: searchInput, size: "small", placeholder: "Search....", onChange: (event) => {
+                        React.createElement(Label, { as: "span" }, GroupingMappingWidget.translate("properties.available")),
+                        React.createElement(LabeledInput, { displayStyle: "inline", iconDisplayStyle: "inline", className: "gmw-available-prop-search", value: searchInput, size: "small", placeholder: GroupingMappingWidget.translate("common.search"), onChange: (event) => {
                                 const { target: { value }, } = event;
                                 setSearchInput(value);
                             }, onKeyDown: (event) => {
                                 if (event.key === "Enter") {
                                     startSearch();
                                 }
-                            }, svgIcon: searched ? (React.createElement(IconButton, { onClick: clearSearch, styleType: "borderless", title: "Clear Search" },
-                                React.createElement(SvgClose, null))) : (React.createElement(IconButton, { onClick: startSearch, styleType: "borderless", title: "Search" },
+                            }, svgIcon: searched ? (React.createElement(IconButton, { onClick: clearSearch, styleType: "borderless", title: GroupingMappingWidget.translate("properties.clearSearch") },
+                                React.createElement(SvgClose, null))) : (React.createElement(IconButton, { onClick: startSearch, styleType: "borderless", title: GroupingMappingWidget.translate("properties.searchButton") },
                                 React.createElement(SvgSearch, null))) })),
                     filteredProperties.length === 0 ? (React.createElement("div", { className: "gmw-empty-selection" },
-                        React.createElement(Text, null, "No properties available. "))) : (React.createElement("div", { className: "gmw-properties-list" }, filteredProperties.map((property) => (React.createElement(GroupPropertyListItem, { key: property.key, content: `${property.displayLabel}`, title: `${property.actualECClassName}`, description: getLocalizedStringPresentation(property.categoryLabel), selected: selectedProperties.some((p) => property.key === p.key), onClick: () => setSelectedProperties((sp) => (sp.some((p) => property.key === p.key) ? sp.filter((p) => property.key !== p.key) : [...sp, property])) })))))),
+                        React.createElement(Text, null, GroupingMappingWidget.translate("properties.noAvailable")))) : (React.createElement("div", { className: "gmw-properties-list" }, filteredProperties.map((property) => (React.createElement(GroupPropertyListItem, { key: property.key, content: `${property.displayLabel}`, title: `${property.actualECClassName}`, description: getLocalizedStringPresentation(property.categoryLabel), selected: selectedProperties.some((p) => property.key === p.key), onClick: () => setSelectedProperties((sp) => (sp.some((p) => property.key === p.key) ? sp.filter((p) => property.key !== p.key) : [...sp, property])) })))))),
                 React.createElement(Surface, { className: "gmw-selected-properties", elevation: 1 },
-                    React.createElement(Label, { as: "span" }, "Selected Properties"),
+                    React.createElement(Label, { as: "span" }, GroupingMappingWidget.translate("properties.selected")),
                     selectedProperties.length === 0 ? (React.createElement("div", { className: "gmw-empty-selection" },
-                        React.createElement(Text, null, "No properties selected."),
-                        React.createElement(Text, null, "Add some by clicking on the properties shown left."))) : (React.createElement("div", { className: "gmw-properties-list" },
+                        React.createElement(Text, null, GroupingMappingWidget.translate("properties.noSelected")),
+                        React.createElement(Text, null, GroupingMappingWidget.translate("properties.addHint")))) : (React.createElement("div", { className: "gmw-properties-list" },
                         React.createElement(SortableContext, { items: selectedProperties.map((p) => p.key), strategy: verticalListSortingStrategy }, selectedProperties.map((property) => (React.createElement(SortableHorizontalTile, { key: property.key, id: property.key, content: `${property.displayLabel}`, title: `${property.actualECClassName}`, description: getLocalizedStringPresentation(property.categoryLabel), action: React.createElement("div", null,
-                                React.createElement(IconButton, { styleType: "borderless", title: "Remove", onClick: () => {
+                                React.createElement(IconButton, { styleType: "borderless", title: GroupingMappingWidget.translate("common.remove"), onClick: () => {
                                         setSelectedProperties((sp) => sp.filter((p) => property.key !== p.key));
                                     } },
                                     React.createElement(SvgRemove, null))) })))))))),
@@ -100,7 +99,7 @@ export const GroupsPropertiesSelectionModal = ({ showModal, setShowModal, select
                 React.createElement(Button, { onClick: () => {
                         setShowModal(false);
                         clearSearch();
-                    }, styleType: "high-visibility" }, "Close"))),
+                    }, styleType: "high-visibility" }, GroupingMappingWidget.translate("common.close")))),
         React.createElement(DragOverlay, { zIndex: 9999 }, activeDragProperty ? (React.createElement(GroupPropertyListItem, { content: `${activeDragProperty.displayLabel}`, title: `${activeDragProperty.actualECClassName}`, description: getLocalizedStringPresentation(activeDragProperty.categoryLabel), action: React.createElement(IconButton, { styleType: "borderless" },
                 React.createElement(SvgRemove, null)), dragHandle: React.createElement(Icon, { className: "gmw-drag-icon", size: "large" },
                 React.createElement(SvgDragHandleVertical, null)) })) : null)));

package/lib/esm/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupsPropertiesSelectionModal.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.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 { renderToStaticMarkup } from \"react-dom/server\";\nimport { Button, Icon, IconButton, Label, LabeledInput, Modal, ModalButtonBar, Surface, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { SvgClose, SvgDragHandleVertical, SvgMoreVerticalSmall, SvgRemove, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { DragOverlay } from \"@dnd-kit/core\";\nimport { SortableContext, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\nimport { SortableHorizontalTile } from \"./SortableHorizontalTile\";\nimport Split from \"react-split\";\nimport \"./GroupsPropertiesSelectionModal.scss\";\nimport type { PropertyMetaData } from \"./GroupPropertyUtils\";\nimport { getLocalizedStringPresentation } from \"../../../common/utils\";\nimport { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from \"@dnd-kit/core\";\nimport { arrayMove, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport type { DragEndEvent, DragStartEvent } from \"@dnd-kit/core\";\nimport { GroupPropertyListItem } from \"./GroupPropertyListItem\";\n\nexport interface GroupPropertiesSelectionModalProps {\n  showModal: boolean;\n  setShowModal: (showModal: boolean) => void;\n  selectedProperties: PropertyMetaData[];\n  setSelectedProperties: (selectedProperties: (selectedProperties: PropertyMetaData[]) => PropertyMetaData[]) => void;\n  propertiesMetaData: PropertyMetaData[];\n}\n\nexport const GroupsPropertiesSelectionModal = ({\n  showModal,\n  setShowModal,\n  selectedProperties,\n  setSelectedProperties,\n  propertiesMetaData,\n}: GroupPropertiesSelectionModalProps) => {\n  const [searchInput, setSearchInput] = useState<string>(\"\");\n  const [activeSearchInput, setActiveSearchInput] = useState<string>(\"\");\n  const [searched, setSearched] = useState<boolean>(false);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n  const [activeDragProperty, setActiveDragProperty] = useState<PropertyMetaData | undefined>();\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event;\n      const activeProperty = selectedProperties.find((p) => active.id === p.key);\n      setActiveDragProperty(activeProperty);\n    },\n    [selectedProperties],\n  );\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (over && active.id !== over.id) {\n        setSelectedProperties((items) => {\n          const oldIndex = selectedProperties.findIndex((p) => active.id === p.key);\n          const newIndex = selectedProperties.findIndex((p) => over.id === p.key);\n\n          return arrayMove(items, oldIndex, newIndex);\n        });\n      }\n\n      setActiveDragProperty(undefined);\n    },\n    [selectedProperties, setSelectedProperties],\n  );\n\n  const clearSearch = useCallback(() => {\n    setSearchInput(\"\");\n    setActiveSearchInput(\"\");\n    setSearched(false);\n  }, []);\n\n  const startSearch = useCallback(() => {\n    if (!searchInput) return;\n    setActiveSearchInput(searchInput);\n    setSearched(true);\n  }, [searchInput]);\n\n  const filteredProperties = useMemo(\n    () =>\n      propertiesMetaData.filter((p) =>\n        [p.displayLabel, p.categoryLabel, p.actualECClassName].map((l) => l.toLowerCase()).some((l) => l.includes(activeSearchInput.toLowerCase())),\n      ),\n    [activeSearchInput, propertiesMetaData],\n  );\n\n  useEffect(() => {\n    if (searchInput.length === 0) {\n      setSearched(false);\n      clearSearch();\n    }\n  }, [searchInput, setSearched, clearSearch]);\n\n  return (\n    <DndContext sensors={sensors} collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n      <Modal\n        title=\"Properties Selection\"\n        isOpen={showModal}\n        onClose={() => {\n          setShowModal(false);\n          clearSearch();\n        }}\n        closeOnExternalClick={false}\n      >\n        <Split\n          expandToMin={false}\n          className=\"gmw-property-selection-container\"\n          gutterAlign=\"center\"\n          gutterSize={2}\n          gutter={() => {\n            // Expects HTMLElement\n            const dragHangle = renderToStaticMarkup(\n              <Icon className=\"gmw-gutter-drag-icon\" size=\"large\">\n                <SvgMoreVerticalSmall />\n              </Icon>,\n            );\n            const gutter = document.createElement(\"div\");\n            gutter.className = `gmw-gutter`;\n            gutter.innerHTML = dragHangle;\n            return gutter;\n          }}\n          direction=\"horizontal\"\n        >\n          <Surface className=\"gmw-available-properties\" elevation={1}>\n            <div className=\"gmw-available-properties-header\">\n              <Label as=\"span\">Available Properties</Label>\n              <LabeledInput\n                displayStyle=\"inline\"\n                iconDisplayStyle=\"inline\"\n                className=\"gmw-available-prop-search\"\n                value={searchInput}\n                size=\"small\"\n                placeholder=\"Search....\"\n                onChange={(event) => {\n                  const {\n                    target: { value },\n                  } = event;\n                  setSearchInput(value);\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\") {\n                    startSearch();\n                  }\n                }}\n                svgIcon={\n                  searched ? (\n                    <IconButton onClick={clearSearch} styleType=\"borderless\" title=\"Clear Search\">\n                      <SvgClose />\n                    </IconButton>\n                  ) : (\n                    <IconButton onClick={startSearch} styleType=\"borderless\" title=\"Search\">\n                      <SvgSearch />\n                    </IconButton>\n                  )\n                }\n              />\n            </div>\n            {filteredProperties.length === 0 ? (\n              <div className=\"gmw-empty-selection\">\n                <Text>No properties available. </Text>\n              </div>\n            ) : (\n              <div className=\"gmw-properties-list\">\n                {filteredProperties.map((property) => (\n                  <GroupPropertyListItem\n                    key={property.key}\n                    content={`${property.displayLabel}`}\n                    title={`${property.actualECClassName}`}\n                    description={getLocalizedStringPresentation(property.categoryLabel)}\n                    selected={selectedProperties.some((p) => property.key === p.key)}\n                    onClick={() =>\n                      setSelectedProperties((sp) => (sp.some((p) => property.key === p.key) ? sp.filter((p) => property.key !== p.key) : [...sp, property]))\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </Surface>\n          <Surface className=\"gmw-selected-properties\" elevation={1}>\n            <Label as=\"span\">Selected Properties</Label>\n            {selectedProperties.length === 0 ? (\n              <div className=\"gmw-empty-selection\">\n                <Text>No properties selected.</Text>\n                <Text>Add some by clicking on the properties shown left.</Text>\n              </div>\n            ) : (\n              <div className=\"gmw-properties-list\">\n                <SortableContext items={selectedProperties.map((p) => p.key)} strategy={verticalListSortingStrategy}>\n                  {selectedProperties.map((property) => (\n                    <SortableHorizontalTile\n                      key={property.key}\n                      id={property.key}\n                      content={`${property.displayLabel}`}\n                      title={`${property.actualECClassName}`}\n                      description={getLocalizedStringPresentation(property.categoryLabel)}\n                      action={\n                        <div>\n                          <IconButton\n                            styleType=\"borderless\"\n                            title=\"Remove\"\n                            onClick={() => {\n                              setSelectedProperties((sp) => sp.filter((p) => property.key !== p.key));\n                            }}\n                          >\n                            <SvgRemove />\n                          </IconButton>\n                        </div>\n                      }\n                    />\n                  ))}\n                </SortableContext>\n              </div>\n            )}\n          </Surface>\n        </Split>\n        <ModalButtonBar>\n          <Button\n            onClick={() => {\n              setShowModal(false);\n              clearSearch();\n            }}\n            styleType=\"high-visibility\"\n          >\n            Close\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n      <DragOverlay zIndex={9999}>\n        {activeDragProperty ? (\n          <GroupPropertyListItem\n            content={`${activeDragProperty.displayLabel}`}\n            title={`${activeDragProperty.actualECClassName}`}\n            description={getLocalizedStringPresentation(activeDragProperty.categoryLabel)}\n            action={\n              <IconButton styleType=\"borderless\">\n                <SvgRemove />\n              </IconButton>\n            }\n            dragHandle={\n              <Icon className=\"gmw-drag-icon\" size=\"large\">\n                <SvgDragHandleVertical />\n              </Icon>\n            }\n          />\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  );\n};\n"]}
+{"version":3,"file":"GroupsPropertiesSelectionModal.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupsPropertiesSelectionModal.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 { renderToStaticMarkup } from \"react-dom/server\";\nimport { Button, Icon, IconButton, Label, LabeledInput, Modal, ModalButtonBar, Surface, Text } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { SvgClose, SvgDragHandleVertical, SvgMoreVerticalSmall, SvgRemove, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { closestCenter , DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors } from \"@dnd-kit/core\";\nimport { arrayMove, SortableContext , sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\nimport { SortableHorizontalTile } from \"./SortableHorizontalTile\";\nimport Split from \"react-split\";\nimport \"./GroupsPropertiesSelectionModal.scss\";\nimport type { PropertyMetaData } from \"./GroupPropertyUtils\";\nimport { getLocalizedStringPresentation } from \"../../../common/utils\";\nimport type { DragEndEvent, DragStartEvent } from \"@dnd-kit/core\";\nimport { GroupPropertyListItem } from \"./GroupPropertyListItem\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\nexport interface GroupPropertiesSelectionModalProps {\n  showModal: boolean;\n  setShowModal: (showModal: boolean) => void;\n  selectedProperties: PropertyMetaData[];\n  setSelectedProperties: (selectedProperties: (selectedProperties: PropertyMetaData[]) => PropertyMetaData[]) => void;\n  propertiesMetaData: PropertyMetaData[];\n}\n\nexport const GroupsPropertiesSelectionModal = ({\n  showModal,\n  setShowModal,\n  selectedProperties,\n  setSelectedProperties,\n  propertiesMetaData,\n}: GroupPropertiesSelectionModalProps) => {\n  const [searchInput, setSearchInput] = useState<string>(\"\");\n  const [activeSearchInput, setActiveSearchInput] = useState<string>(\"\");\n  const [searched, setSearched] = useState<boolean>(false);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n  const [activeDragProperty, setActiveDragProperty] = useState<PropertyMetaData | undefined>();\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event;\n      const activeProperty = selectedProperties.find((p) => active.id === p.key);\n      setActiveDragProperty(activeProperty);\n    },\n    [selectedProperties],\n  );\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (over && active.id !== over.id) {\n        setSelectedProperties((items) => {\n          const oldIndex = selectedProperties.findIndex((p) => active.id === p.key);\n          const newIndex = selectedProperties.findIndex((p) => over.id === p.key);\n\n          return arrayMove(items, oldIndex, newIndex);\n        });\n      }\n\n      setActiveDragProperty(undefined);\n    },\n    [selectedProperties, setSelectedProperties],\n  );\n\n  const clearSearch = useCallback(() => {\n    setSearchInput(\"\");\n    setActiveSearchInput(\"\");\n    setSearched(false);\n  }, []);\n\n  const startSearch = useCallback(() => {\n    if (!searchInput) return;\n    setActiveSearchInput(searchInput);\n    setSearched(true);\n  }, [searchInput]);\n\n  const filteredProperties = useMemo(\n    () =>\n      propertiesMetaData.filter((p) =>\n        [p.displayLabel, p.categoryLabel, p.actualECClassName].map((l) => l.toLowerCase()).some((l) => l.includes(activeSearchInput.toLowerCase())),\n      ),\n    [activeSearchInput, propertiesMetaData],\n  );\n\n  useEffect(() => {\n    if (searchInput.length === 0) {\n      setSearched(false);\n      clearSearch();\n    }\n  }, [searchInput, setSearched, clearSearch]);\n\n  return (\n    <DndContext sensors={sensors} collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n      <Modal\n        title={GroupingMappingWidget.translate(\"properties.selectionModalTitle\")}\n        isOpen={showModal}\n        onClose={() => {\n          setShowModal(false);\n          clearSearch();\n        }}\n        closeOnExternalClick={false}\n      >\n        <Split\n          expandToMin={false}\n          className=\"gmw-property-selection-container\"\n          gutterAlign=\"center\"\n          gutterSize={2}\n          gutter={() => {\n            // Expects HTMLElement\n            const dragHangle = renderToStaticMarkup(\n              <Icon className=\"gmw-gutter-drag-icon\" size=\"large\">\n                <SvgMoreVerticalSmall />\n              </Icon>,\n            );\n            const gutter = document.createElement(\"div\");\n            gutter.className = `gmw-gutter`;\n            gutter.innerHTML = dragHangle;\n            return gutter;\n          }}\n          direction=\"horizontal\"\n        >\n          <Surface className=\"gmw-available-properties\" elevation={1}>\n            <div className=\"gmw-available-properties-header\">\n              <Label as=\"span\">{GroupingMappingWidget.translate(\"properties.available\")}</Label>\n              <LabeledInput\n                displayStyle=\"inline\"\n                iconDisplayStyle=\"inline\"\n                className=\"gmw-available-prop-search\"\n                value={searchInput}\n                size=\"small\"\n                placeholder={GroupingMappingWidget.translate(\"common.search\")}\n                onChange={(event) => {\n                  const {\n                    target: { value },\n                  } = event;\n                  setSearchInput(value);\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\") {\n                    startSearch();\n                  }\n                }}\n                svgIcon={\n                  searched ? (\n                    <IconButton onClick={clearSearch} styleType=\"borderless\" title={GroupingMappingWidget.translate(\"properties.clearSearch\")}>\n                      <SvgClose />\n                    </IconButton>\n                  ) : (\n                    <IconButton onClick={startSearch} styleType=\"borderless\" title={GroupingMappingWidget.translate(\"properties.searchButton\")}>\n                      <SvgSearch />\n                    </IconButton>\n                  )\n                }\n              />\n            </div>\n            {filteredProperties.length === 0 ? (\n              <div className=\"gmw-empty-selection\">\n                <Text>{GroupingMappingWidget.translate(\"properties.noAvailable\")}</Text>\n              </div>\n            ) : (\n              <div className=\"gmw-properties-list\">\n                {filteredProperties.map((property) => (\n                  <GroupPropertyListItem\n                    key={property.key}\n                    content={`${property.displayLabel}`}\n                    title={`${property.actualECClassName}`}\n                    description={getLocalizedStringPresentation(property.categoryLabel)}\n                    selected={selectedProperties.some((p) => property.key === p.key)}\n                    onClick={() =>\n                      setSelectedProperties((sp) => (sp.some((p) => property.key === p.key) ? sp.filter((p) => property.key !== p.key) : [...sp, property]))\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </Surface>\n          <Surface className=\"gmw-selected-properties\" elevation={1}>\n            <Label as=\"span\">{GroupingMappingWidget.translate(\"properties.selected\")}</Label>\n            {selectedProperties.length === 0 ? (\n              <div className=\"gmw-empty-selection\">\n                <Text>{GroupingMappingWidget.translate(\"properties.noSelected\")}</Text>\n                <Text>{GroupingMappingWidget.translate(\"properties.addHint\")}</Text>\n              </div>\n            ) : (\n              <div className=\"gmw-properties-list\">\n                <SortableContext items={selectedProperties.map((p) => p.key)} strategy={verticalListSortingStrategy}>\n                  {selectedProperties.map((property) => (\n                    <SortableHorizontalTile\n                      key={property.key}\n                      id={property.key}\n                      content={`${property.displayLabel}`}\n                      title={`${property.actualECClassName}`}\n                      description={getLocalizedStringPresentation(property.categoryLabel)}\n                      action={\n                        <div>\n                          <IconButton\n                            styleType=\"borderless\"\n                            title={GroupingMappingWidget.translate(\"common.remove\")}\n                            onClick={() => {\n                              setSelectedProperties((sp) => sp.filter((p) => property.key !== p.key));\n                            }}\n                          >\n                            <SvgRemove />\n                          </IconButton>\n                        </div>\n                      }\n                    />\n                  ))}\n                </SortableContext>\n              </div>\n            )}\n          </Surface>\n        </Split>\n        <ModalButtonBar>\n          <Button\n            onClick={() => {\n              setShowModal(false);\n              clearSearch();\n            }}\n            styleType=\"high-visibility\"\n          >\n            {GroupingMappingWidget.translate(\"common.close\")}\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n      <DragOverlay zIndex={9999}>\n        {activeDragProperty ? (\n          <GroupPropertyListItem\n            content={`${activeDragProperty.displayLabel}`}\n            title={`${activeDragProperty.actualECClassName}`}\n            description={getLocalizedStringPresentation(activeDragProperty.categoryLabel)}\n            action={\n              <IconButton styleType=\"borderless\">\n                <SvgRemove />\n              </IconButton>\n            }\n            dragHandle={\n              <Icon className=\"gmw-drag-icon\" size=\"large\">\n                <SvgDragHandleVertical />\n              </Icon>\n            }\n          />\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  );\n};\n"]}

package/lib/esm/components/Properties/GroupProperties/SaveModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SaveModalProps {
     onSave: () => void;
     onClose: () => void;

package/lib/esm/components/Properties/GroupProperties/SaveModal.js

@@ -4,12 +4,13 @@
  *--------------------------------------------------------------------------------------------*/
 import { Button, Modal, ModalButtonBar, Text } from "@itwin/itwinui-react";
 import React from "react";
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
 export const SaveModal = ({ onSave, onClose, showSaveModal }) => {
     return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { title: "Confirm", modalRootId: "grouping-mapping-widget", isOpen: showSaveModal, onClose: onClose },
-            React.createElement(Text, { variant: "leading", as: "h3" }, "Are you sure you want to save this property with a new name? You may need to update this name in Custom Calculation formulas."),
+        React.createElement(Modal, { title: GroupingMappingWidget.translate("common.confirm"), modalRootId: "grouping-mapping-widget", isOpen: showSaveModal, onClose: onClose },
+            React.createElement(Text, { variant: "leading", as: "h3" }, GroupingMappingWidget.translate("shared.saveConfirm")),
             React.createElement(ModalButtonBar, null,
-                React.createElement(Button, { styleType: "high-visibility", onClick: onSave }, "Save"),
-                React.createElement(Button, { onClick: onClose, styleType: "default" }, "Cancel")))));
+                React.createElement(Button, { styleType: "high-visibility", onClick: onSave }, GroupingMappingWidget.translate("common.save")),
+                React.createElement(Button, { onClick: onClose, styleType: "default" }, GroupingMappingWidget.translate("common.cancel"))))));
 };
 //# sourceMappingURL=SaveModal.js.map

package/lib/esm/components/Properties/GroupProperties/SaveModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveModal.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SaveModal.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAkB,EAAE,EAAE;IAC9E,OAAO,CACL;QACE,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,WAAW,EAAC,yBAAyB,EAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO;YAClG,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,oIAExB;YACP,oBAAC,cAAc;gBACb,oBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,WAE1C;gBACT,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,aAEpC,CACM,CACX,CACP,CACJ,CAAC;AACJ,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 { Button, Modal, ModalButtonBar, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\n\nexport interface SaveModalProps {\n  onSave: () => void;\n  onClose: () => void;\n  showSaveModal: boolean;\n}\n\nexport const SaveModal = ({ onSave, onClose, showSaveModal }: SaveModalProps) => {\n  return (\n    <>\n      <Modal title=\"Confirm\" modalRootId=\"grouping-mapping-widget\" isOpen={showSaveModal} onClose={onClose}>\n        <Text variant=\"leading\" as=\"h3\">\n          Are you sure you want to save this property with a new name? You may need to update this name in Custom Calculation formulas.\n        </Text>\n        <ModalButtonBar>\n          <Button styleType=\"high-visibility\" onClick={onSave}>\n            Save\n          </Button>\n          <Button onClick={onClose} styleType=\"default\">\n            Cancel\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"SaveModal.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SaveModal.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAQvE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAkB,EAAE,EAAE;IAC9E,OAAO,CACL;QACE,oBAAC,KAAK,IAAC,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAC,yBAAyB,EAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO;YAC5I,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,IAC5B,qBAAqB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CACjD;YACP,oBAAC,cAAc;gBACb,oBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAChD,qBAAqB,CAAC,SAAS,CAAC,aAAa,CAAC,CACxC;gBACT,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IAC1C,qBAAqB,CAAC,SAAS,CAAC,eAAe,CAAC,CAC1C,CACM,CACX,CACP,CACJ,CAAC;AACJ,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 { Button, Modal, ModalButtonBar, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\nexport interface SaveModalProps {\n  onSave: () => void;\n  onClose: () => void;\n  showSaveModal: boolean;\n}\n\nexport const SaveModal = ({ onSave, onClose, showSaveModal }: SaveModalProps) => {\n  return (\n    <>\n      <Modal title={GroupingMappingWidget.translate(\"common.confirm\")} modalRootId=\"grouping-mapping-widget\" isOpen={showSaveModal} onClose={onClose}>\n        <Text variant=\"leading\" as=\"h3\">\n          {GroupingMappingWidget.translate(\"shared.saveConfirm\")}\n        </Text>\n        <ModalButtonBar>\n          <Button styleType=\"high-visibility\" onClick={onSave}>\n            {GroupingMappingWidget.translate(\"common.save\")}\n          </Button>\n          <Button onClick={onClose} styleType=\"default\">\n            {GroupingMappingWidget.translate(\"common.cancel\")}\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n"]}

package/lib/esm/components/Properties/GroupProperties/SortableHorizontalTile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupPropertyListItemProps } from "./GroupPropertyListItem";
 interface SortableHorizontalTileProps extends GroupPropertyListItemProps {
     id: string;

package/lib/esm/components/Properties/GroupProperties/SortableHorizontalTile.js

@@ -8,6 +8,7 @@ import { CSS } from "@dnd-kit/utilities";
 import { SvgDragHandleVertical } from "@itwin/itwinui-icons-react";
 import { Icon } from "@itwin/itwinui-react";
 import { GroupPropertyListItem } from "./GroupPropertyListItem";
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
 export const SortableHorizontalTile = ({ id, ...props }) => {
     const { attributes, listeners, isDragging, setNodeRef, transform, transition } = useSortable({ id });
     const style = {
@@ -24,7 +25,7 @@ export const SortableHorizontalTile = ({ id, ...props }) => {
         };
     }, [isDragging]);
     return (React.createElement("div", { ref: setNodeRef, ...attributes, style: { ...style, visibility: isDragging ? "hidden" : "visible" } },
-        React.createElement(GroupPropertyListItem, { dragHandle: React.createElement(Icon, { className: "gmw-drag-icon", size: "large", style: { cursor: "grab" }, title: "Drag & Drop", ...listeners },
+        React.createElement(GroupPropertyListItem, { dragHandle: React.createElement(Icon, { className: "gmw-drag-icon", size: "large", style: { cursor: "grab" }, title: GroupingMappingWidget.translate("properties.dragAndDrop"), ...listeners },
                 React.createElement(SvgDragHandleVertical, null)), ...props })));
 };
 //# sourceMappingURL=SortableHorizontalTile.js.map

package/lib/esm/components/Properties/GroupProperties/SortableHorizontalTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableHorizontalTile.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SortableHorizontalTile.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IACtF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAErG,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;IAEF,SAAS,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,6BAAK,GAAG,EAAE,UAAU,KAAM,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE;QACtG,oBAAC,qBAAqB,IACpB,UAAU,EACR,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,aAAa,KAAK,SAAS;gBACvG,oBAAC,qBAAqB,OAAG,CACpB,KAEL,KAAK,GACT,CACE,CACP,CAAC;AACJ,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 React, { useEffect } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/itwinui-react\";\nimport type { GroupPropertyListItemProps } from \"./GroupPropertyListItem\";\nimport { GroupPropertyListItem } from \"./GroupPropertyListItem\";\n\ninterface SortableHorizontalTileProps extends GroupPropertyListItemProps {\n  id: string;\n}\n\nexport const SortableHorizontalTile = ({ id, ...props }: SortableHorizontalTileProps) => {\n  const { attributes, listeners, isDragging, setNodeRef, transform, transition } = 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 ref={setNodeRef} {...attributes} style={{ ...style, visibility: isDragging ? \"hidden\" : \"visible\" }}>\n      <GroupPropertyListItem\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"]}
+{"version":3,"file":"SortableHorizontalTile.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SortableHorizontalTile.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAMvE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IACtF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAErG,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;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,6BAAK,GAAG,EAAE,UAAU,KAAM,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE;QACtG,oBAAC,qBAAqB,IACpB,UAAU,EACR,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAM,SAAS;gBACrJ,oBAAC,qBAAqB,OAAG,CACpB,KAEL,KAAK,GACT,CACE,CACP,CAAC;AACJ,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 React, { useEffect } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/itwinui-react\";\nimport type { GroupPropertyListItemProps } from \"./GroupPropertyListItem\";\nimport { GroupPropertyListItem } from \"./GroupPropertyListItem\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\ninterface SortableHorizontalTileProps extends GroupPropertyListItemProps {\n  id: string;\n}\n\nexport const SortableHorizontalTile = ({ id, ...props }: SortableHorizontalTileProps) => {\n  const { attributes, listeners, isDragging, setNodeRef, transform, transition } = 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 ref={setNodeRef} {...attributes} style={{ ...style, visibility: isDragging ? \"hidden\" : \"visible\" }}>\n      <GroupPropertyListItem\n        dragHandle={\n          <Icon className=\"gmw-drag-icon\" size=\"large\" style={{ cursor: \"grab\" }} title={GroupingMappingWidget.translate(\"properties.dragAndDrop\")} {...listeners}>\n            <SvgDragHandleVertical />\n          </Icon>\n        }\n        {...props}\n      />\n    </div>\n  );\n};\n"]}

package/lib/esm/components/Properties/PropertyAction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PropertyRecord } from "@itwin/appui-abstract";
 import "./PropertyAction.scss";
 export interface PropertyActionProps {

package/lib/esm/components/Properties/PropertyAction.js

@@ -46,7 +46,7 @@ const usePropertySelection = (property, currentPropertyList, queryBuilder) => {
     };
 };
 export const PropertyAction = ({ property }) => {
-    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating } = usePropertyGridWrapper();
+    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, resetView } = usePropertyGridWrapper();
     const { isPropertySelected, addProperty, removeProperty, isCheckboxLoading, setIsCheckboxLoading } = usePropertySelection(property, currentPropertyList, queryBuilder);
     useEffect(() => {
         setIsCheckboxLoading(isPropertySelected && isUpdating);
@@ -55,7 +55,11 @@ export const PropertyAction = ({ property }) => {
         if (isPropertySelected) {
             await removeProperty(property);
             setCurrentPropertyList((prevList) => prevList.filter((x) => x !== property));
-            setQuery(await queryBuilder?.buildQueryString() ?? "");
+            const query = (await queryBuilder?.buildQueryString()) ?? "";
+            setQuery(query);
+            if (!query) {
+                await resetView?.();
+            }
         }
         else {
             if (await addProperty(property)) {
@@ -63,7 +67,7 @@ export const PropertyAction = ({ property }) => {
                 setQuery(await queryBuilder?.buildQueryString() ?? "");
             }
         }
-    }, [addProperty, isPropertySelected, property, removeProperty, queryBuilder, setCurrentPropertyList, setQuery]);
+    }, [addProperty, isPropertySelected, property, queryBuilder, removeProperty, resetView, setCurrentPropertyList, setQuery]);
     return (React.createElement("div", { className: "gmw-property-selection-checkbox" }, property.value.valueFormat === PropertyValueFormat.Primitive && property.value.value !== undefined && (React.createElement(Checkbox, { checked: isPropertySelected, onChange: onPropertySelectionChanged, disabled: isUpdating, isLoading: isCheckboxLoading }))));
 };
 //# sourceMappingURL=PropertyAction.js.map

package/lib/esm/components/Properties/PropertyAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyAction.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyAction.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, useState } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { usePropertyGridWrapper } from \"../context/PropertyGridWrapperContext\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport \"./PropertyAction.scss\";\nimport type { QueryBuilder } from \"../Groups/QueryBuilder/QueryBuilder\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\n\nexport interface PropertyActionProps {\n  property: PropertyRecord;\n}\n\nconst usePropertySelection = (property: PropertyRecord, currentPropertyList: PropertyRecord[], queryBuilder: QueryBuilder | undefined) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This hook requires an active iModelConnection.\");\n  }\n\n  const checkIfPropertyIsSelected = useCallback(\n    (property: PropertyRecord): boolean => {\n      if (property.value.valueFormat === PropertyValueFormat.Primitive) {\n        return currentPropertyList.includes(property);\n      }\n\n      if (property.value.valueFormat === PropertyValueFormat.Array) {\n        return property.value.items.length === 0 && currentPropertyList.includes(property);\n      }\n      return Object.values(property.value.members).every((subProp: PropertyRecord) => checkIfPropertyIsSelected(subProp));\n    },\n    [currentPropertyList],\n  );\n\n  const isPropertySelected = checkIfPropertyIsSelected(property);\n\n  const addProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      if (prop.value.valueFormat === PropertyValueFormat.Primitive && !currentPropertyList.includes(prop) && (await queryBuilder?.addProperty(prop))) {\n        setIsCheckboxLoading(false);\n        return true;\n      }\n      return false;\n    },\n    [currentPropertyList, queryBuilder],\n  );\n\n  const removeProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      if (currentPropertyList.includes(prop)) {\n        await queryBuilder?.removeProperty(prop);\n        setIsCheckboxLoading(false);\n      }\n    },\n    [currentPropertyList, queryBuilder],\n  );\n\n  return {\n    isPropertySelected,\n    addProperty,\n    removeProperty,\n    isCheckboxLoading,\n    setIsCheckboxLoading,\n  };\n};\n\nexport const PropertyAction = ({ property }: PropertyActionProps) => {\n  const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating } = usePropertyGridWrapper();\n\n  const { isPropertySelected, addProperty, removeProperty, isCheckboxLoading, setIsCheckboxLoading } = usePropertySelection(\n    property,\n    currentPropertyList,\n    queryBuilder,\n  );\n\n  useEffect(() => {\n    setIsCheckboxLoading(isPropertySelected && isUpdating);\n  }, [isPropertySelected, isUpdating, setIsCheckboxLoading]);\n\n  const onPropertySelectionChanged = useCallback(async () => {\n    if (isPropertySelected) {\n      await removeProperty(property);\n      setCurrentPropertyList((prevList) => prevList.filter((x) => x !== property));\n      setQuery(await queryBuilder?.buildQueryString() ?? \"\");\n    } else {\n      if (await addProperty(property)) {\n        setCurrentPropertyList((prevList) => prevList.concat(property));\n        setQuery(await queryBuilder?.buildQueryString() ?? \"\");\n      }\n    }\n  }, [addProperty, isPropertySelected, property, removeProperty, queryBuilder, setCurrentPropertyList, setQuery]);\n\n  return (\n    <div className=\"gmw-property-selection-checkbox\">\n      {property.value.valueFormat === PropertyValueFormat.Primitive && property.value.value !== undefined && (\n        <Checkbox checked={isPropertySelected} onChange={onPropertySelectionChanged} disabled={isUpdating} isLoading={isCheckboxLoading} />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyAction.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyAction.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, useState } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { usePropertyGridWrapper } from \"../context/PropertyGridWrapperContext\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport \"./PropertyAction.scss\";\nimport type { QueryBuilder } from \"../Groups/QueryBuilder/QueryBuilder\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\n\nexport interface PropertyActionProps {\n  property: PropertyRecord;\n}\n\nconst usePropertySelection = (property: PropertyRecord, currentPropertyList: PropertyRecord[], queryBuilder: QueryBuilder | undefined) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This hook requires an active iModelConnection.\");\n  }\n\n  const checkIfPropertyIsSelected = useCallback(\n    (property: PropertyRecord): boolean => {\n      if (property.value.valueFormat === PropertyValueFormat.Primitive) {\n        return currentPropertyList.includes(property);\n      }\n\n      if (property.value.valueFormat === PropertyValueFormat.Array) {\n        return property.value.items.length === 0 && currentPropertyList.includes(property);\n      }\n      return Object.values(property.value.members).every((subProp: PropertyRecord) => checkIfPropertyIsSelected(subProp));\n    },\n    [currentPropertyList],\n  );\n\n  const isPropertySelected = checkIfPropertyIsSelected(property);\n\n  const addProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      if (prop.value.valueFormat === PropertyValueFormat.Primitive && !currentPropertyList.includes(prop) && (await queryBuilder?.addProperty(prop))) {\n        setIsCheckboxLoading(false);\n        return true;\n      }\n      return false;\n    },\n    [currentPropertyList, queryBuilder],\n  );\n\n  const removeProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      if (currentPropertyList.includes(prop)) {\n        await queryBuilder?.removeProperty(prop);\n        setIsCheckboxLoading(false);\n      }\n    },\n    [currentPropertyList, queryBuilder],\n  );\n\n  return {\n    isPropertySelected,\n    addProperty,\n    removeProperty,\n    isCheckboxLoading,\n    setIsCheckboxLoading,\n  };\n};\n\nexport const PropertyAction = ({ property }: PropertyActionProps) => {\n  const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, resetView } = usePropertyGridWrapper();\n\n  const { isPropertySelected, addProperty, removeProperty, isCheckboxLoading, setIsCheckboxLoading } = usePropertySelection(\n    property,\n    currentPropertyList,\n    queryBuilder,\n  );\n\n  useEffect(() => {\n    setIsCheckboxLoading(isPropertySelected && isUpdating);\n  }, [isPropertySelected, isUpdating, setIsCheckboxLoading]);\n\n  const onPropertySelectionChanged = useCallback(async () => {\n    if (isPropertySelected) {\n      await removeProperty(property);\n      setCurrentPropertyList((prevList) => prevList.filter((x) => x !== property));\n      const query = (await queryBuilder?.buildQueryString()) ?? \"\";\n      setQuery(query);\n      if (!query) {\n        await resetView?.();\n      }\n    } else {\n      if (await addProperty(property)) {\n        setCurrentPropertyList((prevList) => prevList.concat(property));\n        setQuery(await queryBuilder?.buildQueryString() ?? \"\");\n      }\n    }\n  }, [addProperty, isPropertySelected, property, queryBuilder, removeProperty, resetView, setCurrentPropertyList, setQuery]);\n\n  return (\n    <div className=\"gmw-property-selection-checkbox\">\n      {property.value.valueFormat === PropertyValueFormat.Primitive && property.value.value !== undefined && (\n        <Checkbox checked={isPropertySelected} onChange={onPropertySelectionChanged} disabled={isUpdating} isLoading={isCheckboxLoading} />\n      )}\n    </div>\n  );\n};\n"]}

package/lib/esm/components/Properties/PropertyMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./PropertyMenu.scss";
 import type { GroupMinimal, Mapping, Property } from "@itwin/insights-client";
 /**

package/lib/esm/components/Properties/PropertyMenuWithVisualization.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PropertyMenuProps } from "./PropertyMenu";
 import "./PropertyMenuWithVisualization.scss";
 /**

package/lib/esm/components/Properties/PropertyMenuWithVisualization.js

@@ -9,6 +9,7 @@ import { IconButton, InformationPanelWrapper } from "@itwin/itwinui-react";
 import { GroupInformationPanel } from "./GroupInformationPanel";
 import { SvgProperties } from "@itwin/itwinui-icons-react";
 import "./PropertyMenuWithVisualization.scss";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 /**
  * Component to display a property menu with visualization.
  * @public
@@ -18,7 +19,7 @@ export const PropertyMenuWithVisualization = ({ group, color, hideRefreshIcon, d
     return (React.createElement(InformationPanelWrapper, { className: "gmw-property-menu-vis-wrapper" },
         React.createElement("div", { className: "gmw-property-menu-vis-toolbar" },
             React.createElement(GroupColorToggle, { group: group, color: color, labelPosition: "left", disableZoom: disableZoom }),
-            React.createElement(IconButton, { styleType: "borderless", onClick: () => setIsInformationPanelOpen(true), title: "Group Information" },
+            React.createElement(IconButton, { styleType: "borderless", onClick: () => setIsInformationPanelOpen(true), title: GroupingMappingWidget.translate("properties.groupInformation") },
                 React.createElement(SvgProperties, null))),
         React.createElement(PropertyMenu, { group: group, hideRefreshIcon: hideRefreshIcon, ...rest }),
         React.createElement(GroupInformationPanel, { isOpen: isInformationPanelOpen, onClose: () => setIsInformationPanelOpen(false), query: group.query, groupName: group.groupName })));

package/lib/esm/components/Properties/PropertyMenuWithVisualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenuWithVisualization.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenuWithVisualization.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAY9C;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,IAAI,EAAsC,EAAE,EAAE;IAC3I,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErF,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAC,+BAA+B;QAChE,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,GAAI;YAC/F,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,mBAAmB;gBAC1G,oBAAC,aAAa,OAAG,CACN,CACT;QACN,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,KAAM,IAAI,GAAI;QAC1E,oBAAC,qBAAqB,IAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAClI,CAC3B,CAAC;AACJ,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 React, { useState } from \"react\";\nimport type { PropertyMenuProps } from \"./PropertyMenu\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport { GroupColorToggle } from \"./GroupColorToggle\";\nimport { IconButton, InformationPanelWrapper } from \"@itwin/itwinui-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport \"./PropertyMenuWithVisualization.scss\";\n\n/**\n * Properties for the {@link PropertyMenuWithVisualization} component.\n * @public\n */\nexport interface PropertyMenuWithVisualizationProps extends PropertyMenuProps {\n  color: string;\n  disableZoom?: boolean;\n  onGroupPropertyDelete?: () => void;\n}\n\n/**\n * Component to display a property menu with visualization.\n * @public\n */\nexport const PropertyMenuWithVisualization = ({ group, color, hideRefreshIcon, disableZoom, ...rest }: PropertyMenuWithVisualizationProps) => {\n  const [isInformationPanelOpen, setIsInformationPanelOpen] = useState<boolean>(false);\n\n  return (\n    <InformationPanelWrapper className=\"gmw-property-menu-vis-wrapper\">\n      <div className=\"gmw-property-menu-vis-toolbar\">\n        <GroupColorToggle group={group} color={color} labelPosition=\"left\" disableZoom={disableZoom} />\n        <IconButton styleType=\"borderless\" onClick={() => setIsInformationPanelOpen(true)} title=\"Group Information\">\n          <SvgProperties />\n        </IconButton>\n      </div>\n      <PropertyMenu group={group} hideRefreshIcon={hideRefreshIcon} {...rest} />\n      <GroupInformationPanel isOpen={isInformationPanelOpen} onClose={() => setIsInformationPanelOpen(false)} query={group.query} groupName={group.groupName} />\n    </InformationPanelWrapper>\n  );\n};\n"]}
+{"version":3,"file":"PropertyMenuWithVisualization.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenuWithVisualization.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAYpE;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,IAAI,EAAsC,EAAE,EAAE;IAC3I,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErF,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAC,+BAA+B;QAChE,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,GAAI;YAC/F,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,6BAA6B,CAAC;gBACtJ,oBAAC,aAAa,OAAG,CACN,CACT;QACN,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,KAAM,IAAI,GAAI;QAC1E,oBAAC,qBAAqB,IAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAClI,CAC3B,CAAC;AACJ,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 React, { useState } from \"react\";\nimport type { PropertyMenuProps } from \"./PropertyMenu\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport { GroupColorToggle } from \"./GroupColorToggle\";\nimport { IconButton, InformationPanelWrapper } from \"@itwin/itwinui-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport \"./PropertyMenuWithVisualization.scss\";\nimport { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\n\n/**\n * Properties for the {@link PropertyMenuWithVisualization} component.\n * @public\n */\nexport interface PropertyMenuWithVisualizationProps extends PropertyMenuProps {\n  color: string;\n  disableZoom?: boolean;\n  onGroupPropertyDelete?: () => void;\n}\n\n/**\n * Component to display a property menu with visualization.\n * @public\n */\nexport const PropertyMenuWithVisualization = ({ group, color, hideRefreshIcon, disableZoom, ...rest }: PropertyMenuWithVisualizationProps) => {\n  const [isInformationPanelOpen, setIsInformationPanelOpen] = useState<boolean>(false);\n\n  return (\n    <InformationPanelWrapper className=\"gmw-property-menu-vis-wrapper\">\n      <div className=\"gmw-property-menu-vis-toolbar\">\n        <GroupColorToggle group={group} color={color} labelPosition=\"left\" disableZoom={disableZoom} />\n        <IconButton styleType=\"borderless\" onClick={() => setIsInformationPanelOpen(true)} title={GroupingMappingWidget.translate(\"properties.groupInformation\")}>\n          <SvgProperties />\n        </IconButton>\n      </div>\n      <PropertyMenu group={group} hideRefreshIcon={hideRefreshIcon} {...rest} />\n      <GroupInformationPanel isOpen={isInformationPanelOpen} onClose={() => setIsInformationPanelOpen(false)} query={group.query} groupName={group.groupName} />\n    </InformationPanelWrapper>\n  );\n};\n"]}

package/lib/esm/components/Properties/PropertyNameCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PropertyNameCellProps<T extends {
     propertyName: string;
 }> {

package/lib/esm/components/Properties/PropertyTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Column } from "react-table";
 import "./PropertyTable.scss";
 export interface PropertyTableItem {

package/lib/esm/components/Properties/PropertyTable.js

@@ -7,6 +7,7 @@ import React, { useCallback, useMemo, useState } from "react";
 import DeleteModal from "../SharedComponents/DeleteModal";
 import { PropertyTableToolbar } from "./PropertyTableToolbar";
 import "./PropertyTable.scss";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 export const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, hideRefreshIcon, onGroupPropertyDelete, }) => {
     const [showDeleteModal, setShowDeleteModal] = useState(undefined);
     const handleDeleteProperty = useCallback(async () => {
@@ -22,7 +23,7 @@ export const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, o
     const memoizedColumns = useMemo(() => columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);
     return (React.createElement("div", { className: "gmw-property-table-container" },
         React.createElement(PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading, hideRefreshIcon: hideRefreshIcon }),
-        React.createElement(Table, { data: isLoading ? [] : data, density: "extra-condensed", columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
+        React.createElement(Table, { data: isLoading ? [] : data, density: "extra-condensed", columns: memoizedColumns, emptyTableContent: GroupingMappingWidget.translate("properties.noProperties", { propertyType }), isSortable: true, isLoading: isLoading }),
         showDeleteModal && React.createElement(DeleteModal, { entityName: showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty })));
 };
 //# sourceMappingURL=PropertyTable.js.map