@itwin/grouping-mapping-widget 0.26.1 → 0.27.0

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyAction.scss

@@ -40,10 +40,10 @@
   flex-grow: 1;
   gap: var(--iui-size-s);
   min-height: calc(var(--iui-size-3x1) * 2);
-  padding: var(--iui-size-s) var(--iui-size-m);
   min-width: 0;
   .gmw-property-view-button {
     display: flex;
+    margin-bottom: 7.5xp;
   }
 }
 
@@ -52,7 +52,8 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
+  flex: 1;
   gap: var(--iui-size-s);
-  padding: var(--iui-size-s) var(--iui-size-m);
   height: 100%;
+  padding-top: var(--iui-size-s);
 }

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyTable.js

@@ -43,13 +43,21 @@ const GroupPropertyTable = ({ mappingId, groupId, onClickAdd, onClickModify, isL
     const columnsFactory = (0, react_1.useCallback)((handleShowDeleteModal) => [
         {
             id: "propertyName",
-            Header: "Property",
             accessor: "propertyName",
             Cell: (value) => react_1.default.createElement(PropertyNameCell_1.PropertyNameCell, { property: value.row.original, onClickModify: onClickModify }),
         },
+        {
+            id: "propertyTypeIcons",
+            Cell: (value) => (react_1.default.createElement(itwinui_react_1.Flex, { flexDirection: "row", gap: "xs" },
+                react_1.default.createElement(itwinui_react_1.Icon, { fill: value.row.original.ecProperties ? "informational" : "default" },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgLabel, null)),
+                react_1.default.createElement(itwinui_react_1.Icon, { fill: value.row.original.calculatedPropertyType ? "informational" : "default" },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgMeasure, null)),
+                react_1.default.createElement(itwinui_react_1.Icon, { fill: value.row.original.formula ? "informational" : "default" },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgFunction, null)))),
+        },
         {
             id: "dropdown",
-            Header: "",
             width: 80,
             Cell: (value) => {
                 return (react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [

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

@@ -1 +1 @@
-{"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, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, 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}\n\nexport const GroupPropertyTable = ({ mappingId, groupId, onClickAdd, onClickModify, isLoading, groupProperties, refresh }: 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        Header: \"Property\",\n        accessor: \"propertyName\",\n        Cell: (value: CellProps<Property>) => <PropertyNameCell property={value.row.original} onClickModify={onClickModify} />,\n      },\n      {\n        id: \"dropdown\",\n        Header: \"\",\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    />\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\";\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}\n\nexport const GroupPropertyTable = ({ mappingId, groupId, onClickAdd, onClickModify, isLoading, groupProperties, refresh }: 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    />\n  );\n};\n"]}

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

@@ -22,5 +22,5 @@ export interface PropertyMenuProps {
  * Component to display the properties of a group.
  * @public
  */
-export declare const PropertyMenu: ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyMenuProps) => JSX.Element;
+export declare const PropertyMenu: ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, hideGroupProps }: PropertyMenuProps) => JSX.Element;
 //# sourceMappingURL=PropertyMenu.d.ts.map

package/lib/cjs/components/Properties/PropertyMenu.js

@@ -32,8 +32,6 @@ const react_1 = __importStar(require("react"));
 require("./PropertyMenu.scss");
 const GroupPropertyTable_1 = require("./GroupProperties/GroupPropertyTable");
 const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
-const CalculatedPropertyTable_1 = require("./CalculatedProperties/CalculatedPropertyTable");
-const CustomCalculationTable_1 = require("./CustomCalculations/CustomCalculationTable");
 const usePropertiesQuery_1 = require("./hooks/usePropertiesQuery");
 const react_query_1 = require("@tanstack/react-query");
 const PropertiesClientContext_1 = require("../context/PropertiesClientContext");
@@ -41,7 +39,7 @@ const PropertiesClientContext_1 = require("../context/PropertiesClientContext");
  * Component to display the properties of a group.
  * @public
  */
-const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
+const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, hideGroupProps = false }) => {
     const groupId = group.id;
     const mappingId = mapping.id;
     const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
@@ -49,10 +47,7 @@ const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGr
     const queryClient = (0, react_query_1.useQueryClient)();
     const { data: groupProperties, isFetching: isLoadingGroupProperties } = (0, usePropertiesQuery_1.usePropertiesQuery)(iModelId, mappingId, groupId, getAccessToken, propertiesClient);
     const refreshGroupProperties = (0, react_1.useCallback)(async () => queryClient.invalidateQueries({ queryKey: ["properties", iModelId, mappingId, group.id] }), [group.id, iModelId, mappingId, queryClient]);
-    return (react_1.default.createElement("div", { className: "gmw-property-menu-wrapper" },
-        !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties ? groupProperties.properties : [], refresh: refreshGroupProperties })),
-        !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingGroupProperties, calculatedProperties: groupProperties ? groupProperties.properties : [], refresh: refreshGroupProperties })),
-        !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingGroupProperties, customCalculations: groupProperties ? groupProperties.properties : [], refresh: refreshGroupProperties }))));
+    return (react_1.default.createElement("div", { className: "gmw-property-menu-wrapper" }, !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties ? groupProperties.properties : [], refresh: refreshGroupProperties }))));
 };
 exports.PropertyMenu = PropertyMenu;
 //# sourceMappingURL=PropertyMenu.js.map

