@itwin/grouping-mapping-widget 0.19.2 → 0.20.1

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

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.PropertyAction = 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 react_1 = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./PropertyAction.scss");
+const usePropertySelection = (property, currentPropertyList, queryBuilder) => {
+    const [isCheckboxLoading, setIsCheckboxLoading] = (0, react_1.useState)(false);
+    const checkIfPropertyIsSelected = (0, react_1.useCallback)((property) => {
+        if (property.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive) {
+            return currentPropertyList.includes(property);
+        }
+        if (property.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array) {
+            return (property.value.items.length === 0 &&
+                currentPropertyList.includes(property));
+        }
+        return Object.values(property.value.members).every((subProp) => checkIfPropertyIsSelected(subProp));
+    }, [currentPropertyList]);
+    const isPropertySelected = checkIfPropertyIsSelected(property);
+    const addProperty = (0, react_1.useCallback)(async (prop) => {
+        if (prop.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive &&
+            !currentPropertyList.includes(prop) &&
+            (await queryBuilder?.addProperty(prop))) {
+            setIsCheckboxLoading(false);
+            return true;
+        }
+        return false;
+    }, [currentPropertyList, queryBuilder]);
+    const removeProperty = (0, react_1.useCallback)(async (prop) => {
+        if (currentPropertyList.includes(prop)) {
+            await queryBuilder?.removeProperty(prop);
+            setIsCheckboxLoading(false);
+        }
+    }, [currentPropertyList, queryBuilder]);
+    return {
+        isPropertySelected,
+        addProperty,
+        removeProperty,
+        isCheckboxLoading,
+        setIsCheckboxLoading,
+    };
+};
+const PropertyAction = ({ property }) => {
+    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, } = (0, PropertyGridWrapperContext_1.usePropertyGridWrapper)();
+    const { isPropertySelected, addProperty, removeProperty, isCheckboxLoading, setIsCheckboxLoading, } = usePropertySelection(property, currentPropertyList, queryBuilder);
+    (0, react_1.useEffect)(() => {
+        setIsCheckboxLoading(isPropertySelected && isUpdating);
+    }, [isPropertySelected, isUpdating, setIsCheckboxLoading]);
+    const onPropertySelectionChanged = (0, react_1.useCallback)(async () => {
+        if (isPropertySelected) {
+            await removeProperty(property);
+            setCurrentPropertyList((prevList) => prevList.filter((x) => x !== property));
+            setQuery(queryBuilder?.buildQueryString() ?? "");
+        }
+        else {
+            if (await addProperty(property)) {
+                setCurrentPropertyList((prevList) => prevList.concat(property));
+                setQuery(queryBuilder?.buildQueryString() ?? "");
+            }
+        }
+    }, [
+        addProperty,
+        isPropertySelected,
+        property,
+        removeProperty,
+        queryBuilder,
+        setCurrentPropertyList,
+        setQuery,
+    ]);
+    return (react_1.default.createElement("div", { className: "gmw-property-selection-checkbox" }, property.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive &&
+        property.value.value !== undefined && (react_1.default.createElement(itwinui_react_1.Checkbox, { checked: isPropertySelected, onChange: onPropertySelectionChanged, disabled: isUpdating, isLoading: isCheckboxLoading }))));
+};
+exports.PropertyAction = PropertyAction;
+//# sourceMappingURL=PropertyAction.js.map

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