package/lib/cjs/components/Properties/PropertyMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,+CAA2C;AAC3C,+BAA6B;AAC7B,6EAA0E;AAC1E,kFAAkF;AAElF,4FAAyF;AACzF,wFAAqF;AACrF,mEAAgE;AAChE,uDAAuD;AACvD,gFAAyE;AAoBzE;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,4BAA4B,EAC5B,+BAA+B,EAC/B,mCAAmC,EACnC,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,mBAAmB,GAAG,KAAK,EAC3B,0BAA0B,GAAG,KAAK,GAChB,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IAC7B,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACnE,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC;IAErC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,wBAAwB,EAAE,GAAG,IAAA,uCAAkB,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC;IAE3J,MAAM,sBAAsB,GAAG,IAAA,mBAAW,EACxC,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EACtG,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAC7C,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACvC,CAAC,cAAc,IAAI,CAClB,8BAAC,uCAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,uBAAuB,EACnC,aAAa,EAAE,0BAA0B,EACzC,SAAS,EAAE,wBAAwB,EACnC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAClE,OAAO,EAAE,sBAAsB,GAC/B,CACH;QACA,CAAC,mBAAmB,IAAI,CACvB,8BAAC,iDAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,4BAA4B,EACxC,aAAa,EAAE,+BAA+B,EAC9C,SAAS,EAAE,wBAAwB,EACnC,oBAAoB,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACvE,OAAO,EAAE,sBAAsB,GAC/B,CACH;QACA,CAAC,0BAA0B,IAAI,CAC9B,8BAAC,+CAAsB,IACrB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,mCAAmC,EAC/C,aAAa,EAAE,8BAA8B,EAC7C,SAAS,EAAE,wBAAwB,EACnC,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACrE,OAAO,EAAE,sBAAsB,GAC/B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,YAAY,gBAgEvB","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 } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupProperties/GroupPropertyTable\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { GroupMinimal, Mapping, Property } from \"@itwin/insights-client\";\nimport { CalculatedPropertyTable } from \"./CalculatedProperties/CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculations/CustomCalculationTable\";\nimport { usePropertiesQuery } from \"./hooks/usePropertiesQuery\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../context/PropertiesClientContext\";\n\n/**\n * Props for the {@link PropertyMenu} component.\n * @public\n */\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: GroupMinimal;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: Property) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: Property) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: Property) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\n/**\n * Component to display the properties of a group.\n * @public\n */\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const propertiesClient = usePropertiesClient();\n  const queryClient = useQueryClient();\n\n  const { data: groupProperties, isFetching: isLoadingGroupProperties } = usePropertiesQuery(iModelId, mappingId, groupId, getAccessToken, propertiesClient);\n\n  const refreshGroupProperties = useCallback(\n    async () => queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, group.id] }),\n    [group.id, iModelId, mappingId, queryClient],\n  );\n\n  return (\n    <div className=\"gmw-property-menu-wrapper\">\n      {!hideGroupProps && (\n        <GroupPropertyTable\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddGroupProperty}\n          onClickModify={onClickModifyGroupProperty}\n          isLoading={isLoadingGroupProperties}\n          groupProperties={groupProperties ? groupProperties.properties : []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCalculatedProps && (\n        <CalculatedPropertyTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCalculatedProperty}\n          onClickModify={onClickModifyCalculatedProperty}\n          isLoading={isLoadingGroupProperties}\n          calculatedProperties={groupProperties ? groupProperties.properties : []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCustomCalculationProps && (\n        <CustomCalculationTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCustomCalculationProperty}\n          onClickModify={onClickModifyCustomCalculation}\n          isLoading={isLoadingGroupProperties}\n          customCalculations={groupProperties ? groupProperties.properties : []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,+CAA2C;AAC3C,+BAA6B;AAC7B,6EAA0E;AAC1E,kFAAkF;AAElF,mEAAgE;AAChE,uDAAuD;AACvD,gFAAyE;AAoBzE;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,cAAc,GAAG,KAAK,EACJ,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;IAC7B,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACnE,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC;IAErC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,wBAAwB,EAAE,GAAG,IAAA,uCAAkB,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC;IAE3J,MAAM,sBAAsB,GAAG,IAAA,mBAAW,EACxC,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EACtG,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAC7C,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,cAAc,IAAI,CAClB,8BAAC,uCAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,uBAAuB,EACnC,aAAa,EAAE,0BAA0B,EACzC,SAAS,EAAE,wBAAwB,EACnC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAClE,OAAO,EAAE,sBAAsB,GAC/B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,YAAY,gBAoCvB","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 } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupProperties/GroupPropertyTable\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { GroupMinimal, Mapping, Property } from \"@itwin/insights-client\";\nimport { usePropertiesQuery } from \"./hooks/usePropertiesQuery\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { usePropertiesClient } from \"../context/PropertiesClientContext\";\n\n/**\n * Props for the {@link PropertyMenu} component.\n * @public\n */\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: GroupMinimal;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: Property) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: Property) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: Property) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\n/**\n * Component to display the properties of a group.\n * @public\n */\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  hideGroupProps = false\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const propertiesClient = usePropertiesClient();\n  const queryClient = useQueryClient();\n\n  const { data: groupProperties, isFetching: isLoadingGroupProperties } = usePropertiesQuery(iModelId, mappingId, groupId, getAccessToken, propertiesClient);\n\n  const refreshGroupProperties = useCallback(\n    async () => queryClient.invalidateQueries({ queryKey: [\"properties\", iModelId, mappingId, group.id] }),\n    [group.id, iModelId, mappingId, queryClient],\n  );\n\n  return (\n    <div className=\"gmw-property-menu-wrapper\">\n      {!hideGroupProps && (\n        <GroupPropertyTable\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddGroupProperty}\n          onClickModify={onClickModifyGroupProperty}\n          isLoading={isLoadingGroupProperties}\n          groupProperties={groupProperties ? groupProperties.properties : []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/Properties/ScrollableExpandableBlock.d.ts

@@ -0,0 +1,11 @@
+import type { ExpandableBlockProps } from "@itwin/itwinui-react";
+import React from "react";
+interface ScrollableExpandableBlockProps extends ExpandableBlockProps {
+    parentRef?: React.RefObject<HTMLDivElement>;
+    children: React.ReactNode;
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+}
+export declare const ScrollableExpandableBlock: React.ForwardRefExoticComponent<ScrollableExpandableBlockProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ScrollableExpandableBlock.d.ts.map

package/lib/cjs/components/Properties/ScrollableExpandableBlock.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollableExpandableBlock = void 0;
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const useForwardRef_1 = require("./hooks/useForwardRef");
+exports.ScrollableExpandableBlock = (0, react_1.forwardRef)(function ExpandableBlockWithRef(props, forwardRef) {
+    const { parentRef, children, isExpanded, setIsExpanded, ...rest } = props;
+    const forwardedRef = (0, useForwardRef_1.useForwardRef)(forwardRef);
+    const scrollToBlock = (0, react_1.useCallback)(() => {
+        setTimeout(() => {
+            if (parentRef?.current && forwardedRef.current) {
+                parentRef?.current.scrollTo({
+                    top: forwardedRef.current.offsetTop,
+                    behavior: "smooth",
+                });
+            }
+        }, 500);
+    }, [forwardedRef, parentRef]);
+    const handleToggle = (0, react_1.useCallback)((isExpanding) => {
+        if (isExpanding === true) {
+            setIsExpanded(true);
+            scrollToBlock();
+        }
+        else {
+            setIsExpanded(false);
+        }
+    }, [scrollToBlock, setIsExpanded]);
+    return (react_1.default.createElement("div", { ref: forwardedRef },
+        react_1.default.createElement(itwinui_react_1.ExpandableBlock, { onToggle: handleToggle, isExpanded: isExpanded, ...rest }, children)));
+});
+//# sourceMappingURL=ScrollableExpandableBlock.js.map

package/lib/cjs/components/Properties/ScrollableExpandableBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableExpandableBlock.js","sourceRoot":"","sources":["../../../../src/components/Properties/ScrollableExpandableBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAuD;AACvD,+CAAuD;AACvD,yDAAsD;AASzC,QAAA,yBAAyB,GAAG,IAAA,kBAAU,EAAiD,SAAS,sBAAsB,CAAC,KAAK,EAAE,UAAU;IACnJ,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAC,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,YAAY,GAAG,IAAA,6BAAa,EAAiB,UAAU,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,SAAS,EAAE,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE;gBAC9C,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC;oBAC1B,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS;oBACnC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;aACJ;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,WAAoB,EAAE,EAAE;QACvB,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,aAAa,EAAE,CAAC;SACjB;aAAK;YACJ,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,YAAY;QACpB,8BAAC,+BAAe,IAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,KAAM,IAAI,IACtE,QAAQ,CACO,CACd,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { ExpandableBlockProps } from \"@itwin/itwinui-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { useForwardRef } from \"./hooks/useForwardRef\";\n\ninterface ScrollableExpandableBlockProps extends ExpandableBlockProps {\n  parentRef?: React.RefObject<HTMLDivElement>;\n  children: React.ReactNode;\n  isExpanded: boolean;\n  setIsExpanded: (isExpanded: boolean) => void;\n}\n\nexport const ScrollableExpandableBlock = forwardRef<HTMLDivElement, ScrollableExpandableBlockProps>(function ExpandableBlockWithRef(props, forwardRef) {\n  const { parentRef, children, isExpanded, setIsExpanded,...rest } = props;\n  const forwardedRef = useForwardRef<HTMLDivElement>(forwardRef);\n\n  const scrollToBlock = useCallback(() => {\n    setTimeout(() => {\n      if (parentRef?.current && forwardedRef.current) {\n        parentRef?.current.scrollTo({\n          top: forwardedRef.current.offsetTop,\n          behavior: \"smooth\",\n        });\n      }\n    }, 500);\n  }, [forwardedRef, parentRef]);\n\n  const handleToggle = useCallback(\n    (isExpanding: boolean) => {\n      if (isExpanding === true) {\n        setIsExpanded(true);\n        scrollToBlock();\n      }else {\n        setIsExpanded(false);\n      }\n    },\n    [scrollToBlock, setIsExpanded],\n  );\n\n  return (\n    <div ref={forwardedRef}>\n      <ExpandableBlock onToggle={handleToggle} isExpanded={isExpanded} {...rest}>\n        {children}\n      </ExpandableBlock>\n    </div>\n  );\n});\n"]}

package/lib/cjs/components/Properties/hooks/useFormulaValidation.d.ts