@@ -0,0 +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\";\n\nexport interface PropertyActionProps {\n  property: PropertyRecord;\n}\n\nconst usePropertySelection = (\n  property: PropertyRecord,\n  currentPropertyList: PropertyRecord[],\n  queryBuilder: QueryBuilder | undefined\n) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\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 (\n          property.value.items.length === 0 &&\n          currentPropertyList.includes(property)\n        );\n      }\n      return Object.values(property.value.members).every(\n        (subProp: PropertyRecord) => checkIfPropertyIsSelected(subProp)\n      );\n    },\n    [currentPropertyList]\n  );\n\n  const isPropertySelected = checkIfPropertyIsSelected(property);\n\n  const addProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      if (\n        prop.value.valueFormat === PropertyValueFormat.Primitive &&\n        !currentPropertyList.includes(prop) &&\n        (await queryBuilder?.addProperty(prop))\n      ) {\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 {\n    currentPropertyList,\n    queryBuilder,\n    setCurrentPropertyList,\n    setQuery,\n    isUpdating,\n  } = usePropertyGridWrapper();\n\n  const {\n    isPropertySelected,\n    addProperty,\n    removeProperty,\n    isCheckboxLoading,\n    setIsCheckboxLoading,\n  } = usePropertySelection(property, currentPropertyList, queryBuilder);\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) =>\n        prevList.filter((x) => x !== property)\n      );\n      setQuery(queryBuilder?.buildQueryString() ?? \"\");\n    } else {\n      if (await addProperty(property)) {\n        setCurrentPropertyList((prevList) => prevList.concat(property));\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    }\n  }, [\n    addProperty,\n    isPropertySelected,\n    property,\n    removeProperty,\n    queryBuilder,\n    setCurrentPropertyList,\n    setQuery,\n  ]);\n\n  return (\n    <div className=\"gmw-property-selection-checkbox\">\n      {property.value.valueFormat === PropertyValueFormat.Primitive &&\n        property.value.value !== undefined && (\n        <Checkbox\n          checked={isPropertySelected}\n          onChange={onPropertySelectionChanged}\n          disabled={isUpdating}\n          isLoading={isCheckboxLoading}\n        />\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.PropertyMenu = 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 react_1 = __importStar(require("react"));
+require("./PropertyMenu.scss");
+const GroupPropertyTable_1 = require("./GroupProperties/GroupPropertyTable");
+const useFetchData_1 = require("./hooks/useFetchData");
+const MappingClientContext_1 = require("../context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
+const PropertiesContext_1 = require("../context/PropertiesContext");
+const CalculatedPropertyTable_1 = require("./CalculatedProperties/CalculatedPropertyTable");
+const CustomCalculationTable_1 = require("./CustomCalculations/CustomCalculationTable");
+const PropertyMenu = ({ mapping, group, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
+    const groupId = group.id;
+    const mappingId = mapping.id;
+    const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const { groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = (0, PropertiesContext_1.usePropertiesContext)();
+    const fetchGroupProperties = (0, react_1.useMemo)(() => {
+        return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);
+    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchGroupProperties, setGroupProperties);
+    const fetchCalculatedProperties = (0, react_1.useMemo)(() => {
+        return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);
+    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchCalculatedProperties, setCalculatedProperties);
+    const fetchCustomCalculations = (0, react_1.useMemo)(() => {
+        return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);
+    }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
+    const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } = (0, useFetchData_1.useCombinedFetchRefresh)(fetchCustomCalculations, setCustomCalculationProperties);
+    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 ?? [], refresh: refreshGroupProperties })),
+        !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties ?? [], refresh: refreshCalculatedProperties })),
+        !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingCustomCalculations, customCalculations: customCalculationProperties ?? [], refresh: refreshCustomCalculations }))));
+};
+exports.PropertyMenu = PropertyMenu;
+//# sourceMappingURL=PropertyMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenu.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, { useMemo } from \"react\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupProperties/GroupPropertyTable\";\nimport { useCombinedFetchRefresh } from \"./hooks/useFetchData\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { usePropertiesContext } from \"../context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedProperties/CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculations/CustomCalculationTable\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\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 mappingClient = useMappingClient();\n  const {\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\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 ?? []}\n          refresh={refreshGroupProperties}\n        />\n      )}\n      {!hideCalculatedProps && (\n        <CalculatedPropertyTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCalculatedProperty}\n          onClickModify={onClickModifyCalculatedProperty}\n          isLoading={isLoadingCalculatedProperties}\n          calculatedProperties={calculatedProperties ?? []}\n          refresh={refreshCalculatedProperties}\n        />\n      )}\n      {!hideCustomCalculationProps && (\n        <CustomCalculationTable\n          mappingId={mappingId}\n          groupId={groupId}\n          onClickAdd={onClickAddCustomCalculationProperty}\n          onClickModify={onClickModifyCustomCalculation}\n          isLoading={isLoadingCustomCalculations}\n          customCalculations={customCalculationProperties ?? []}\n          refresh={refreshCustomCalculations}\n        />\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyMenuWithVisualization.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyMenuWithVisualization.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAwC;AAExC,iDAA8C;AAC9C,yDAAsD;AACtD,wDAA2E;AAC3E,mEAAgE;AAChE,oEAA2D;AAC3D,gDAA8C;AAMvC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EAC4B,EAAE,EAAE;IACvC,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErF,OAAO,CACL,8BAAC,uCAAuB,IAAC,SAAS,EAAC,+BAA+B;QAChE,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,8BAAC,mCAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,MAAM,GAAG;YACrE,8BAAC,0BAAU,IACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAC9C,KAAK,EAAC,mBAAmB;gBAEzB,8BAAC,mCAAa,OAAG,CACN,CACT;QACN,8BAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI;QACxC,8BAAC,6CAAqB,IACpB,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAC/C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACsB,CAC3B,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,6BAA6B,iCA4BxC","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\nexport interface PropertyMenuWithVisualizationProps extends PropertyMenuProps {\n  color: string;\n}\n\nexport const PropertyMenuWithVisualization = ({\n  group,\n  color,\n  ...rest\n}: 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\" />\n        <IconButton\n          styleType='borderless'\n          onClick={() => setIsInformationPanelOpen(true)}\n          title='Group Information'\n        >\n          <SvgProperties />\n        </IconButton>\n      </div>\n      <PropertyMenu group={group} {...rest} />\n      <GroupInformationPanel\n        isOpen={isInformationPanelOpen}\n        onClose={() => setIsInformationPanelOpen(false)}\n        query={group.query}\n        groupName={group.groupName}\n      />\n    </InformationPanelWrapper>\n  );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyNameCell.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyNameCell.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAA4C;AAOrC,MAAM,gBAAgB,GAAG,CAAsC,EACpE,QAAQ,EACR,aAAa,GACY,EAAE,EAAE,CAC7B,aAAa,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAC/D,QAAQ,CAAC,YAAY,CAClB,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAI,QAAE,QAAQ,CAAC,YAAY,CAAQ,CACrC,CAAC;AAVS,QAAA,gBAAgB,oBAUzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\nexport interface PropertyNameCellProps<T extends { propertyName: string }> {\n  property: T;\n  onClickModify?: (value: T) => void;\n}\n\nexport const PropertyNameCell = <T extends { propertyName: string },>({\n  property,\n  onClickModify,\n}: PropertyNameCellProps<T>) =>\n  onClickModify ? (\n    <div className=\"iui-anchor\" onClick={() => onClickModify(property)}>\n      {property.propertyName}\n    </div>\n  ) : (\n    <Text>{property.propertyName}</Text>\n  );\n"]}

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

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyTable = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const DeleteModal_1 = __importDefault(require("../SharedComponents/DeleteModal"));
+const PropertyTableToolbar_1 = require("./PropertyTableToolbar");
+require("./PropertyTable.scss");
+const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, }) => {
+    const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(undefined);
+    const handleDeleteProperty = (0, react_1.useCallback)(async () => {
+        await deleteProperty(showDeleteModal?.id ?? "");
+    }, [deleteProperty, showDeleteModal?.id]);
+    const handleShowDeleteModal = (0, react_1.useCallback)((property) => {
+        setShowDeleteModal(property);
+    }, []);
+    const handleCloseDeleteModal = () => {
+        setShowDeleteModal(undefined);
+    };
+    const memoizedColumns = (0, react_1.useMemo)(() => columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);
+    return (react_1.default.createElement("div", { className: "gmw-property-table-container" },
+        react_1.default.createElement(PropertyTableToolbar_1.PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading }),
+        react_1.default.createElement(itwinui_react_1.Table, { data: isLoading ? [] : data, density: 'extra-condensed', columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
+};
+exports.PropertyTable = PropertyTable;
+//# sourceMappingURL=PropertyTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6C;AAC7C,+CAA8D;AAG9D,kFAA0D;AAC1D,iEAA8D;AAC9D,gCAA8B;AAiBvB,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAClD,MAAM,cAAc,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,2CAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAW,IACV,UAAU,EAAE,eAAe,EAAE,YAAY,EACzC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,aAAa,iBAmDxB","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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => Array<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.propertyName}\n        onClose={handleCloseDeleteModal}\n        onDelete={handleDeleteProperty}\n        refresh={refreshProperties}\n      />\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTableToolbar.js","sourceRoot":"","sources":["../../../../src/components/Properties/PropertyTableToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,oEAAgE;AAChE,wDAA0D;AAC1D,uCAAqC;AAS9B,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,GACiB,EAAE,EAAE,CAAC,CAC/B,uCAAK,SAAS,EAAC,4BAA4B;IACxC,kBAAkB,IAAI,CACrB,8BAAC,sBAAM,IACL,SAAS,EAAE,8BAAC,4BAAM,OAAG,EACrB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,kBAAkB;;QAEtB,YAAY;oBACV,CACV;IACD,8BAAC,0BAAU,IACT,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,YAAY;QAEtB,8BAAC,gCAAU,OAAG,CACH,CACT,CACP,CAAC;AA1BW,QAAA,oBAAoB,wBA0B/B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgAdd, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton } from \"@itwin/itwinui-react\";\nimport \"./PropertyTableToolbar.scss\";\n\nexport interface PropertyTableToolbarProps {\n  propertyType: string;\n  onClickAddProperty?: () => void;\n  refreshProperties: () => void;\n  isLoading: boolean;\n}\n\nexport const PropertyTableToolbar = ({\n  propertyType,\n  onClickAddProperty,\n  refreshProperties,\n  isLoading,\n}: PropertyTableToolbarProps) => (\n  <div className=\"gmw-property-table-toolbar\">\n    {onClickAddProperty && (\n      <Button\n        startIcon={<SvgAdd />}\n        styleType=\"high-visibility\"\n        onClick={onClickAddProperty}\n      >\n        Add {propertyType} Property\n      </Button>\n    )}\n    <IconButton\n      title=\"Refresh\"\n      className=\"gmw-property-table-refresh-button\"\n      onClick={refreshProperties}\n      disabled={isLoading}\n      styleType=\"borderless\"\n    >\n      <SvgRefresh />\n    </IconButton>\n  </div>\n);\n"]}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCombinedFetchRefresh = exports.useRefreshData = exports.useFetchData = 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 react_1 = require("react");
+const utils_1 = require("../../../common/utils");
+const fetchData = async (setData, fetchFunc, setIsLoading) => {
+    try {
+        setIsLoading(true);
+        const data = await fetchFunc();
+        setData(data ?? []);
+    }
+    catch (error) {
+        (0, utils_1.handleError)(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const useFetchData = (fetchFunc, setData, setIsLoading) => {
+    (0, react_1.useEffect)(() => {
+        void fetchData(setData, fetchFunc, setIsLoading);
+    }, [fetchFunc, setData, setIsLoading]);
+};
+exports.useFetchData = useFetchData;
+const useRefreshData = (setData, fetchFunc, setIsLoading) => {
+    return (0, react_1.useCallback)(async () => {
+        setData([]);
+        await fetchData(setData, fetchFunc, setIsLoading);
+    }, [setData, fetchFunc, setIsLoading]);
+};
+exports.useRefreshData = useRefreshData;
+const useCombinedFetchRefresh = (fetchFunc, setData) => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    (0, exports.useFetchData)(fetchFunc, setData, setIsLoading);
+    const refreshData = (0, exports.useRefreshData)(setData, fetchFunc, setIsLoading);
+    return { isLoading, refreshData };
+};
+exports.useCombinedFetchRefresh = useCombinedFetchRefresh;
+//# sourceMappingURL=useFetchData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchData.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useFetchData.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAyD;AACzD,iDAAoD;AAEpD,MAAM,SAAS,GAAG,KAAK,EACrB,OAA4B,EAC5B,SAAyC,EACzC,YAA0C,EAC1C,EAAE;IACF,IAAI;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,IAAI,GAAG,MAAM,SAAS,EAAE,CAAC;QAC/B,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;KACrB;IAAC,OAAO,KAAU,EAAE;QACnB,IAAA,mBAAW,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3B;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAC1B,SAAyC,EACzC,OAA4B,EAC5B,YAA0C,EAC1C,EAAE;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,SAAS,CACZ,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB;AAEK,MAAM,cAAc,GAAG,CAC5B,OAA4B,EAC5B,SAAyC,EACzC,YAA0C,EACrB,EAAE;IACvB,OAAO,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC5B,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,SAAS,CACb,OAAO,EACP,SAAS,EACT,YAAY,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB;AAEK,MAAM,uBAAuB,GAAG,CAAI,SAAyC,EAAE,OAA4B,EAAE,EAAE;IACpH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAC1D,IAAA,oBAAY,EAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IACrE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AACpC,CAAC,CAAC;AALW,QAAA,uBAAuB,2BAKlC","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 { useCallback, useEffect, useState } from \"react\";\nimport { handleError } from \"../../../common/utils\";\n\nconst fetchData = async<T>(\n  setData: (data: T[]) => void,\n  fetchFunc: () => Promise<T[] | undefined>,\n  setIsLoading: (isLoading: boolean) => void,\n) => {\n  try {\n    setIsLoading(true);\n    const data = await fetchFunc();\n    setData(data ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const useFetchData = <T>(\n  fetchFunc: () => Promise<T[] | undefined>,\n  setData: (data: T[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n) => {\n\n  useEffect(() => {\n    void fetchData(\n      setData,\n      fetchFunc,\n      setIsLoading,\n    );\n  }, [fetchFunc, setData, setIsLoading]);\n};\n\nexport const useRefreshData = <T>(\n  setData: (data: T[]) => void,\n  fetchFunc: () => Promise<T[] | undefined>,\n  setIsLoading: (isLoading: boolean) => void,\n): () => Promise<void> => {\n  return useCallback(async () => {\n    setData([]);\n    await fetchData(\n      setData,\n      fetchFunc,\n      setIsLoading,\n    );\n  }, [setData, fetchFunc, setIsLoading]);\n};\n\nexport const useCombinedFetchRefresh = <T>(fetchFunc: () => Promise<T[] | undefined>, setData: (data: T[]) => void) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  useFetchData(fetchFunc, setData, setIsLoading);\n  const refreshData = useRefreshData(setData, fetchFunc, setIsLoading);\n  return { isLoading, refreshData };\n};\n"]}

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

@@ -0,0 +1,6 @@
+import type { PropertyMap } from "../../../formula/Types";
+export declare function useFormulaValidation(formulaName: string, formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void): {
+    isValid: boolean;
+    forceValidation: () => boolean;
+};
+//# sourceMappingURL=useFormulaValidation.d.ts.map

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = require("react");
+const FormulaDataTypeResolver_1 = require("../../../formula/FormulaDataTypeResolver");
+const utils_1 = require("../../../common/utils");
+function validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid) {
+    if (!formula) {
+        setFormulaErrorMessage("");
+        setIsValid(false);
+        return false;
+    }
+    const error = (0, FormulaDataTypeResolver_1.resolveFormulaDataType)(formulaName, formula, properties).errorMessage ?? "";
+    setFormulaErrorMessage(error);
+    setIsValid(!error);
+    return !error;
+}
+const debouncedValidationFunc = (0, utils_1.debounce)(validate, 5000);
+function useFormulaValidation(formulaName, formula, properties, setFormulaErrorMessage) {
+    const [isValid, setIsValid] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => debouncedValidationFunc(formulaName, formula, properties, setFormulaErrorMessage, setIsValid), [formulaName, formula, properties, setFormulaErrorMessage]);
+    return { isValid, forceValidation: () => validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid) };
+}
+exports.useFormulaValidation = useFormulaValidation;
+//# sourceMappingURL=useFormulaValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormulaValidation.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useFormulaValidation.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAA4C;AAC5C,sFAAkF;AAElF,iDAAiD;AAEjD,SAAS,QAAQ,CAAC,WAAmB,EAAE,OAAe,EAAE,UAAuB,EAAE,sBAA2C,EAAE,UAAgC;IAC5J,IAAI,CAAC,OAAO,EAAE;QACZ,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,KAAK,GAAG,IAAA,gDAAsB,EAAC,WAAW,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC;IAC1F,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IACnB,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,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAC3K,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,CAAC,EAAE,CAAC;AAC5H,CAAC;AAJD,oDAIC","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 { PropertyMap } from \"../../../formula/Types\";\nimport { debounce } from \"../../../common/utils\";\n\nfunction validate(formulaName: string, formula: string, properties: PropertyMap, setFormulaErrorMessage: (s: string) => void, setIsValid: (b: boolean) => void): boolean {\n  if (!formula) {\n    setFormulaErrorMessage(\"\");\n    setIsValid(false);\n    return false;\n  }\n\n  const error = resolveFormulaDataType(formulaName, formula, properties).errorMessage ?? \"\";\n  setFormulaErrorMessage(error);\n  setIsValid(!error);\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  useEffect(() => debouncedValidationFunc(formulaName, formula, properties, setFormulaErrorMessage, setIsValid), [formulaName, formula, properties, setFormulaErrorMessage]);\n  return { isValid, forceValidation: () => validate(formulaName, formula, properties, setFormulaErrorMessage, setIsValid) };\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValidator.js","sourceRoot":"","sources":["../../../../../src/components/Properties/hooks/useValidator.ts"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,iCAAiC;AACjC,oFAA0D;AAE7C,QAAA,UAAU,GAAG;IACxB,qBAAqB,EAAE;QACrB,OAAO,EAAE,sBAAsB;QAC/B,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;KACF;IACD,gCAAgC,EAAE;QAChC,OAAO,EAAE,kDAAkD;QAC3D,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC;YACrD,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,CAAC;KACF;IACD,qCAAqC,EAAE;QACrC,OAAO,EAAE,uDAAuD;QAChE,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,gDAAgD,CAAC,CAAC;YAClF,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,CAAC;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,kCAAkC;QAC3C,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,OAAO,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC;QAC3B,CAAC;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAC5B,iHAAiH,CAAC;AAEvG,QAAA,QAAQ,GAAG,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC;AAEhE,MAAM,YAAY,GAAG,CACnB,aAAa,GAAG,gBAAQ,EACxB,eAAe,GAAG,kBAAU,EAC2C,EAAE;IACzE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAI,gCAAoB,CAAC;QACzC,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,eAAe;KAC5B,CAAC,CAAC;IAEH,IAAI,IAAI,EAAE;QACR,SAAS,CAAC,YAAY,EAAE,CAAC;KAC1B;IAED,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC9B,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { useState } from \"react\";\nimport SimpleReactValidator from \"simple-react-validator\";\n\nexport const Validators = {\n  NoDuplicateUnderscore: {\n    message: 'Remove duplicate \"_\"',\n    rule: (val: string) => {\n      return !val.match(/__+/i);\n    },\n  },\n  OnlyBeginsWithLetterOrUnderscore: {\n    message: \"Name can only start with a letter or underscore.\",\n    rule: (val: string) => {\n      const regexPattern = new RegExp(/^[\\p{L}\\p{Nl}_]+/u);\n      return regexPattern.test(val);\n    },\n  },\n  FollowedByLettersUnderscoresAndDigits: {\n    message: \"Name can only contain letters, underscores, or digits\",\n    rule: (val: string) => {\n      const regexPattern = new RegExp(/[\\p{L}\\p{Nl}\\p{Nd}\\p{Mn}\\p{Mc}\\p{Pc}\\p{Cf}]+$/u);\n      return regexPattern.test(val);\n    },\n  },\n  CharLimit: {\n    message: \"There is an 128 character limit.\",\n    rule: (val: string) => {\n      return val.length <= 128;\n    },\n  },\n};\n\nexport const NAME_REQUIREMENTS =\n  \"required|NoDuplicateUnderscore|OnlyBeginsWithLetterOrUnderscore|FollowedByLettersUnderscoresAndDigits|CharLimit\";\n\nexport const Messages = { required: \"This field is required.\" };\n\nconst useValidator = (\n  customMessage = Messages,\n  customValidator = Validators,\n): [SimpleReactValidator, React.Dispatch<React.SetStateAction<boolean>>] => {\n  const [show, setShow] = useState(false);\n  const validator = new SimpleReactValidator({\n    messages: customMessage,\n    validators: customValidator,\n  });\n\n  if (show) {\n    validator.showMessages();\n  }\n\n  return [validator, setShow];\n};\n\nexport default useValidator;\n"]}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+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, }) => {
+    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"))));
+};
+exports.default = ActionPanel;
+//# sourceMappingURL=ActionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/ActionPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA8C;AAC9C,6CAA+B;AAC/B,8BAA4B;AAC5B,qDAAkD;AAUlD,MAAM,WAAW,GAAG,CAAC,EACnB,MAAM,EACN,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,KAAK,GACA,EAAe,EAAE;IAClC,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B;QACrD,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS;gBACR,oBAAC,+BAAc,OAAG;YAEpB,oBAAC,sBAAM,IACL,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EACvC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,MAAM,WAGR;YACR,QAAQ,IAAI,oBAAC,sBAAM,IAClB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,IAAI,SAAS,aAGhC,CACL,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 = ({\n  onSave,\n  onCancel,\n  isCancelDisabled = false,\n  isSavingDisabled = false,\n  isLoading = false,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <div id='action' className='gmw-action-panel-container'>\n      <div className='gmw-action-panel'>\n        {isLoading &&\n          <LoadingSpinner />\n        }\n        <Button\n          disabled={isSavingDisabled || isLoading}\n          styleType='high-visibility'\n          id='save-app'\n          onClick={onSave}\n        >\n          Save\n        </Button>\n        {onCancel && <Button\n          styleType='default'\n          type='button'\n          id='cancel'\n          onClick={onCancel}\n          disabled={isCancelDisabled || isLoading}\n        >\n          Cancel\n        </Button>}\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}

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

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.DeleteModal = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../common/utils");
+require("./DeleteModal.scss");
+const LoadingSpinner_1 = require("./LoadingSpinner");
+const DeleteModal = ({ entityName, onClose, onDelete, refresh, }) => {
+    const [isDeleting, setIsDeleting] = (0, react_1.useState)(false);
+    const deleteCallback = async () => {
+        try {
+            setIsDeleting(true);
+            await onDelete();
+            await refresh();
+            onClose();
+        }
+        catch (error) {
+            (0, utils_1.handleError)(error.status);
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(itwinui_react_1.Modal, { title: 'Confirm', modalRootId: 'grouping-mapping-widget', isOpen: !!entityName, isDismissible: !isDeleting, onClose: onClose },
+            react_1.default.createElement("div", { className: "gmw-delete-modal-body-text" },
+                react_1.default.createElement(itwinui_react_1.Text, { variant: "leading", as: "h3" }, "Are you sure you want to delete"),
+                react_1.default.createElement("strong", null, react_1.default.createElement(itwinui_react_1.MiddleTextTruncation, { text: `${entityName}?` }))),
+            react_1.default.createElement(itwinui_react_1.ModalButtonBar, null,
+                isDeleting &&
+                    react_1.default.createElement("div", { className: "gmw-loading-delete" },
+                        react_1.default.createElement(LoadingSpinner_1.LoadingSpinner, null)),
+                react_1.default.createElement(itwinui_react_1.Button, { styleType: 'high-visibility', onClick: deleteCallback, disabled: isDeleting }, "Delete"),
+                react_1.default.createElement(itwinui_react_1.Button, { styleType: 'default', onClick: onClose, disabled: isDeleting }, "Cancel")))));
+};
+exports.DeleteModal = DeleteModal;
+exports.default = exports.DeleteModal;
+//# sourceMappingURL=DeleteModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/DeleteModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAM8B;AAC9B,+CAAwC;AACxC,8CAAiD;AACjD,8BAA4B;AAC5B,qDAAkD;AAS3C,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE7D,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI;YACF,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,MAAM,QAAQ,EAAE,CAAC;YACjB,MAAM,OAAO,EAAE,CAAC;YAChB,OAAO,EAAE,CAAC;SACX;QAAC,OAAO,KAAU,EAAE;YACnB,IAAA,mBAAW,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;gBAAS;YACR,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,qBAAK,IACJ,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,yBAAyB,EACrC,MAAM,EAAE,CAAC,CAAC,UAAU,EACpB,aAAa,EAAE,CAAC,UAAU,EAC1B,OAAO,EAAE,OAAO;YAEhB,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,oBAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,sCAExB;gBACP,8CACG,8BAAC,oCAAoB,IAAC,IAAI,EAAE,GAAG,UAAU,GAAG,GAAI,CAC1C,CACL;YACN,8BAAC,8BAAc;gBACZ,UAAU;oBACT,uCAAK,SAAS,EAAC,oBAAoB;wBACjC,8BAAC,+BAAc,OAAG,CACd;gBACR,8BAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,aAExE;gBACT,8BAAC,sBAAM,IACL,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,aAGb,CACM,CACX,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,WAAW,eAyDtB;AAEF,kBAAe,mBAAW,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 {\n  Button,\n  MiddleTextTruncation,\n  Modal,\n  ModalButtonBar,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { handleError } from \"../../common/utils\";\nimport \"./DeleteModal.scss\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\n\nexport interface DeleteModalProps {\n  entityName?: string;\n  onClose: () => void;\n  onDelete: () => Promise<void>;\n  refresh: () => Promise<void>;\n}\n\nexport const DeleteModal = ({\n  entityName,\n  onClose,\n  onDelete,\n  refresh,\n}: DeleteModalProps) => {\n  const [isDeleting, setIsDeleting] = useState<boolean>(false);\n\n  const deleteCallback = async () => {\n    try {\n      setIsDeleting(true);\n      await onDelete();\n      await refresh();\n      onClose();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsDeleting(false);\n    }\n  };\n\n  return (\n    <>\n      <Modal\n        title='Confirm'\n        modalRootId='grouping-mapping-widget'\n        isOpen={!!entityName}\n        isDismissible={!isDeleting}\n        onClose={onClose}\n      >\n        <div className=\"gmw-delete-modal-body-text\">\n          <Text variant=\"leading\" as=\"h3\">\n            Are you sure you want to delete\n          </Text>\n          <strong>\n            {<MiddleTextTruncation text={`${entityName}?`} />}\n          </strong>\n        </div>\n        <ModalButtonBar>\n          {isDeleting &&\n            <div className=\"gmw-loading-delete\">\n              <LoadingSpinner />\n            </div>}\n          <Button styleType='high-visibility' onClick={deleteCallback} disabled={isDeleting}>\n            Delete\n          </Button>\n          <Button\n            styleType='default'\n            onClick={onClose}\n            disabled={isDeleting}\n          >\n            Cancel\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n\nexport default DeleteModal;\n"]}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./EmptyMessage.scss";
+export interface EmptyMessageProps {
+    message: string;
+}
+export declare const EmptyMessage: ({ message }: EmptyMessageProps) => JSX.Element;
+//# sourceMappingURL=EmptyMessage.d.ts.map

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyMessage = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importDefault(require("react"));
+require("./EmptyMessage.scss");
+const EmptyMessage = ({ message }) => (react_1.default.createElement("div", { className: 'gmw-empty-message-center-overlay' },
+    react_1.default.createElement(itwinui_react_1.Text, null, message)));
+exports.EmptyMessage = EmptyMessage;
+//# sourceMappingURL=EmptyMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyMessage.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/EmptyMessage.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA4C;AAC5C,kDAA0B;AAC1B,+BAA6B;AAMtB,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE,CAAC,CAC9D,uCAAK,SAAS,EAAC,kCAAkC;IAC/C,8BAAC,oBAAI,QAAE,OAAO,CAAQ,CAClB,CACP,CAAC;AAJW,QAAA,YAAY,gBAIvB","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 { Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./EmptyMessage.scss\";\n\nexport interface EmptyMessageProps {\n  message: string;\n}\n\nexport const EmptyMessage = ({ message }: EmptyMessageProps) => (\n  <div className='gmw-empty-message-center-overlay'>\n    <Text>{message}</Text>\n  </div>\n);\n"]}

package/lib/cjs/components/SharedComponents/EmptyMessage.scss

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.gmw-empty-message-center-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: var(--iui-size-s);
+  height: 100%;
+}

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import React from "react";
+import "./HorizontalTile.scss";
+export interface HorizontalTileProps {
+    title: string;
+    actionGroup: ReactNode;
+    subText?: string;
+    onClick?: () => void;
+    onClickTitle?: () => void;
+    titleTooltip?: string;
+    subtextToolTip?: string;
+    selected?: boolean;
+    dragHandle?: ReactNode;
+    elementsInfo?: React.ReactNode;
+    showGroupColor?: boolean;
+    isLoading?: boolean;
+}
+export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
+//# sourceMappingURL=HorizontalTile.d.ts.map