@@ -1,7 +1,10 @@
-import type { DataType, PropertyMap } from "../../../formula/Types";
-export declare function useFormulaValidation(formulaName: string, formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void): {
-    isValid: boolean;
+import type { DataType as FormulaDataType } from "../../../formula/Types";
+import type { Property } from "@itwin/insights-client";
+import { DataType } from "@itwin/insights-client";
+export declare function useFormulaValidation(formulaName: string, formula: string | undefined, groupProperties: Property[], setFormulaErrorMessage: (s: string | undefined) => void, providedDataType?: DataType): {
+    isFormulaValid: boolean;
     inferredDataType: DataType | undefined;
     forceValidation: () => boolean;
 };
+export declare const inferToPropertyDataType: (value: FormulaDataType | undefined) => DataType;
 //# sourceMappingURL=useFormulaValidation.d.ts.map

package/lib/cjs/components/Properties/hooks/useFormulaValidation.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormulaValidation = void 0;
+exports.inferToPropertyDataType = exports.useFormulaValidation = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -8,26 +8,72 @@ exports.useFormulaValidation = void 0;
 const react_1 = require("react");
 const FormulaDataTypeResolver_1 = require("../../../formula/FormulaDataTypeResolver");
 const utils_1 = require("../../../common/utils");
-function validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid, setDataType) {
+const insights_client_1 = require("@itwin/insights-client");
+function validate(formulaName, formula, properties, setFormulaErrorMessage, setIsFormulaValid, setDataType, providedDataType) {
     if (!formula) {
-        setFormulaErrorMessage("");
-        setIsValid(false);
+        setFormulaErrorMessage(undefined);
+        setIsFormulaValid(false);
         setDataType(undefined);
         return false;
     }
-    const resolveFormulaType = (0, FormulaDataTypeResolver_1.resolveFormulaDataType)(formulaName, formula, properties);
-    const error = resolveFormulaType.errorMessage ?? "";
+    const resolveFormulaType = (0, FormulaDataTypeResolver_1.resolveFormulaDataType)(formulaName, formula, properties, providedDataType);
+    const error = resolveFormulaType.errorMessage;
     setFormulaErrorMessage(error);
-    setIsValid(!error);
-    setDataType(resolveFormulaType.value);
+    setIsFormulaValid(!error);
+    setDataType((0, exports.inferToPropertyDataType)(resolveFormulaType.value));
     return !error;
 }
-const debouncedValidationFunc = (0, utils_1.debounce)(validate, 5000);
-function useFormulaValidation(formulaName, formula, properties, setFormulaErrorMessage) {
-    const [isValid, setIsValid] = (0, react_1.useState)(false);
+const debouncedValidationFunc = (0, utils_1.debounce)(validate, 2000);
+function useFormulaValidation(formulaName, formula, groupProperties, setFormulaErrorMessage, providedDataType) {
+    const [isFormulaValid, setIsFormulaValid] = (0, react_1.useState)(false);
     const [inferredDataType, setDataType] = (0, react_1.useState)(undefined);
-    (0, react_1.useEffect)(() => debouncedValidationFunc(formulaName, formula, properties, setFormulaErrorMessage, setIsValid, setDataType), [formulaName, formula, properties, setFormulaErrorMessage]);
-    return { isValid, inferredDataType, forceValidation: () => validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid, setDataType) };
+    const [propertyMap, setPropertyMap] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => setPropertyMap(convertToPropertyMap(groupProperties)), [groupProperties]);
+    (0, react_1.useEffect)(() => debouncedValidationFunc(formulaName, formula, propertyMap, setFormulaErrorMessage, setIsFormulaValid, setDataType, providedDataType), [formulaName, formula, groupProperties, setFormulaErrorMessage, propertyMap, providedDataType]);
+    return {
+        isFormulaValid,
+        inferredDataType,
+        forceValidation: () => validate(formulaName, formula, propertyMap, setFormulaErrorMessage, setIsFormulaValid, setDataType, providedDataType),
+    };
 }
 exports.useFormulaValidation = useFormulaValidation;
+const inferToPropertyDataType = (value) => {
+    switch (value) {
+        case "Double":
+            return insights_client_1.DataType.Double;
+        case "Integer":
+            return insights_client_1.DataType.Integer;
+        case "String":
+            return insights_client_1.DataType.String;
+        case "Boolean":
+            return insights_client_1.DataType.Boolean;
+        default:
+            return insights_client_1.DataType.String;
+    }
+};
+exports.inferToPropertyDataType = inferToPropertyDataType;
+const convertToPropertyMap = (properties, selectedPropertyName) => {
+    const map = {};
+    const selectedLowerName = selectedPropertyName?.toLowerCase();
+    properties.forEach((p) => {
+        const lowerName = p.propertyName?.toLowerCase();
+        if (lowerName && lowerName !== selectedLowerName)
+            map[lowerName] = stringToPossibleDataType(p.dataType);
+    });
+    return map;
+};
+const stringToPossibleDataType = (str) => {
+    switch (str?.toLowerCase()) {
+        case "double":
+            return "Double";
+        case "integer":
+            return "Integer";
+        case "string":
+            return "String";
+        case "boolean":
+            return "Boolean";
+        default:
+            return "Undefined";
+    }
+};
 //# sourceMappingURL=useFormulaValidation.js.map

package/lib/cjs/components/Properties/hooks/useFormulaValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormulaValidation.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useFormulaValidation.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,iCAA4C;AAC5C,sFAAkF;AAElF,iDAAiD;AAEjD,SAAS,QAAQ,CACf,WAAmB,EACnB,OAAe,EACf,UAAuB,EACvB,sBAA2C,EAC3C,UAAgC,EAChC,WAA6D;IAE7D,IAAI,CAAC,OAAO,EAAE;QACZ,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,WAAW,CAAC,SAAS,CAAC,CAAC;QACvB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,kBAAkB,GAAG,IAAA,gDAAsB,EAAC,WAAW,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IACpF,MAAM,KAAK,GAAG,kBAAkB,CAAC,YAAY,IAAI,EAAE,CAAC;IACpD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IACnB,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,OAAO,CAAC,KAAK,CAAC;AAChB,CAAC;AAED,MAAM,uBAAuB,GAAG,IAAA,gBAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAEzD,SAAgB,oBAAoB,CAAC,WAAmB,EAAE,OAAe,EAAE,UAAuB,EAAE,sBAA2C;IAC7I,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAuB,SAAS,CAAC,CAAC;IAClF,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,uBAAuB,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,WAAW,CAAC,EAChH,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAC3D,CAAC;IACF,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,WAAW,CAAC,EAAE,CAAC;AAC3J,CAAC;AARD,oDAQC","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 { useEffect, useState } from \"react\";\nimport { resolveFormulaDataType } from \"../../../formula/FormulaDataTypeResolver\";\nimport type { DataType, PropertyMap } from \"../../../formula/Types\";\nimport { debounce } from \"../../../common/utils\";\n\nfunction validate(\n  formulaName: string,\n  formula: string,\n  properties: PropertyMap,\n  setFormulaErrorMessage: (s: string) => void,\n  setIsValid: (b: boolean) => void,\n  setDataType: (inferredDataType: DataType | undefined) => void,\n): boolean {\n  if (!formula) {\n    setFormulaErrorMessage(\"\");\n    setIsValid(false);\n    setDataType(undefined);\n    return false;\n  }\n\n  const resolveFormulaType = resolveFormulaDataType(formulaName, formula, properties);\n  const error = resolveFormulaType.errorMessage ?? \"\";\n  setFormulaErrorMessage(error);\n  setIsValid(!error);\n  setDataType(resolveFormulaType.value);\n  return !error;\n}\n\nconst debouncedValidationFunc = debounce(validate, 5000);\n\nexport function useFormulaValidation(formulaName: string, formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void) {\n  const [isValid, setIsValid] = useState(false);\n  const [inferredDataType, setDataType] = useState<DataType | undefined>(undefined);\n  useEffect(\n    () => debouncedValidationFunc(formulaName, formula, properties, setFormulaErrorMessage, setIsValid, setDataType),\n    [formulaName, formula, properties, setFormulaErrorMessage],\n  );\n  return { isValid, inferredDataType, forceValidation: () => validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid, setDataType) };\n}\n"]}
+{"version":3,"file":"useFormulaValidation.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useFormulaValidation.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 { useEffect, useState } from \"react\";\nimport { resolveFormulaDataType } from \"../../../formula/FormulaDataTypeResolver\";\nimport type { DataType as FormulaDataType, PossibleDataType, PropertyMap } from \"../../../formula/Types\";\nimport { debounce } from \"../../../common/utils\";\nimport type { Property } from \"@itwin/insights-client\";\nimport { DataType } from \"@itwin/insights-client\";\n\nfunction validate(\n  formulaName: string,\n  formula: string | undefined,\n  properties: PropertyMap,\n  setFormulaErrorMessage: (s: string | undefined) => void,\n  setIsFormulaValid: (b: boolean) => void,\n  setDataType: (inferredDataType: DataType | undefined) => void,\n  providedDataType?: DataType,\n): boolean {\n  if (!formula) {\n    setFormulaErrorMessage(undefined);\n    setIsFormulaValid(false);\n    setDataType(undefined);\n    return false;\n  }\n\n  const resolveFormulaType = resolveFormulaDataType(formulaName, formula, properties, providedDataType);\n  const error = resolveFormulaType.errorMessage;\n  setFormulaErrorMessage(error);\n  setIsFormulaValid(!error);\n  setDataType(inferToPropertyDataType(resolveFormulaType.value));\n  return !error;\n}\n\nconst debouncedValidationFunc = debounce(validate, 2000);\n\nexport function useFormulaValidation(\n  formulaName: string,\n  formula: string | undefined,\n  groupProperties: Property[],\n  setFormulaErrorMessage: (s: string | undefined) => void,\n  providedDataType?: DataType,\n) {\n  const [isFormulaValid, setIsFormulaValid] = useState(false);\n  const [inferredDataType, setDataType] = useState<DataType | undefined>(undefined);\n  const [propertyMap, setPropertyMap] = useState<PropertyMap>({});\n  useEffect(() => setPropertyMap(convertToPropertyMap(groupProperties)), [groupProperties]);\n  useEffect(\n    () => debouncedValidationFunc(formulaName, formula, propertyMap, setFormulaErrorMessage, setIsFormulaValid, setDataType, providedDataType),\n    [formulaName, formula, groupProperties, setFormulaErrorMessage, propertyMap, providedDataType],\n  );\n  return {\n    isFormulaValid,\n    inferredDataType,\n    forceValidation: () => validate(formulaName, formula, propertyMap, setFormulaErrorMessage, setIsFormulaValid, setDataType, providedDataType),\n  };\n}\n\nexport const inferToPropertyDataType = (value: FormulaDataType | undefined): DataType => {\n  switch (value) {\n    case \"Double\":\n      return DataType.Double;\n    case \"Integer\":\n      return DataType.Integer;\n    case \"String\":\n      return DataType.String;\n    case \"Boolean\":\n      return DataType.Boolean;\n    default:\n      return DataType.String;\n  }\n};\n\nconst convertToPropertyMap = (properties: Property[], selectedPropertyName?: string): PropertyMap => {\n  const map: PropertyMap = {};\n  const selectedLowerName = selectedPropertyName?.toLowerCase();\n\n  properties.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName && lowerName !== selectedLowerName) map[lowerName] = stringToPossibleDataType(p.dataType);\n  });\n\n  return map;\n};\n\nconst stringToPossibleDataType = (str?: string): PossibleDataType => {\n  switch (str?.toLowerCase()) {\n    case \"double\":\n      return \"Double\";\n    case \"integer\":\n      return \"Integer\";\n    case \"string\":\n      return \"String\";\n    case \"boolean\":\n      return \"Boolean\";\n    default:\n      return \"Undefined\";\n  }\n};\n"]}

package/lib/cjs/components/Properties/hooks/useForwardRef.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardedRef } from "react";
+export declare const useForwardRef: <T>(ref: ForwardedRef<T>, initialValue?: any) => import("react").MutableRefObject<T>;
+//# sourceMappingURL=useForwardRef.d.ts.map

package/lib/cjs/components/Properties/hooks/useForwardRef.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForwardRef = void 0;
+const react_1 = require("react");
+const useForwardRef = (ref, initialValue = null) => {
+    const targetRef = (0, react_1.useRef)(initialValue);
+    (0, react_1.useEffect)(() => {
+        if (!ref)
+            return;
+        if (typeof ref === 'function') {
+            ref(targetRef.current);
+        }
+        else {
+            ref.current = targetRef.current;
+        }
+    }, [ref]);
+    return targetRef;
+};
+exports.useForwardRef = useForwardRef;
+//# sourceMappingURL=useForwardRef.js.map

package/lib/cjs/components/Properties/hooks/useForwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForwardRef.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useForwardRef.ts"],"names":[],"mappings":";;;AAKA,iCAA0C;AAEnC,MAAM,aAAa,GAAG,CACzB,GAAoB,EACpB,eAAoB,IAAI,EACxB,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAI,YAAY,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SACxB;aAAM;YACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAjBS,QAAA,aAAa,iBAiBtB","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 { ForwardedRef } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport const useForwardRef = <T,>(\n    ref: ForwardedRef<T>,\n    initialValue: any = null\n  ) => {\n    const targetRef = useRef<T>(initialValue);\n  \n    useEffect(() => {\n      if (!ref) return;\n  \n      if (typeof ref === 'function') {\n        ref(targetRef.current);\n      } else {\n        ref.current = targetRef.current;\n      }\n    }, [ref]);\n  \n    return targetRef;\n  };"]}

package/lib/cjs/components/SharedComponents/ActionPanel.d.ts

@@ -2,11 +2,13 @@
 import "./ActionPanel.scss";
 export interface ActionPanelProps {
     onSave: () => void;
+    onSaveCapture?: () => void;
     onCancel?: () => void;
+    onCancelCapture?: () => void;
     isCancelDisabled?: boolean;
     isSavingDisabled?: boolean;
     isLoading?: boolean;
 }
-declare const ActionPanel: ({ onSave, onCancel, isCancelDisabled, isSavingDisabled, isLoading }: ActionPanelProps) => JSX.Element;
+declare const ActionPanel: ({ onSave, onSaveCapture, onCancel, onCancelCapture, isCancelDisabled, isSavingDisabled, isLoading }: ActionPanelProps) => JSX.Element;
 export default ActionPanel;
 //# sourceMappingURL=ActionPanel.d.ts.map

package/lib/cjs/components/SharedComponents/ActionPanel.js

@@ -31,12 +31,12 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const React = __importStar(require("react"));
 require("./ActionPanel.scss");
 const LoadingSpinner_1 = require("./LoadingSpinner");
-const ActionPanel = ({ onSave, onCancel, isCancelDisabled = false, isSavingDisabled = false, isLoading = false }) => {
+const ActionPanel = ({ onSave, onSaveCapture, onCancel, onCancelCapture, isCancelDisabled = false, isSavingDisabled = false, isLoading = false }) => {
     return (React.createElement("div", { id: "action", className: "gmw-action-panel-container" },
         React.createElement("div", { className: "gmw-action-panel" },
             isLoading && React.createElement(LoadingSpinner_1.LoadingSpinner, null),
-            React.createElement(itwinui_react_1.Button, { disabled: isSavingDisabled || isLoading, styleType: "high-visibility", id: "save-app", onClick: onSave }, "Save"),
-            onCancel && (React.createElement(itwinui_react_1.Button, { styleType: "default", type: "button", id: "cancel", onClick: onCancel, disabled: isCancelDisabled || isLoading }, "Cancel")))));
+            React.createElement(itwinui_react_1.Button, { disabled: isSavingDisabled || isLoading, styleType: "high-visibility", id: "save-app", onClick: onSave, onClickCapture: onSaveCapture }, "Save"),
+            onCancel && (React.createElement(itwinui_react_1.Button, { styleType: "default", type: "button", id: "cancel", onClick: onCancel, disabled: isCancelDisabled || isLoading, onClickCapture: onCancelCapture }, "Cancel")))));
 };
 exports.default = ActionPanel;
 //# sourceMappingURL=ActionPanel.js.map

package/lib/cjs/components/SharedComponents/ActionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/ActionPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,wDAA8C;AAC9C,6CAA+B;AAC/B,8BAA4B;AAC5B,qDAAkD;AAUlD,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,GAAG,KAAK,EAAE,gBAAgB,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAoB,EAAe,EAAE;IACjJ,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B;QACrD,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS,IAAI,oBAAC,+BAAc,OAAG;YAChC,oBAAC,sBAAM,IAAC,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EAAE,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAC,UAAU,EAAC,OAAO,EAAE,MAAM,WAEjG;YACR,QAAQ,IAAI,CACX,oBAAC,sBAAM,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,IAAI,SAAS,aAEvG,CACV,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,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 } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport \"./ActionPanel.scss\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\nexport interface ActionPanelProps {\n  onSave: () => void;\n  onCancel?: () => void;\n  isCancelDisabled?: boolean;\n  isSavingDisabled?: boolean;\n  isLoading?: boolean;\n}\n\nconst ActionPanel = ({ onSave, onCancel, isCancelDisabled = false, isSavingDisabled = false, isLoading = false }: ActionPanelProps): JSX.Element => {\n  return (\n    <div id=\"action\" className=\"gmw-action-panel-container\">\n      <div className=\"gmw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button disabled={isSavingDisabled || isLoading} styleType=\"high-visibility\" id=\"save-app\" onClick={onSave}>\n          Save\n        </Button>\n        {onCancel && (\n          <Button styleType=\"default\" type=\"button\" id=\"cancel\" onClick={onCancel} disabled={isCancelDisabled || isLoading}>\n            Cancel\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}
+{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/ActionPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,wDAA8C;AAC9C,6CAA+B;AAC/B,8BAA4B;AAC5B,qDAAkD;AAYlD,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,gBAAgB,GAAG,KAAK,EAAE,gBAAgB,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAoB,EAAe,EAAE;IACjL,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B;QACrD,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS,IAAI,oBAAC,+BAAc,OAAG;YAChC,oBAAC,sBAAM,IAAC,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EAAE,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAC,UAAU,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,WAEhI;YACR,QAAQ,IAAI,CACX,oBAAC,sBAAM,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EAAE,cAAc,EAAE,eAAe,aAExI,CACV,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,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 } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport \"./ActionPanel.scss\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\nexport interface ActionPanelProps {\n  onSave: () => void;\n  onSaveCapture?: () => void;\n  onCancel?: () => void;\n  onCancelCapture?: () => void;\n  isCancelDisabled?: boolean;\n  isSavingDisabled?: boolean;\n  isLoading?: boolean;\n}\n\nconst ActionPanel = ({ onSave, onSaveCapture, onCancel, onCancelCapture, isCancelDisabled = false, isSavingDisabled = false, isLoading = false }: ActionPanelProps): JSX.Element => {\n  return (\n    <div id=\"action\" className=\"gmw-action-panel-container\">\n      <div className=\"gmw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button disabled={isSavingDisabled || isLoading} styleType=\"high-visibility\" id=\"save-app\" onClick={onSave} onClickCapture={onSaveCapture}>\n          Save\n        </Button>\n        {onCancel && (\n          <Button styleType=\"default\" type=\"button\" id=\"cancel\" onClick={onCancel} disabled={isCancelDisabled || isLoading} onClickCapture={onCancelCapture}>\n            Cancel\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}

package/lib/cjs/formula/FormulaDataTypeResolver.d.ts

@@ -1,5 +1,6 @@
+import type { DataType } from "@itwin/insights-client";
 import type { IResult } from "./IResult";
-import type { DataType, PropertyMap } from "./Types";
+import type { DataType as FormulaDataType, PropertyMap } from "./Types";
 /**
  * Resolves DataType of the given formula.
  * @param formulaName Name of the current formula. Expected to be lowercase.
@@ -9,5 +10,5 @@ import type { DataType, PropertyMap } from "./Types";
  * @returns `dataType` if formula is valid. `errorMessage` otherwise.
  * @public
  */
-export declare function resolveFormulaDataType(formulaName: string, formula: string, properties: PropertyMap): IResult<DataType>;
+export declare function resolveFormulaDataType(formulaName: string, formula: string, properties: PropertyMap, providedDataType?: DataType): IResult<FormulaDataType>;
 //# sourceMappingURL=FormulaDataTypeResolver.d.ts.map

package/lib/cjs/formula/FormulaDataTypeResolver.js

@@ -1,14 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveFormulaDataType = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 const FormulaSplitter_1 = require("./FormulaSplitter");
 const FormulaTokensDataTypeResolver_1 = require("./FormulaTokensDataTypeResolver");
 const InfixToPostfixConverter_1 = require("./InfixToPostfixConverter");
 const ParenthesisValidator_1 = require("./ParenthesisValidator");
+const useFormulaValidation_1 = require("../components/Properties/hooks/useFormulaValidation");
 /**
  * Resolves DataType of the given formula.
  * @param formulaName Name of the current formula. Expected to be lowercase.
@@ -18,7 +15,7 @@ const ParenthesisValidator_1 = require("./ParenthesisValidator");
  * @returns `dataType` if formula is valid. `errorMessage` otherwise.
  * @public
  */
-function resolveFormulaDataType(formulaName, formula, properties) {
+function resolveFormulaDataType(formulaName, formula, properties, providedDataType) {
     const parenthesisState = (0, ParenthesisValidator_1.validateParenthesis)(formula);
     if (ParenthesisValidator_1.ParenthesisState.NotClosed === parenthesisState) {
         return { errorMessage: "Opened but not closed parenthesis found." };
@@ -44,7 +41,14 @@ function resolveFormulaDataType(formulaName, formula, properties) {
     if (undefined === postfixFormulaTokens.value) {
         return { errorMessage: postfixFormulaTokens.errorMessage ?? "Unknown error." };
     }
-    return (0, FormulaTokensDataTypeResolver_1.resolveTokensDataType)(formulaName, postfixFormulaTokens.value, properties);
+    const tokensDataType = (0, FormulaTokensDataTypeResolver_1.resolveTokensDataType)(formulaName, postfixFormulaTokens.value, properties);
+    if (providedDataType && !tokensDataType.errorMessage) {
+        const formulaDataType = (0, useFormulaValidation_1.inferToPropertyDataType)(tokensDataType.value);
+        if (providedDataType !== formulaDataType) {
+            return { errorMessage: `The formula result data type ${formulaDataType} does not match the provided data type ${providedDataType}` };
+        }
+    }
+    return tokensDataType;
 }
 exports.resolveFormulaDataType = resolveFormulaDataType;
 //# sourceMappingURL=FormulaDataTypeResolver.js.map

package/lib/cjs/formula/FormulaDataTypeResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaDataTypeResolver.js","sourceRoot":"","sources":["../../../src/formula/FormulaDataTypeResolver.ts"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,uDAAiD;AACjD,mFAAwE;AACxE,uEAAkE;AAElE,iEAA+E;AAG/E;;;;;;;;GAQG;AACH,SAAgB,sBAAsB,CAAC,WAAmB,EAAE,OAAe,EAAE,UAAuB;IAClG,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,OAAO,CAAC,CAAC;IACtD,IAAI,uCAAgB,CAAC,SAAS,KAAK,gBAAgB,EAAE;QACnD,OAAO,EAAE,YAAY,EAAE,0CAA0C,EAAE,CAAC;KACrE;SAAM,IAAI,uCAAgB,CAAC,SAAS,KAAK,gBAAgB,EAAE;QAC1D,OAAO,EAAE,YAAY,EAAE,0CAA0C,EAAE,CAAC;KACrE;IAED,IAAI,kBAAkB,CAAC;IACvB,IAAI;QACF,kBAAkB,GAAG,IAAA,8BAAY,EAAC,OAAO,CAAC,CAAC;KAC5C;IAAC,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,YAAY,KAAK,EAAE;YACvB,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC;SACrC;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YACpC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;SAC3C;KACF;IAED,MAAM,oBAAoB,GAAG,IAAA,+CAAqB,EAAC,kBAAkB,CAAC,CAAC;IAEvE,IAAI,SAAS,KAAK,oBAAoB,CAAC,KAAK,EAAE;QAC5C,OAAO,EAAE,YAAY,EAAE,oBAAoB,CAAC,YAAY,IAAI,gBAAgB,EAAE,CAAC;KAChF;IAED,OAAO,IAAA,qDAAqB,EAAC,WAAW,EAAE,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AACpF,CAAC;AA5BD,wDA4BC","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 { splitFormula } from \"./FormulaSplitter\";\nimport { resolveTokensDataType } from \"./FormulaTokensDataTypeResolver\";\nimport { convertInfixToPostfix } from \"./InfixToPostfixConverter\";\nimport type { IResult } from \"./IResult\";\nimport { ParenthesisState, validateParenthesis } from \"./ParenthesisValidator\";\nimport type { DataType, PropertyMap } from \"./Types\";\n\n/**\n * Resolves DataType of the given formula.\n * @param formulaName Name of the current formula. Expected to be lowercase.\n * @param formula The formula itself.\n * @param properties All available properties or variables with their data types\n * that could be used in formula. Names are expected to be lowercase.\n * @returns `dataType` if formula is valid. `errorMessage` otherwise.\n * @public\n */\nexport function resolveFormulaDataType(formulaName: string, formula: string, properties: PropertyMap): IResult<DataType> {\n  const parenthesisState = validateParenthesis(formula);\n  if (ParenthesisState.NotClosed === parenthesisState) {\n    return { errorMessage: \"Opened but not closed parenthesis found.\" };\n  } else if (ParenthesisState.NotOpened === parenthesisState) {\n    return { errorMessage: \"Closed but not opened parenthesis found.\" };\n  }\n\n  let infixFormulaTokens;\n  try {\n    infixFormulaTokens = splitFormula(formula);\n  } catch (ex) {\n    if (ex instanceof Error) {\n      return { errorMessage: ex.message };\n    } else {\n      // eslint-disable-next-line no-console\n      console.error(\"Unknown error.\", ex);\n      return { errorMessage: \"Unknown error.\" };\n    }\n  }\n\n  const postfixFormulaTokens = convertInfixToPostfix(infixFormulaTokens);\n\n  if (undefined === postfixFormulaTokens.value) {\n    return { errorMessage: postfixFormulaTokens.errorMessage ?? \"Unknown error.\" };\n  }\n\n  return resolveTokensDataType(formulaName, postfixFormulaTokens.value, properties);\n}\n"]}
+{"version":3,"file":"FormulaDataTypeResolver.js","sourceRoot":"","sources":["../../../src/formula/FormulaDataTypeResolver.ts"],"names":[],"mappings":";;;AAKA,uDAAiD;AACjD,mFAAwE;AACxE,uEAAkE;AAElE,iEAA+E;AAE/E,8FAA8F;AAE9F;;;;;;;;GAQG;AAEH,SAAgB,sBAAsB,CAAC,WAAmB,EAAE,OAAe,EAAE,UAAuB,EAAE,gBAA2B;IAC/H,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,OAAO,CAAC,CAAC;IACtD,IAAI,uCAAgB,CAAC,SAAS,KAAK,gBAAgB,EAAE;QACnD,OAAO,EAAE,YAAY,EAAE,0CAA0C,EAAE,CAAC;KACrE;SAAM,IAAI,uCAAgB,CAAC,SAAS,KAAK,gBAAgB,EAAE;QAC1D,OAAO,EAAE,YAAY,EAAE,0CAA0C,EAAE,CAAC;KACrE;IAED,IAAI,kBAAkB,CAAC;IACvB,IAAI;QACF,kBAAkB,GAAG,IAAA,8BAAY,EAAC,OAAO,CAAC,CAAC;KAC5C;IAAC,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,YAAY,KAAK,EAAE;YACvB,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC;SACrC;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YACpC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;SAC3C;KACF;IAED,MAAM,oBAAoB,GAAG,IAAA,+CAAqB,EAAC,kBAAkB,CAAC,CAAC;IAEvE,IAAI,SAAS,KAAK,oBAAoB,CAAC,KAAK,EAAE;QAC5C,OAAO,EAAE,YAAY,EAAE,oBAAoB,CAAC,YAAY,IAAI,gBAAgB,EAAE,CAAC;KAChF;IAED,MAAM,cAAc,GAAG,IAAA,qDAAqB,EAAC,WAAW,EAAE,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAElG,IAAI,gBAAgB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;QACpD,MAAM,eAAe,GAAG,IAAA,8CAAuB,EAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtE,IAAI,gBAAgB,KAAK,eAAe,EAAE;YACxC,OAAO,EAAE,YAAY,EAAE,gCAAgC,eAAe,0CAA0C,gBAAgB,EAAE,EAAE,CAAC;SACtI;KACF;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AArCD,wDAqCC","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 { DataType } from \"@itwin/insights-client\";\nimport { splitFormula } from \"./FormulaSplitter\";\nimport { resolveTokensDataType } from \"./FormulaTokensDataTypeResolver\";\nimport { convertInfixToPostfix } from \"./InfixToPostfixConverter\";\nimport type { IResult } from \"./IResult\";\nimport { ParenthesisState, validateParenthesis } from \"./ParenthesisValidator\";\nimport type { DataType as FormulaDataType, PropertyMap } from \"./Types\";\nimport { inferToPropertyDataType } from \"../components/Properties/hooks/useFormulaValidation\";\n\n/**\n * Resolves DataType of the given formula.\n * @param formulaName Name of the current formula. Expected to be lowercase.\n * @param formula The formula itself.\n * @param properties All available properties or variables with their data types\n * that could be used in formula. Names are expected to be lowercase.\n * @returns `dataType` if formula is valid. `errorMessage` otherwise.\n * @public\n */\n\nexport function resolveFormulaDataType(formulaName: string, formula: string, properties: PropertyMap, providedDataType?: DataType): IResult<FormulaDataType> {\n  const parenthesisState = validateParenthesis(formula);\n  if (ParenthesisState.NotClosed === parenthesisState) {\n    return { errorMessage: \"Opened but not closed parenthesis found.\" };\n  } else if (ParenthesisState.NotOpened === parenthesisState) {\n    return { errorMessage: \"Closed but not opened parenthesis found.\" };\n  }\n\n  let infixFormulaTokens;\n  try {\n    infixFormulaTokens = splitFormula(formula);\n  } catch (ex) {\n    if (ex instanceof Error) {\n      return { errorMessage: ex.message };\n    } else {\n      // eslint-disable-next-line no-console\n      console.error(\"Unknown error.\", ex);\n      return { errorMessage: \"Unknown error.\" };\n    }\n  }\n\n  const postfixFormulaTokens = convertInfixToPostfix(infixFormulaTokens);\n\n  if (undefined === postfixFormulaTokens.value) {\n    return { errorMessage: postfixFormulaTokens.errorMessage ?? \"Unknown error.\" };\n  }\n\n  const tokensDataType = resolveTokensDataType(formulaName, postfixFormulaTokens.value, properties);\n\n  if (providedDataType && !tokensDataType.errorMessage) {\n    const formulaDataType = inferToPropertyDataType(tokensDataType.value);\n    if (providedDataType !== formulaDataType) {\n      return { errorMessage: `The formula result data type ${formulaDataType} does not match the provided data type ${providedDataType}` };\n    }\n  }\n\n  return tokensDataType;\n}\n"]}

package/lib/cjs/grouping-mapping-widget.d.ts

@@ -21,8 +21,6 @@ export { PropertyMenu, PropertyMenuProps } from "./components/Properties/Propert
 export { PropertyMenuWithVisualization, PropertyMenuWithVisualizationProps } from "./components/Properties/PropertyMenuWithVisualization";
 export { GroupPropertyAction, GroupPropertyActionProps } from "./components/Properties/GroupProperties/GroupPropertyAction";
 export { CalculatedPropertyAction, CalculatedPropertyActionProps } from "./components/Properties/CalculatedProperties/CalculatedPropertyAction";
-export { CalculatedPropertyActionWithVisuals, CalculatedPropertyActionWithVisualsProps, } from "./components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals";
-export { CustomCalculationAction, CustomCalculationActionProps } from "./components/Properties/CustomCalculations/CustomCalculationAction";
 export { SearchGroupingCustomUI } from "./components/customUI/SearchGroupingCustomUI";
 export { ManualGroupingCustomUI } from "./components/customUI/ManualGroupingCustomUI";
 export { GroupQueryBuilderCustomUI } from "./components/customUI/GroupQueryBuilderCustomUI";

package/lib/cjs/grouping-mapping-widget.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveFormulaDataType = exports.GroupingMappingCustomUIType = exports.GroupQueryBuilderCustomUI = exports.ManualGroupingCustomUI = exports.SearchGroupingCustomUI = exports.CustomCalculationAction = exports.CalculatedPropertyActionWithVisuals = exports.CalculatedPropertyAction = exports.GroupPropertyAction = exports.PropertyMenuWithVisualization = exports.PropertyMenu = exports.GroupAction = exports.GroupsVisualization = exports.Groups = exports.GroupingMappingContext = exports.GroupsView = exports.useGroupsOperations = exports.MappingsView = exports.MappingAction = exports.useMappingsOperations = exports.Mappings = exports.useGroupingMappingApiConfig = exports.GroupingMappingApiConfigContext = exports.usePropertiesClient = exports.PropertiesClientContext = exports.createPropertiesClient = exports.createDefaultPropertiesClient = exports.useGroupsClient = exports.GroupsClientContext = exports.createGroupsClient = exports.createDefaultGroupsClient = exports.useMappingClient = exports.MappingClientContext = exports.createMappingClient = exports.createDefaultMappingClient = void 0;
+exports.resolveFormulaDataType = exports.GroupingMappingCustomUIType = exports.GroupQueryBuilderCustomUI = exports.ManualGroupingCustomUI = exports.SearchGroupingCustomUI = exports.CalculatedPropertyAction = exports.GroupPropertyAction = exports.PropertyMenuWithVisualization = exports.PropertyMenu = exports.GroupAction = exports.GroupsVisualization = exports.Groups = exports.GroupingMappingContext = exports.GroupsView = exports.useGroupsOperations = exports.MappingsView = exports.MappingAction = exports.useMappingsOperations = exports.Mappings = exports.useGroupingMappingApiConfig = exports.GroupingMappingApiConfigContext = exports.usePropertiesClient = exports.PropertiesClientContext = exports.createPropertiesClient = exports.createDefaultPropertiesClient = exports.useGroupsClient = exports.GroupsClientContext = exports.createGroupsClient = exports.createDefaultGroupsClient = exports.useMappingClient = exports.MappingClientContext = exports.createMappingClient = exports.createDefaultMappingClient = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -70,10 +70,6 @@ var GroupPropertyAction_1 = require("./components/Properties/GroupProperties/Gro
 Object.defineProperty(exports, "GroupPropertyAction", { enumerable: true, get: function () { return GroupPropertyAction_1.GroupPropertyAction; } });
 var CalculatedPropertyAction_1 = require("./components/Properties/CalculatedProperties/CalculatedPropertyAction");
 Object.defineProperty(exports, "CalculatedPropertyAction", { enumerable: true, get: function () { return CalculatedPropertyAction_1.CalculatedPropertyAction; } });
-var CalculatedPropertyActionWithVisuals_1 = require("./components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals");
-Object.defineProperty(exports, "CalculatedPropertyActionWithVisuals", { enumerable: true, get: function () { return CalculatedPropertyActionWithVisuals_1.CalculatedPropertyActionWithVisuals; } });
-var CustomCalculationAction_1 = require("./components/Properties/CustomCalculations/CustomCalculationAction");
-Object.defineProperty(exports, "CustomCalculationAction", { enumerable: true, get: function () { return CustomCalculationAction_1.CustomCalculationAction; } });
 var SearchGroupingCustomUI_1 = require("./components/customUI/SearchGroupingCustomUI");
 Object.defineProperty(exports, "SearchGroupingCustomUI", { enumerable: true, get: function () { return SearchGroupingCustomUI_1.SearchGroupingCustomUI; } });
 var ManualGroupingCustomUI_1 = require("./components/customUI/ManualGroupingCustomUI");

package/lib/cjs/grouping-mapping-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,gDAAgD;AAChD,sEAAoD;AAEpD,0EAA0E;AAC1E,kFAAoJ;AAA3I,kIAAA,0BAA0B,OAAA;AAAE,2HAAA,mBAAmB,OAAA;AAAE,4HAAA,oBAAoB,OAAA;AAAE,wHAAA,gBAAgB,OAAA;AAChG,gFAA+I;AAAtI,gIAAA,yBAAyB,OAAA;AAAE,yHAAA,kBAAkB,OAAA;AAAE,0HAAA,mBAAmB,OAAA;AAAE,sHAAA,eAAe,OAAA;AAC5F,wFAKsD;AAJpD,wIAAA,6BAA6B,OAAA;AAC7B,iIAAA,sBAAsB,OAAA;AACtB,kIAAA,uBAAuB,OAAA;AACvB,8HAAA,mBAAmB,OAAA;AAErB,0FAMuD;AAFrD,2IAAA,+BAA+B,OAAA;AAC/B,uIAAA,2BAA2B,OAAA;AAE7B,yDAAuC;AAEvC,yCAAyC;AACzC,2DAAyE;AAAhE,oGAAA,QAAQ,OAAA;AACjB,2FAAmH;AAA1G,8HAAA,qBAAqB,OAAA;AAC9B,6EAAgG;AAAvF,8GAAA,aAAa,OAAA;AACtB,mEAAqF;AAA5E,4GAAA,YAAY,OAAA;AACrB,qFAA2G;AAAlG,0HAAA,mBAAmB,OAAA;AAC5B,6DAA6E;AAApE,wGAAA,UAAU,OAAA;AACnB,8EAA0G;AAAjG,gIAAA,sBAAsB,OAAA;AAC/B,qDAAiE;AAAxD,gGAAA,MAAM,OAAA;AACf,+EAAwG;AAA/F,0HAAA,mBAAmB,OAAA;AAC5B,uEAAwF;AAA/E,0GAAA,WAAW,OAAA;AACpB,qEAAuF;AAA9E,4GAAA,YAAY,OAAA;AACrB,uGAA0I;AAAjI,8IAAA,6BAA6B,OAAA;AACtC,mGAA4H;AAAnH,0HAAA,mBAAmB,OAAA;AAC5B,kHAAgJ;AAAvI,oIAAA,wBAAwB,OAAA;AACjC,wIAG0F;AAFxF,0JAAA,mCAAmC,OAAA;AAGrC,8GAA2I;AAAlI,kIAAA,uBAAuB,OAAA;AAChC,uFAAsF;AAA7E,gIAAA,sBAAsB,OAAA;AAC/B,uFAAsF;AAA7E,gIAAA,sBAAsB,OAAA;AAC/B,6FAA4F;AAAnF,sIAAA,yBAAyB,OAAA;AAClC,yFAOuD;AALrD,sIAAA,2BAA2B,OAAA;AAO7B,gCAAgC;AAChC,6EAA2E;AAAlE,iIAAA,sBAAsB,OAAA","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./WidgetShell/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient, createMappingClient, MappingClientContext, useMappingClient } from \"./components/context/MappingClientContext\";\nexport { createDefaultGroupsClient, createGroupsClient, GroupsClientContext, useGroupsClient } from \"./components/context/GroupsClientContext\";\nexport {\n  createDefaultPropertiesClient,\n  createPropertiesClient,\n  PropertiesClientContext,\n  usePropertiesClient,\n} from \"./components/context/PropertiesClientContext\";\nexport {\n  ClientPrefix,\n  GetAccessTokenFn,\n  GroupingMappingApiConfig,\n  GroupingMappingApiConfigContext,\n  useGroupingMappingApiConfig,\n} from \"./components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings, MappingsProps } from \"./components/Mappings/Mappings\";\nexport { useMappingsOperations, MappingsOperationsProps } from \"./components/Mappings/hooks/useMappingsOperations\";\nexport { MappingAction, MappingActionProps } from \"./components/Mappings/Editing/MappingAction\";\nexport { MappingsView, MappingsViewProps } from \"./components/Mappings/MappingsView\";\nexport { useGroupsOperations, GroupsOperationsProps } from \"./components/Groups/hooks/useGroupsOperations\";\nexport { GroupsView, GroupsViewProps } from \"./components/Groups/GroupsView\";\nexport { GroupingMappingContext, GroupingMappingContextProps } from \"./components/GroupingMappingContext\";\nexport { Groups, GroupsProps } from \"./components/Groups/Groups\";\nexport { GroupsVisualization, GroupsVisualizationProps } from \"./components/Groups/GroupsVisualization\";\nexport { GroupAction, GroupActionProps } from \"./components/Groups/Editing/GroupAction\";\nexport { PropertyMenu, PropertyMenuProps } from \"./components/Properties/PropertyMenu\";\nexport { PropertyMenuWithVisualization, PropertyMenuWithVisualizationProps } from \"./components/Properties/PropertyMenuWithVisualization\";\nexport { GroupPropertyAction, GroupPropertyActionProps } from \"./components/Properties/GroupProperties/GroupPropertyAction\";\nexport { CalculatedPropertyAction, CalculatedPropertyActionProps } from \"./components/Properties/CalculatedProperties/CalculatedPropertyAction\";\nexport {\n  CalculatedPropertyActionWithVisuals,\n  CalculatedPropertyActionWithVisualsProps,\n} from \"./components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals\";\nexport { CustomCalculationAction, CustomCalculationActionProps } from \"./components/Properties/CustomCalculations/CustomCalculationAction\";\nexport { SearchGroupingCustomUI } from \"./components/customUI/SearchGroupingCustomUI\";\nexport { ManualGroupingCustomUI } from \"./components/customUI/ManualGroupingCustomUI\";\nexport { GroupQueryBuilderCustomUI } from \"./components/customUI/GroupQueryBuilderCustomUI\";\nexport {\n  GroupingMappingCustomUI,\n  GroupingMappingCustomUIType,\n  ContextCustomUI,\n  GroupingCustomUI,\n  GroupingCustomUIProps,\n  ContextCustomUIProps,\n} from \"./components/customUI/GroupingMappingCustomUI\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}
+{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,gDAAgD;AAChD,sEAAoD;AAEpD,0EAA0E;AAC1E,kFAAoJ;AAA3I,kIAAA,0BAA0B,OAAA;AAAE,2HAAA,mBAAmB,OAAA;AAAE,4HAAA,oBAAoB,OAAA;AAAE,wHAAA,gBAAgB,OAAA;AAChG,gFAA+I;AAAtI,gIAAA,yBAAyB,OAAA;AAAE,yHAAA,kBAAkB,OAAA;AAAE,0HAAA,mBAAmB,OAAA;AAAE,sHAAA,eAAe,OAAA;AAC5F,wFAKsD;AAJpD,wIAAA,6BAA6B,OAAA;AAC7B,iIAAA,sBAAsB,OAAA;AACtB,kIAAA,uBAAuB,OAAA;AACvB,8HAAA,mBAAmB,OAAA;AAErB,0FAMuD;AAFrD,2IAAA,+BAA+B,OAAA;AAC/B,uIAAA,2BAA2B,OAAA;AAE7B,yDAAuC;AAEvC,yCAAyC;AACzC,2DAAyE;AAAhE,oGAAA,QAAQ,OAAA;AACjB,2FAAmH;AAA1G,8HAAA,qBAAqB,OAAA;AAC9B,6EAAgG;AAAvF,8GAAA,aAAa,OAAA;AACtB,mEAAqF;AAA5E,4GAAA,YAAY,OAAA;AACrB,qFAA2G;AAAlG,0HAAA,mBAAmB,OAAA;AAC5B,6DAA6E;AAApE,wGAAA,UAAU,OAAA;AACnB,8EAA0G;AAAjG,gIAAA,sBAAsB,OAAA;AAC/B,qDAAiE;AAAxD,gGAAA,MAAM,OAAA;AACf,+EAAwG;AAA/F,0HAAA,mBAAmB,OAAA;AAC5B,uEAAwF;AAA/E,0GAAA,WAAW,OAAA;AACpB,qEAAuF;AAA9E,4GAAA,YAAY,OAAA;AACrB,uGAA0I;AAAjI,8IAAA,6BAA6B,OAAA;AACtC,mGAA4H;AAAnH,0HAAA,mBAAmB,OAAA;AAC5B,kHAAgJ;AAAvI,oIAAA,wBAAwB,OAAA;AACjC,uFAAsF;AAA7E,gIAAA,sBAAsB,OAAA;AAC/B,uFAAsF;AAA7E,gIAAA,sBAAsB,OAAA;AAC/B,6FAA4F;AAAnF,sIAAA,yBAAyB,OAAA;AAClC,yFAOuD;AALrD,sIAAA,2BAA2B,OAAA;AAO7B,gCAAgC;AAChC,6EAA2E;AAAlE,iIAAA,sBAAsB,OAAA","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./WidgetShell/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient, createMappingClient, MappingClientContext, useMappingClient } from \"./components/context/MappingClientContext\";\nexport { createDefaultGroupsClient, createGroupsClient, GroupsClientContext, useGroupsClient } from \"./components/context/GroupsClientContext\";\nexport {\n  createDefaultPropertiesClient,\n  createPropertiesClient,\n  PropertiesClientContext,\n  usePropertiesClient,\n} from \"./components/context/PropertiesClientContext\";\nexport {\n  ClientPrefix,\n  GetAccessTokenFn,\n  GroupingMappingApiConfig,\n  GroupingMappingApiConfigContext,\n  useGroupingMappingApiConfig,\n} from \"./components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings, MappingsProps } from \"./components/Mappings/Mappings\";\nexport { useMappingsOperations, MappingsOperationsProps } from \"./components/Mappings/hooks/useMappingsOperations\";\nexport { MappingAction, MappingActionProps } from \"./components/Mappings/Editing/MappingAction\";\nexport { MappingsView, MappingsViewProps } from \"./components/Mappings/MappingsView\";\nexport { useGroupsOperations, GroupsOperationsProps } from \"./components/Groups/hooks/useGroupsOperations\";\nexport { GroupsView, GroupsViewProps } from \"./components/Groups/GroupsView\";\nexport { GroupingMappingContext, GroupingMappingContextProps } from \"./components/GroupingMappingContext\";\nexport { Groups, GroupsProps } from \"./components/Groups/Groups\";\nexport { GroupsVisualization, GroupsVisualizationProps } from \"./components/Groups/GroupsVisualization\";\nexport { GroupAction, GroupActionProps } from \"./components/Groups/Editing/GroupAction\";\nexport { PropertyMenu, PropertyMenuProps } from \"./components/Properties/PropertyMenu\";\nexport { PropertyMenuWithVisualization, PropertyMenuWithVisualizationProps } from \"./components/Properties/PropertyMenuWithVisualization\";\nexport { GroupPropertyAction, GroupPropertyActionProps } from \"./components/Properties/GroupProperties/GroupPropertyAction\";\nexport { CalculatedPropertyAction, CalculatedPropertyActionProps } from \"./components/Properties/CalculatedProperties/CalculatedPropertyAction\";\nexport { SearchGroupingCustomUI } from \"./components/customUI/SearchGroupingCustomUI\";\nexport { ManualGroupingCustomUI } from \"./components/customUI/ManualGroupingCustomUI\";\nexport { GroupQueryBuilderCustomUI } from \"./components/customUI/GroupQueryBuilderCustomUI\";\nexport {\n  GroupingMappingCustomUI,\n  GroupingMappingCustomUIType,\n  ContextCustomUI,\n  GroupingCustomUI,\n  GroupingCustomUIProps,\n  ContextCustomUIProps,\n} from \"./components/customUI/GroupingMappingCustomUI\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}