udp-react-enterprise-component-library 25.16.0 → 25.16.2-beta.1

package/dist/InquirySearchContainer-BluT5hv3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquirySearchContainer-BluT5hv3.js","names":["useStyles","uuid","useStyles","Form","element","useStyles"],"sources":["../src/inquiry/search/InquiryAdvancedSearchForm.jsx","../src/inquiry/search/InquiryAdvancedSearch.jsx","../src/inquiry/search/InquirySearchDatasource.js","../src/inquiry/search/InquirySearchTable.jsx","../src/inquiry/search/InquirySearchContainer.jsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect } from 'react';\nimport { makeStyles, Divider, Typography } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { SearchOperators } from '../../models/SearchOperator.ts';\nimport clsx from 'clsx';\nimport { v4 as uuid } from 'uuid';\nimport { PropertyTypeEnum } from '../../enums/propertyTypeEnums.ts';\nimport { PropertyField } from '../../UI/property/PropertyFields';\nimport { LookupTypeEnums } from '../../enums/unitySystemEnums.ts';\nimport { csvStrToArrayOfObjects } from '../../utilities/input/SelectUtilities';\nimport { useForm } from 'react-final-form';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    overflowX: 'auto'\n  },\n  fieldRow: { display: 'flex', alignItems: 'center' },\n  dividerContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    width: '100%'\n  },\n  divider: { width: '100%', marginTop: theme.spacing(1) },\n  autocompleteRoot: {\n    width: '38%',\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const InquiryAdvancedSearchForm = (props) => {\n  const {\n    advancedSearchFields,\n    selectedSearchOperators,\n    setSelectedSearchOperators,\n    catalogProperties,\n    entityType,\n    lookupPropertyNames,\n    classes: classProps,\n    executeQueryWithParameters,\n    setForm\n  } = props;\n  const { root } = classProps || {};\n  const classes = useStyles();\n\n  const form = useForm();\n\n  const handleSearchOperatorChange = useCallback(\n    (value, fieldName) => {\n      if (fieldName) {\n        let updatedSelectedSearchOps = {};\n        if (selectedSearchOperators) {\n          updatedSelectedSearchOps = { ...selectedSearchOperators };\n        }\n        updatedSelectedSearchOps[fieldName] = value;\n        setSelectedSearchOperators(updatedSelectedSearchOps);\n      }\n    },\n    [selectedSearchOperators, setSelectedSearchOperators]\n  );\n\n  const getPropertyWidgetType = (type, useLookup) => {\n    if (!type) {\n      return null;\n    }\n    let propertyWidgetType = '';\n    switch (type) {\n      case PropertyTypeEnum.Int:\n      case PropertyTypeEnum.Long:\n        propertyWidgetType = 'IntegerWidget';\n        break;\n      case PropertyTypeEnum.DateTime:\n        propertyWidgetType = 'DateTimeWidget';\n        break;\n      case PropertyTypeEnum.Boolean:\n        propertyWidgetType = 'BooleanWidget';\n        break;\n      default:\n        propertyWidgetType = 'TextWidget';\n    }\n\n    if (\n      useLookup === LookupTypeEnums.Api ||\n      useLookup === LookupTypeEnums.Csv\n    ) {\n      propertyWidgetType = 'AutoCompleteWidget';\n    }\n\n    return propertyWidgetType;\n  };\n\n  const getPropertyTypeSearchOperators = useCallback((type) => {\n    if (!type) {\n      return [];\n    }\n    switch (type) {\n      case PropertyTypeEnum.Boolean:\n        return SearchOperators.filter((operator) => operator.value === '=');\n      default:\n        return SearchOperators;\n    }\n  }, []);\n\n  const fieldRows = useMemo(() => {\n    if (!advancedSearchFields || !catalogProperties) {\n      return [];\n    }\n    const keys = Object.keys(advancedSearchFields);\n\n    const arrayOfFields = keys.reduce((list, key) => {\n      const groupedItems = advancedSearchFields[key];\n      let groupHeader = '';\n      const foundGroupItem = groupedItems.find((item) => !!item.groupHeader);\n      if (foundGroupItem) {\n        groupHeader = foundGroupItem.groupHeader;\n      }\n      list.push({ groupHeader: groupHeader, isDivider: true, id: uuid() });\n      groupedItems.forEach(async (item) => {\n        const foundProperty = catalogProperties.find(\n          (property) => property.name === item.name\n        );\n        const propertyWidgetType = getPropertyWidgetType(\n          foundProperty?.type,\n          foundProperty?.extendedProperties?.useLookup\n        );\n        let apiLookupOptions = null;\n        if (\n          !item.searchable &&\n          !foundProperty?.extendedProperties?.searchable\n        ) {\n          return;\n        }\n        if (\n          lookupPropertyNames.includes(foundProperty?.name) &&\n          foundProperty?.extendedProperties?.useLookup === LookupTypeEnums.Api\n        ) {\n          // TODO: handle getting lookup data with api call\n          // const response = await executeQueryWithParameters(\n          //   'aa5d1fe1-1128-4d08-9ddb-58ad4fcf00e4'\n          // );\n          // console.log(response?.data);\n        }\n        list.push({\n          ...item,\n          isDivider: false,\n          type: foundProperty?.type,\n          propertyWidgetType: propertyWidgetType,\n          useLookup: foundProperty?.extendedProperties?.useLookup,\n          lookup: foundProperty?.extendedProperties?.lookup,\n          apiLookupOptions: apiLookupOptions\n        });\n      });\n      return list;\n    }, []);\n    return arrayOfFields;\n  }, [advancedSearchFields, catalogProperties, lookupPropertyNames]);\n\n  const getPropertyFields = useCallback(\n    (config) => {\n      const searchOperator = selectedSearchOperators\n        ? selectedSearchOperators[config?.name]?.value\n        : null;\n      let options = [];\n      if (config?.useLookup === LookupTypeEnums.Csv) {\n        options = csvStrToArrayOfObjects(config?.lookup);\n      }\n      if (searchOperator === 'BETWEEN') {\n        return (\n          <div style={{ display: 'block', width: '100%' }}>\n            <PropertyField\n              propertyType={entityType}\n              property={{\n                key: config?.name,\n                label: `${config?.columnName} (From)`,\n                type: config?.propertyWidgetType,\n                options: options || [],\n                valueName: 'value'\n              }}\n            />\n            <PropertyField\n              propertyType={entityType}\n              property={{\n                key: `${config?.name}:between`,\n                label: `${config?.columnName} (To)`,\n                type: config?.propertyWidgetType,\n                options: options || [],\n                valueName: 'value'\n              }}\n            />\n          </div>\n        );\n      }\n\n      return (\n        <PropertyField\n          propertyType={entityType}\n          property={{\n            key: config?.name,\n            label: config?.columnName,\n            type: config?.propertyWidgetType,\n            options: options || [],\n            valueName: 'value'\n          }}\n        />\n      );\n    },\n    [entityType, selectedSearchOperators]\n  );\n\n  const fieldComponents = useMemo(() => {\n    if (!fieldRows || !fieldRows.length) {\n      return null;\n    }\n    return fieldRows.map((config) => {\n      return (\n        <div key={config?.id}>\n          {!config?.isDivider && (\n            <div className={classes.fieldRow}>\n              <FluentTextFieldAutoComplete\n                id='udpRecord-InquiryAdvancedSearchForm-Text'\n                udprecordid='udpRecord-InquiryAdvancedSearchForm-Text'\n                label='Operator'\n                name='searchOperator'\n                variant='outlined'\n                margin='dense'\n                size='small'\n                options={getPropertyTypeSearchOperators(config?.type) || []}\n                optionKey='label'\n                value={\n                  (selectedSearchOperators &&\n                    selectedSearchOperators[config?.name]) ||\n                  ''\n                }\n                onChange={(value) =>\n                  handleSearchOperatorChange(value, config?.name)\n                }\n                classes={{ autocompleteRoot: classes.autocompleteRoot }}\n              />\n              {getPropertyFields(config)}\n            </div>\n          )}\n          {config?.isDivider && (\n            <div className={classes.dividerContainer}>\n              <div className={classes.divider}>\n                <Divider orientation='horizontal' />\n              </div>\n              {config?.groupHeader && (\n                <div\n                  style={{\n                    marginRight: 8,\n                    marginLeft: 8,\n                    textAlign: 'center',\n                    whiteSpace: 'nowrap'\n                  }}\n                >\n                  <Typography variant='caption'>\n                    {config?.groupHeader}\n                  </Typography>\n                </div>\n              )}\n              <div className={classes.divider}>\n                <Divider orientation='horizontal' />\n              </div>\n            </div>\n          )}\n        </div>\n      );\n    });\n  }, [\n    fieldRows,\n    classes,\n    handleSearchOperatorChange,\n    selectedSearchOperators,\n    getPropertyTypeSearchOperators,\n    getPropertyFields\n  ]);\n\n  useEffect(() => {\n    if (form) {\n      setForm(form);\n    }\n  }, [form, setForm]);\n\n  return <div className={clsx(classes.root, root)}>{fieldComponents}</div>;\n};\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { makeStyles, Divider, Typography } from '@material-ui/core';\nimport { SubmitButton } from '../../utilities/form/SubmitButton.tsx';\nimport { Form } from '../../utilities/form/Form.tsx';\nimport { FormButtons } from '../../utilities/form/FormButtons.tsx';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { orderBy } from 'lodash';\nimport { InquiryAdvancedSearchForm } from './InquiryAdvancedSearchForm';\nimport { LookupTypeEnums } from '../../enums/unitySystemEnums.ts';\nimport { SearchOperators } from '../../models/SearchOperator.ts';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { ClearIcon } from '@fluentui/react-icons';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities.js';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  entitySelect: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  fieldsRoot: {\n    height: (props) => 'calc(100vh - 288px)'\n  },\n  title: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    margin: theme.spacing(1)\n  },\n  buttonWrapper: {\n    textAlign: 'center'\n  },\n  button: {\n    textTransform: 'none',\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    },\n    color: theme.palette.secondary\n  }\n}));\n\nexport const InquiryAdvancedSearch = (props) => {\n  const {\n    entityList,\n    onSubmit,\n    currentNodeCatalogReturnObject,\n    catalogObjects,\n    entityValue,\n    setEntityValue,\n    changeSideBarView,\n    tree,\n    executeQueryWithParameters\n  } = props;\n  const classes = useStyles(props);\n\n  const [initialSelectedSearchOperators, setInitialSelectedSearchOperators] =\n    useState(null);\n  const [selectedSearchOperators, setSelectedSearchOperators] = useState(null);\n  const [form, setForm] = useState(null);\n\n  const entityTree = useMemo(() => {\n    if (!entityValue || !tree) {\n      return null;\n    }\n    const matchingEntityTree = tree.treeStructure.find(\n      (node) => node.properties.catalogReturnObject === entityValue.value\n    );\n    let nodeTree = tree;\n    if (matchingEntityTree?.properties?.associatedInquiryTree) {\n      nodeTree = matchingEntityTree?.properties?.associatedInquiryTree;\n    }\n    return nodeTree;\n  }, [tree, entityValue]);\n\n  const catalogProperties = useMemo(() => {\n    if (!entityValue || !catalogObjects) {\n      return [];\n    }\n    const foundCatalogObject = catalogObjects.find(\n      (catalog) => catalog.catalogObjectName === entityValue.value\n    );\n    return foundCatalogObject?.properties || [];\n  }, [catalogObjects, entityValue]);\n\n  const advancedSearchFields = useMemo(() => {\n    if (!entityTree) {\n      return null;\n    }\n    const parentNode = entityTree.treeStructure.find((node) => !node.parentId);\n    const advancedSearchConfiguration =\n      parentNode?.properties?.searchConfiguration?.filter(\n        (config) => config.advancedSearch\n      );\n    advancedSearchConfiguration?.forEach(\n      (config) =>\n        (config.advancedSearch = Number.parseFloat(config.advancedSearch))\n    );\n    const orderedSearchConfiguration = orderBy(\n      advancedSearchConfiguration,\n      ['advancedSearch'],\n      ['asc']\n    );\n\n    const groupedAndOrderdFields = {};\n\n    orderedSearchConfiguration.forEach((config) => {\n      const wholeInt = Math.floor(config.advancedSearch);\n      if (!groupedAndOrderdFields[wholeInt]) {\n        groupedAndOrderdFields[wholeInt] = [config];\n      } else {\n        groupedAndOrderdFields[wholeInt].push(config);\n      }\n    });\n    return groupedAndOrderdFields;\n  }, [entityTree]);\n\n  const asCatalogLookupPropertyNames = useMemo(() => {\n    if (!entityTree) {\n      return [];\n    }\n    const parentNode = entityTree.treeStructure.find((node) => !node.parentId);\n    const advancedSearchPropertyName =\n      parentNode?.properties?.searchConfiguration\n        ?.filter((config) => config.advancedSearch)\n        .map((asConfig) => asConfig.name);\n    const filteredProperties = catalogProperties.filter((property) =>\n      advancedSearchPropertyName?.includes(property.name)\n    );\n    const lookupPropertyNames = [];\n    filteredProperties.forEach((property) => {\n      if (\n        property?.extendedProperties?.useLookup !== LookupTypeEnums.No_Lookup ||\n        !property?.extendedProperties?.useLookup\n      ) {\n        lookupPropertyNames.push(property.name);\n      }\n    });\n    return lookupPropertyNames;\n  }, [catalogProperties, entityTree]);\n\n  const handleEntityChange = (value) => {\n    setEntityValue(value);\n  };\n\n  const handleOnSubmit = useCallback(\n    (values) => {\n      if (onSubmit) {\n        onSubmit(\n          values,\n          selectedSearchOperators,\n          entityValue?.value,\n          asCatalogLookupPropertyNames\n        );\n      }\n    },\n    [\n      onSubmit,\n      selectedSearchOperators,\n      entityValue,\n      asCatalogLookupPropertyNames\n    ]\n  );\n\n  const handleClearFilter = useCallback(() => {\n    if (form) {\n      form.reset();\n    }\n    setSelectedSearchOperators(initialSelectedSearchOperators);\n  }, [initialSelectedSearchOperators, form]);\n\n  useEffect(() => {\n    if (entityList?.length) {\n      const foundEntity = entityList.find(\n        (entity) => entity.value === currentNodeCatalogReturnObject\n      );\n      if (foundEntity) {\n        setEntityValue(foundEntity);\n      }\n    }\n  }, [entityList, currentNodeCatalogReturnObject, setEntityValue]);\n\n  useEffect(() => {\n    if (advancedSearchFields) {\n      const mergedFields = [].concat.apply(\n        [],\n        Object.values(advancedSearchFields)\n      );\n      const initialSearchOperators = mergedFields.reduce((operators, field) => {\n        if (field.advancedSearchOperator) {\n          const foundOperator = SearchOperators.find(\n            (op) => op.value === field.advancedSearchOperator\n          );\n          operators[field.name] = foundOperator ?? SearchOperators[0];\n        } else {\n          operators[field.name] = SearchOperators[0];\n        }\n        return operators;\n      }, {});\n\n      setInitialSelectedSearchOperators(initialSearchOperators);\n      setSelectedSearchOperators(initialSearchOperators);\n    }\n  }, [advancedSearchFields]);\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Divider />\n      </div>\n      <div className={classes.title}>\n        <Typography variant='subtitle1'>Advanced Search</Typography>\n        <FluentIconButton\n          id='udpRecord-InquiryAdvancedSearch-ClearIcon'\n          udprecordid='udpRecord-InquiryAdvancedSearch-ClearIcon'\n          icon={ClearIcon}\n          onClick={() => changeSideBarView(0)}\n        />\n      </div>\n      <div className={classes.entitySelect}>\n        <FluentTextFieldAutoComplete\n          id='udpRecord-InquiryAdvancedSearch-TextField'\n          udprecordid='udpRecord-InquiryAdvancedSearch-TextField'\n          label='Entity'\n          variant='outlined'\n          margin='normal'\n          size='small'\n          fullWidth\n          options={entityList}\n          optionKey='label'\n          value={entityValue}\n          onChange={handleEntityChange}\n        />\n      </div>\n      <Form onSubmit={handleOnSubmit}>\n        <InquiryAdvancedSearchForm\n          advancedSearchFields={advancedSearchFields}\n          selectedSearchOperators={selectedSearchOperators}\n          setSelectedSearchOperators={setSelectedSearchOperators}\n          catalogProperties={catalogProperties}\n          entityType={getSanitizedName(entityValue?.value)}\n          lookupPropertyNames={asCatalogLookupPropertyNames}\n          classes={{ root: classes.fieldsRoot }}\n          executeQueryWithParameters={executeQueryWithParameters}\n          setForm={setForm}\n        />\n        <div className={classes.submitWrapper}>\n          <div className={classes.buttonWrapper}>\n            <FluentButton\n              id='udpRecord-InquiryAdvancedSearch-ClearFilter'\n              udprecordid='udpRecord-InquiryAdvancedSearch-ClearFilter'\n              onClick={handleClearFilter}\n              className={classes.button}\n            >\n              <Typography variant='subtitle1'>Clear Filter</Typography>\n            </FluentButton>\n            <FormButtons>\n              <SubmitButton\n                id='udpRecord-InquiryAdvancedSearch-Search'\n                udprecordid='udpRecord-InquiryAdvancedSearch-Search'\n                variant='contained'\n                color='primary'\n                disablePristine={false}\n                disabled={!entityValue}\n                fullWidth\n                style={{ marginRight: 8, marginLeft: 8 }}\n              >\n                Search\n              </SubmitButton>\n            </FormButtons>\n          </div>\n        </div>\n      </Form>\n    </div>\n  );\n};\n","import { getSearchObject } from '../../utilities/search/SearchUtilities';\nimport { FilterOperators } from '../../models/SearchOperator.ts';\nimport {\n  SearchGroupingType,\n  SearchSortDirection,\n  LogicalSearchOperatorEnums\n} from '../../enums/unitySystemEnums.ts';\n\nexport const InquirySearchDatasource = (\n  queryData,\n  apiMethodId,\n  searchFilterElements,\n  logicalSearchOperator = LogicalSearchOperatorEnums.And,\n  executeQuery,\n  searchFilterGroups\n) => {\n  return {\n    async getRows(params) {\n      const {\n        startRow,\n        endRow,\n        rowGroupCols,\n        groupKeys,\n        valueCols,\n        filterModel,\n        sortModel\n      } = params.request;\n      const page = endRow / 20;\n      const searchObject = getSearchObject(\n        searchFilterElements,\n        page,\n        null,\n        false,\n        logicalSearchOperator,\n        searchFilterGroups\n      );\n\n      // handle server-side sorting on ag-grid\n      if (sortModel.length) {\n        const orderElements = searchObject.orderElements;\n        sortModel.forEach((sortItem) => {\n          const formattedPropertyName =\n            sortItem.colId.charAt(0).toUpperCase() + sortItem.colId.slice(1);\n\n          const element = orderElements.find(\n            (element) => element.sortColumn === formattedPropertyName\n          );\n          if (element) {\n            element.sortDirection = sortItem.sort.toUpperCase();\n          } else {\n            orderElements.push({\n              sortColumn: formattedPropertyName,\n              sortDirection: sortItem.sort.toUpperCase()\n            });\n          }\n        });\n      }\n\n      // handle server-side filtering on ag-grid\n      if (Object.keys(filterModel).length) {\n        const filterElements = searchObject.filterElements;\n        Object.keys(filterModel).forEach((key) => {\n          const filterItem = filterModel[key];\n          const formattedPropertyName =\n            key.charAt(0).toUpperCase() + key.slice(1);\n\n          const element = filterElements.find(\n            (element) => element.searchField === formattedPropertyName\n          );\n          if (element) {\n            element.searchValue = filterItem.filter;\n            element.searchOperator = FilterOperators[filterItem.type];\n          } else {\n            filterElements.push({\n              searchField: formattedPropertyName,\n              searchValue: filterItem.filter,\n              searchOperator: FilterOperators[filterItem.type]\n            });\n          }\n        });\n      }\n\n      // construct search for initial grouping\n      if (rowGroupCols.length && !groupKeys.length) {\n        const formattedPropertyName =\n          rowGroupCols[0].field.charAt(0).toUpperCase() +\n          rowGroupCols[0].field.slice(1);\n\n        searchObject.groupingType = SearchGroupingType.Distinct;\n        if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n          searchObject.groupProperty.push(formattedPropertyName);\n\n          const orderElements = searchObject.orderElements;\n          const element = orderElements.find(\n            (element) => element.sortColumn === formattedPropertyName\n          );\n          if (!element) {\n            orderElements.push({\n              sortColumn: formattedPropertyName,\n              sortDirection: SearchSortDirection.Asc\n            });\n          }\n        }\n      }\n\n      // construct the filter for grouped columns\n      if (groupKeys.length) {\n        // construct search for last grouped element\n        if (groupKeys.length === rowGroupCols.length) {\n          searchObject.groupingType = '';\n          const filterElements = searchObject.filterElements;\n          groupKeys.forEach((key, index) => {\n            const rowGroupCol = rowGroupCols[index];\n            const formattedPropertyName =\n              rowGroupCol.field.charAt(0).toUpperCase() +\n              rowGroupCol.field.slice(1);\n\n            const element = filterElements.find(\n              (element) => element.searchField === formattedPropertyName\n            );\n            if (element) {\n              element.searchValue = key;\n              element.searchOperator = '=';\n            } else {\n              filterElements.push({\n                searchField: formattedPropertyName,\n                searchValue: key,\n                searchOperator: '='\n              });\n            }\n          });\n        } else {\n          // construct search for the next grouped element\n          groupKeys.forEach((key, index) => {\n            const formattedPropertyNameForSearch =\n              rowGroupCols[index].field.charAt(0).toUpperCase() +\n              rowGroupCols[index].field.slice(1);\n\n            searchObject.filterElements.push({\n              searchField: formattedPropertyNameForSearch,\n              searchValue: key,\n              searchOperator: '='\n            });\n          });\n\n          searchObject.groupingType = SearchGroupingType.Distinct;\n          const searchIndex = groupKeys.length;\n          const rowGroupCol = rowGroupCols[searchIndex];\n          const formattedPropertyName =\n            rowGroupCol.field.charAt(0).toUpperCase() +\n            rowGroupCol.field.slice(1);\n\n          if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n            searchObject.groupProperty.push(formattedPropertyName);\n\n            const orderElements = searchObject.orderElements;\n            const element = orderElements.find(\n              (element) => element.sortColumn === formattedPropertyName\n            );\n            if (!element) {\n              orderElements.push({\n                sortColumn: formattedPropertyName,\n                sortDirection: SearchSortDirection.Asc\n              });\n            }\n          }\n        }\n      }\n\n      if (\n        !startRow &&\n        rowGroupCols.length === 0 &&\n        !sortModel.length &&\n        !Object.keys(filterModel).length &&\n        !groupKeys.length &&\n        queryData\n      ) {\n        if (queryData.pageList && queryData.pageList) {\n          params.successCallback(queryData.pageList, queryData.total);\n        } else {\n          // TODO: add an overlay to display no rows\n          params.successCallback([], 0);\n        }\n      } else {\n        let response = null;\n        if (executeQuery) {\n          const data = { data: searchObject };\n          response = await executeQuery(data, apiMethodId);\n        }\n        const rowData = response?.data;\n        if (rowData) {\n          if (rowData?.pageList?.length > 0) {\n            params.successCallback(rowData.pageList, rowData.total);\n          } else {\n            params.successCallback([], 0);\n          }\n        } else {\n          params.successCallback([], 0);\n        }\n      }\n    }\n  };\n};\n","import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useAgGridApi, AgTable } from '../../utilities/aggrid/AgTable.tsx';\nimport {\n  useGridFormat,\n  useExport\n} from '../../utilities/aggrid/GridFunctions.js';\nimport { PrimaryActionHeader } from '../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport { camelToPascalCaseWithSpace } from '../../utilities/input/StringUtilities';\nimport { InquirySearchDatasource } from './InquirySearchDatasource';\nimport { getSearchIdentifiers } from '../../utilities/search/SearchUtilities';\nimport { LogicalSearchOperatorEnums } from '../../enums/unitySystemEnums.ts';\nimport { sortBy } from 'lodash';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: (props) => {\n      const rowCount =\n        props?.queryData?.pageList?.length > 10\n          ? 10\n          : props?.queryData?.pageList?.length ?? 0;\n      const topResultsOnlyHeight = rowCount * 48 + 60;\n      const moreResultsHeight = rowCount * 48 + 116;\n      return props.topResultsOnly ? topResultsOnlyHeight : moreResultsHeight;\n    }\n  }\n}));\n\nexport const InquirySearchTable = (props) => {\n  const {\n    apiMethodId,\n    associatedInquiryTree,\n    catalogReturnObject,\n    catalogObjects,\n    columns,\n    executeQuery,\n    queryColumnsData,\n    isAdvancedSearch,\n    onRowDoubleClick,\n    queryData,\n    searchFilterElements,\n    searchFilterGroups,\n    setSelectedSearchRows,\n    treeStructure,\n    topResultsOnly = false,\n    topResultsSize = 50\n  } = props;\n\n  const classes = useStyles(props);\n  const { gridApi, onGridReady } = useAgGridApi();\n  const [agGridOptions] = useState({});\n  const [gridFormat] = useGridFormat();\n  const [exportGrid] = useExport();\n\n  const searchIdentifier = useMemo(() => {\n    const identifiers =\n      getSearchIdentifiers(catalogObjects, catalogReturnObject) || [];\n    return identifiers.toString();\n  }, [catalogObjects, catalogReturnObject]);\n\n  const columnDefs = useMemo(() => {\n    let commonCols = columns.map((column) => {\n      let matchingColumnIndex = null;\n      const matchingColumn = queryColumnsData.find((c, index) => {\n        if (c.name === column?.name) {\n          matchingColumnIndex = index;\n        }\n        return c.name === column?.name;\n      });\n\n      let def = {\n        headerName: column.alias || camelToPascalCaseWithSpace(column.name),\n        field: column.name\n        // cellStyle: (params) => ValidateCellStylesByConditionals(params, column)\n      };\n      if (matchingColumn) {\n        def = {\n          headerName:\n            matchingColumn.alias ||\n            camelToPascalCaseWithSpace(matchingColumn.name),\n          field: matchingColumn.name\n        };\n      }\n\n      if (column?.extendedProperties?.searchable) {\n        def = {\n          ...def,\n          filter: 'agTextColumnFilter',\n          filterParams: {\n            suppressAndOrCondition: true,\n            filterOptions: [\n              'equals',\n              'contains',\n              'notEqual',\n              'greaterThan',\n              'lessThan',\n              'greaterThanOrEqual',\n              'lessThanOrEqual'\n            ]\n          },\n          enableRowGroup: true\n        };\n      }\n      if (column?.extendedProperties?.orderable) {\n        def = {\n          ...def,\n          sortable: true\n        };\n      }\n      def.hide = !matchingColumn;\n      def.index = matchingColumnIndex;\n      return def;\n    });\n\n    const currentNode = treeStructure.find(\n      (node) => node.properties?.catalogReturnObject === catalogReturnObject\n    );\n    const searchConfiguration =\n      currentNode?.properties?.searchConfiguration || null;\n    let requiresOrdering = false;\n    if (searchConfiguration) {\n      requiresOrdering = searchConfiguration.some(\n        (config) => !!config.results.trim()\n      );\n    }\n    if (requiresOrdering) {\n      // Sort columns using the searchConfiguration results\n      const searchConfigWithResults = searchConfiguration.filter(\n        (config) => !!config.results\n      );\n      commonCols.forEach((col) => {\n        col.index = null;\n        const foundSearchConfig = searchConfigWithResults.find(\n          (config) => config.name === col.field\n        );\n        if (foundSearchConfig) {\n          col.index = parseFloat(foundSearchConfig.results);\n        }\n      });\n    }\n    // Sort columns\n    commonCols = sortBy(commonCols, (col) => col.index);\n    return commonCols;\n  }, [columns, queryColumnsData, treeStructure, catalogReturnObject]);\n\n  const defaultColDef = useMemo(\n    () => ({\n      resizable: true,\n      editable: false,\n      // filter: true,\n      enableValue: true,\n      allowedAggFuncs: ['sum', 'min', 'max', 'count', 'avg', 'first', 'last']\n    }),\n    []\n  );\n\n  const rowData = useMemo(() => {\n    if (!queryData) return [];\n    return queryData?.pageList?.slice(0, topResultsSize);\n  }, [queryData, topResultsSize]);\n\n  const handleSelectionChanged = useCallback(() => {\n    const selectedRows = gridApi.getSelectedRows();\n    setSelectedSearchRows(\n      catalogReturnObject,\n      selectedRows,\n      searchIdentifier,\n      apiMethodId,\n      treeStructure,\n      associatedInquiryTree\n    );\n  }, [\n    gridApi,\n    catalogReturnObject,\n    setSelectedSearchRows,\n    searchIdentifier,\n    apiMethodId,\n    treeStructure,\n    associatedInquiryTree\n  ]);\n\n  const handleRowDoubleClicked = useCallback(\n    (event) => {\n      if (!gridApi) return;\n      if (onRowDoubleClick) {\n        onRowDoubleClick(event.node.data, catalogReturnObject);\n      }\n    },\n    [gridApi, onRowDoubleClick, catalogReturnObject]\n  );\n\n  useEffect(() => {\n    if (!gridApi) return;\n    gridApi.sizeColumnsToFit();\n    let datasource = InquirySearchDatasource(\n      queryData,\n      apiMethodId,\n      searchFilterElements,\n      isAdvancedSearch\n        ? LogicalSearchOperatorEnums.And\n        : LogicalSearchOperatorEnums.Or,\n      executeQuery,\n      searchFilterGroups\n    );\n    // eslint-disable-next-line no-unused-expressions\n    gridApi?.setServerSideDatasource(datasource);\n  }, [\n    gridApi,\n    apiMethodId,\n    searchFilterElements,\n    queryData,\n    isAdvancedSearch,\n    executeQuery,\n    searchFilterGroups\n  ]);\n\n  return (\n    <div>\n      {!topResultsOnly && (\n        <>\n          <PrimaryActionHeader\n            hidePAB={true}\n            // LAA UNT-2624: remove whitespace caused by the action row\n            hideActionRow={true}\n            expandAllItems={() => gridFormat(gridApi, 'expand')}\n            collapse={() => gridFormat(gridApi, 'collapse')}\n            resizeGrid={() => gridFormat(gridApi, 'resize')}\n            exportGrid={() => exportGrid(gridApi, 'csv')}\n            grid\n            // value={value}\n            // altInputs={value === 0 && childrenTabSwitcher}\n          />\n          <AgTable\n            className={classes.root}\n            modules={[ServerSideRowModelModule]}\n            rowModelType={'serverSide'}\n            serverSideStoreType={'partial'}\n            pagination={true}\n            paginationPageSize={20}\n            cacheOverflowSize={2}\n            maxConcurrentDatasourceRequests={1}\n            cacheBlockSize={20}\n            onGridReady={onGridReady}\n            columnDefs={columnDefs}\n            defaultColDef={defaultColDef}\n            // getRowNodeId={row => row.channelConfigurationID}\n            onRowDoubleClicked={handleRowDoubleClicked}\n            rowSelection='multiple'\n            rowMultiSelectWithClick={true}\n            onSelectionChanged={handleSelectionChanged}\n            // animateRows={true}\n            api={gridApi}\n            dynamicSizing\n            {...agGridOptions}\n          />\n        </>\n      )}\n      {topResultsOnly && (\n        <AgTable\n          className={classes.root}\n          rowData={rowData || []}\n          onGridReady={onGridReady}\n          columnDefs={columnDefs}\n          defaultColDef={defaultColDef}\n          // getRowNodeId={row => row.channelConfigurationID}\n          onRowDoubleClicked={handleRowDoubleClicked}\n          rowSelection='multiple'\n          rowMultiSelectWithClick={true}\n          onSelectionChanged={handleSelectionChanged}\n          animateRows={true}\n          api={gridApi}\n          dynamicSizing\n          {...agGridOptions}\n        />\n      )}\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress } from '@material-ui/core';\nimport {\n  getSearchObject,\n  getSearchIdentifiers\n} from '../../utilities/search/SearchUtilities';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { InquirySearchTable } from './InquirySearchTable';\nimport clsx from 'clsx';\nimport { LogicalSearchOperatorEnums } from '../../enums/unitySystemEnums.ts';\nimport { useSearchFilterParamsMap } from '../../hooks/useSearchFilterParamsMap';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    overflowX: 'auto'\n  },\n  searchCard: {\n    paddingBottom: theme.spacing(2)\n  },\n  emptyStateWrapper: {\n    display: 'flex',\n    justifyContent: 'center',\n    paddingTop: '25vh'\n  }\n}));\n\nexport const InquirySearchContainer = (props) => {\n  const {\n    advancedSearchItems,\n    catalogObjects,\n    classes: classProps,\n    executeQueryAdHoc,\n    isAdvancedSearch,\n    loadSingleNode,\n    onRowDoubleClick,\n    searchItems,\n    setSelectedSearchRows,\n    apiMethodInstanceId\n  } = props;\n  const { root } = classProps || {};\n  const classes = useStyles();\n  const [searchList, setSearchList] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const {\n    getQueryFilterElements,\n    getQueryFilterGroups,\n    getQuerySearchOperator\n  } = useSearchFilterParamsMap();\n\n  const getQueryColumnsData = useCallback((apiMethodInstance) => {\n    if (!apiMethodInstance) return [];\n    let catalogMods = [];\n    try {\n      const catalogModificationStr = apiMethodInstance.catalogModification;\n      const catalogModification = JSON.parse(catalogModificationStr);\n      catalogMods = catalogModification;\n    } catch {\n      console.warn('Error parsing apiMethodInstance catalogModification');\n    }\n    return catalogMods;\n  }, []);\n\n  useEffect(() => {\n    if (!catalogObjects) {\n      setLoading(true);\n    }\n    if (!searchItems || !catalogObjects?.length) return;\n    setLoading(true);\n    const promises = [];\n    let list = [];\n    const promiseIndexMap = {};\n    const itemsList = !isAdvancedSearch\n      ? searchItems\n      : advancedSearchItems || [];\n    itemsList.forEach((item, index) => {\n      //Get filter elements, filter groups, and operator from query\n      let filterElementsFromQuery = getQueryFilterElements(\n        item.apiMethodInstance\n      ); //will this handle groups? if there is group within data builder\n      let filterGroups = getQueryFilterGroups(item.apiMethodInstance);\n      const logicalOperatorFromQuery = getQuerySearchOperator(\n        item.apiMethodInstance\n      );\n      // Assigning queryColumnsData object here to know which columns are hidden based on\n      // data browser query\n      item.queryColumnsData = getQueryColumnsData(item.apiMethodInstance);\n\n      //create new outer filter group to contain all filters in data builder query\n      let outerQueryGroupId = 0;\n      let queryOuterGroup = null;\n      if (!!filterElementsFromQuery.length) {\n        outerQueryGroupId = filterGroups.length + 1;\n        queryOuterGroup = {\n          groupId: outerQueryGroupId,\n          logicalSearchOperator: logicalOperatorFromQuery\n        };\n      }\n\n      //create new outer filter group to contain all filters from tree builder\n      let outerTreeBuilderGroupId = 0;\n      let inquiryOuterGroup = null;\n      if (!!item?.searchFilterElements?.length) {\n        outerTreeBuilderGroupId = outerQueryGroupId + 1;\n        inquiryOuterGroup = {\n          groupId: outerTreeBuilderGroupId,\n          logicalSearchOperator: isAdvancedSearch\n            ? LogicalSearchOperatorEnums.And\n            : LogicalSearchOperatorEnums.Or\n        };\n      }\n\n      //make the new outer query group the parent of non parent query groups (top level groups)\n      filterGroups = filterGroups.map((group) => {\n        if (!group.parentGroupId) {\n          group.parentGroupId = outerQueryGroupId;\n        }\n        return group;\n      });\n\n      //make the new outer group the group of filter elements with no group (top level filter elements)\n      filterElementsFromQuery = filterElementsFromQuery.map((element) => {\n        if (!element.groupId) {\n          element.groupId = outerQueryGroupId;\n        }\n        return element;\n      });\n\n      //add outer tree builder group Id to all tree builder filter elements\n      item.searchFilterElements = item.searchFilterElements.map((element) => {\n        element.groupId = outerTreeBuilderGroupId;\n        return element;\n      });\n\n      //combine data builder query filters and tree builder filters\n      const searchFilterElements = filterElementsFromQuery.concat(\n        item.searchFilterElements || []\n      );\n\n      // Reassigning searchFilterElements to use the data browser filter elements\n      // and the searched one\n      item.searchFilterElements = searchFilterElements;\n\n      //add new outer filter groups to filter group array\n      if (!!inquiryOuterGroup) {\n        filterGroups.push(inquiryOuterGroup);\n      }\n      if (!!queryOuterGroup) {\n        filterGroups.push(queryOuterGroup);\n      }\n\n      item.searchFilterGroups = filterGroups;\n\n      const searchObject = getSearchObject(\n        searchFilterElements,\n        1,\n        null,\n        false,\n        LogicalSearchOperatorEnums.And,\n        filterGroups\n      );\n      let shouldSearch = true;\n      if (!searchFilterElements.some((sfe) => sfe.searchOperator !== '=')) {\n        const equalsSearchFilterElements = searchFilterElements.filter(\n          (sfe) => sfe.searchOperator === '='\n        );\n        if (!!equalsSearchFilterElements.length) {\n          const catalogObject = catalogObjects.find(\n            (co) => co.catalogObjectName === item.catalogReturnObject\n          );\n          const coProperties = catalogObject?.properties || [];\n          if (!!coProperties.length) {\n            equalsSearchFilterElements.forEach((esfe) => {\n              if (!shouldSearch) {\n                return;\n              }\n              const matchingProperty = coProperties.find(\n                (cop) =>\n                  cop.name?.toLowerCase() === esfe.searchField?.toLowerCase()\n              );\n\n              if (matchingProperty?.type) {\n                let compareNumber = true;\n                let parsedValue = esfe.searchValue;\n                switch (matchingProperty.type) {\n                  case 'int':\n                    const intRegex = /[^0-9]/;\n                    if (intRegex.test(esfe.searchValue)) {\n                      parsedValue = NaN;\n                    } else {\n                      parsedValue = parseInt(esfe.searchValue);\n                    }\n                    break;\n                  case 'double':\n                  case 'decimal':\n                  case 'float':\n                    const floatRegex = /[^0-9.]/;\n                    if (floatRegex.test(esfe.searchValue)) {\n                      parsedValue = NaN;\n                    } else {\n                      parsedValue = parseFloat(esfe.searchValue);\n                    }\n                    break;\n                  // Add additional handling for different types below\n                  default:\n                    compareNumber = false;\n                    break;\n                }\n                if (compareNumber && isNaN(parsedValue)) {\n                  shouldSearch = false;\n                }\n              }\n            });\n          }\n        }\n      }\n      if (shouldSearch && executeQueryAdHoc) {\n        const data = { data: searchObject };\n        promiseIndexMap[promises.length] = index;\n        promises.push(executeQueryAdHoc(data, item.apiMethodId));\n      }\n      list.push({ queryData: null, searchItem: item });\n    });\n    Promise.all(promises.map((p) => p.catch((e) => e))).then((responses) => {\n      responses.forEach((response, i) => {\n        const index = promiseIndexMap[i];\n        if (response.status === 200) {\n          const querySearchObj = list[index];\n          querySearchObj.queryData = response.data;\n        } else if (!response.status) {\n          // handle response error\n          const querySearchObj = list[index];\n          console.error(\n            `Retrieval Error Occured for ${querySearchObj?.searchItem?.catalogReturnObject}`\n          );\n        }\n      });\n      let matchingItem = list.find(\n        (item) =>\n          item?.searchItem?.apiMethodInstance?.apiMethodInstanceId ===\n            apiMethodInstanceId && item?.queryData?.pageList?.length === 1\n      );\n\n      // Fallback to first item with single entry\n      if (!matchingItem) {\n        matchingItem = list.find(\n          (item) => item?.queryData?.pageList?.length === 1\n        );\n      }\n\n      if (matchingItem) {\n        const querySearchObj = matchingItem;\n        const node = {};\n        const searchItem = querySearchObj?.searchItem;\n        const identifiers =\n          getSearchIdentifiers(\n            catalogObjects,\n            searchItem.catalogReturnObject\n          ) || [];\n        node[searchItem.catalogReturnObject] = {\n          rows: matchingItem?.queryData?.pageList,\n          apiMethodId: searchItem.apiMethodId,\n          searchIdentifier: identifiers.toString(),\n          treeStructure: searchItem.treeStructure\n        };\n\n        loadSingleNode(node);\n      }\n\n      setSearchList(list);\n      setLoading(false);\n    });\n  }, [\n    searchItems,\n    isAdvancedSearch,\n    advancedSearchItems,\n    loadSingleNode,\n    catalogObjects,\n    executeQueryAdHoc,\n    getQueryFilterElements,\n    getQueryColumnsData,\n    getQueryFilterGroups,\n    getQuerySearchOperator,\n    apiMethodInstanceId\n  ]);\n\n  return (\n    <div className={clsx(classes.root, root)}>\n      {loading && <LinearProgress />}\n      {searchList?.map((searchObj) => {\n        return (\n          <div\n            key={searchObj.searchItem.catalogReturnObject}\n            className={classes.searchCard}\n          >\n            <AmbientCard\n              key={`${searchObj.searchItem.catalogReturnObject}-${searchObj?.queryData?.total}`}\n              title={`${getSanitizedName(\n                searchObj.searchItem.catalogReturnObject\n              )} - ${\n                searchObj.error\n                  ? searchObj.error\n                  : searchObj?.queryData?.total || '0'\n              }`}\n              moreMessage='Top 10 results...'\n              moreButton='Load More'\n              moreButtonExpanded='Minimize'\n              more={!!searchObj?.queryData?.pageList?.length}\n              header\n              fullWidth\n              globalToggle\n              collapseChildrenWhenExpanded\n              toggleGlobalExpanded={!!searchObj?.queryData?.total}\n              extendedList={\n                <InquirySearchTable\n                  key={searchObj.searchItem.id}\n                  queryData={searchObj.queryData || []}\n                  columns={searchObj.searchItem.columns}\n                  apiMethodId={searchObj.searchItem.apiMethodId}\n                  searchFilterElements={\n                    searchObj.searchItem.searchFilterElements\n                  }\n                  searchFilterGroups={searchObj.searchItem.searchFilterGroups}\n                  catalogReturnObject={searchObj.searchItem.catalogReturnObject}\n                  setSelectedSearchRows={setSelectedSearchRows}\n                  catalogObjects={catalogObjects}\n                  treeStructure={searchObj.searchItem.treeStructure}\n                  associatedInquiryTree={\n                    searchObj.searchItem.associatedInquiryTree || null\n                  }\n                  onRowDoubleClick={onRowDoubleClick}\n                  isAdvancedSearch={isAdvancedSearch}\n                  executeQuery={executeQueryAdHoc}\n                  queryColumnsData={searchObj.searchItem.queryColumnsData}\n                />\n              }\n            >\n              {!!searchObj?.queryData?.pageList?.length && (\n                <InquirySearchTable\n                  key={searchObj.searchItem.id}\n                  queryData={searchObj.queryData || []}\n                  columns={searchObj.searchItem.columns}\n                  apiMethodId={searchObj.searchItem.apiMethodId}\n                  searchFilterElements={\n                    searchObj.searchItem.searchFilterElements\n                  }\n                  searchFilterGroups={searchObj.searchItem.searchFilterGroups}\n                  catalogReturnObject={searchObj.searchItem.catalogReturnObject}\n                  setSelectedSearchRows={setSelectedSearchRows}\n                  catalogObjects={catalogObjects}\n                  treeStructure={searchObj.searchItem.treeStructure}\n                  associatedInquiryTree={\n                    searchObj.searchItem.associatedInquiryTree || null\n                  }\n                  onRowDoubleClick={onRowDoubleClick}\n                  topResultsOnly={true}\n                  topResultsSize={10}\n                  isAdvancedSearch={isAdvancedSearch}\n                  executeQuery={executeQueryAdHoc}\n                  queryColumnsData={searchObj.searchItem.queryColumnsData}\n                />\n              )}\n            </AmbientCard>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/KeyValueTextField-DPDWprk4.js

@@ -0,0 +1,104 @@
+import { Field } from "./Field-Idoc1A5M.js";
+import { IconButtonWithTooltip } from "./IconButtonWithToolTip-DQacH9wQ.js";
+import { FluentTextField } from "./FluentTextField-DCzp_6wE.js";
+import React, { forwardRef, useCallback, useEffect, useState } from "react";
+import { Checkbox, TextField, makeStyles } from "@material-ui/core";
+import { AddIcon } from "@fluentui/react-icons";
+import { Autocomplete } from "@material-ui/lab";
+
+//#region src/UI/inputs/textField/FluentTagField.jsx
+const useStyles = makeStyles((theme) => ({ root: { "&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]": {
+	padding: "4px 8px",
+	height: "auto"
+} } }));
+const FluentTagFieldComponent = (props, ref) => {
+	const classes = useStyles(props);
+	const { id, data, startAdornment, endAdornment, onChange: onChangeProp, autoCompleteProps, displayProperty, width = 300, height = "auto",...otherProps } = props;
+	const onChange = useCallback((e, value) => onChangeProp?.(value), [onChangeProp]);
+	const getOptionLabel = (option) => {
+		if (displayProperty) return option[displayProperty] || "";
+		return option;
+	};
+	return /* @__PURE__ */ React.createElement(Autocomplete, {
+		classes: { inputRoot: classes.root },
+		multiple: true,
+		id,
+		onChange,
+		options: data,
+		getOptionLabel,
+		style: {
+			width,
+			height
+		},
+		...autoCompleteProps,
+		renderInput: (params) => {
+			return /* @__PURE__ */ React.createElement(FluentTextField, {
+				...otherProps,
+				...params
+			});
+		},
+		renderOption: (option, { selected }) => {
+			const isSelectedValue = displayProperty && autoCompleteProps?.value?.some((item) => item[displayProperty] === option[displayProperty]);
+			return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Checkbox, {
+				...otherProps,
+				style: { marginRight: 8 },
+				checked: selected || isSelectedValue
+			}), getOptionLabel(option));
+		}
+	});
+};
+const FluentTagField = forwardRef(FluentTagFieldComponent);
+
+//#endregion
+//#region src/UI/inputs/textField/KeyValueTextField.jsx
+const KeyValueTextField = (props) => {
+	const { previousValues, fieldName } = props;
+	const [numFields, setNumFields] = useState(1);
+	const addField = () => {
+		setNumFields(numFields + 1);
+	};
+	useEffect(() => {
+		if (previousValues) {
+			const numPrevValues = Object.keys(previousValues).length;
+			setNumFields(numPrevValues);
+		}
+	}, [previousValues]);
+	return /* @__PURE__ */ React.createElement("div", null, Array.from({ length: numFields }).map((_, index) => /* @__PURE__ */ React.createElement("div", {
+		key: index,
+		style: {
+			display: "flex",
+			gap: 5
+		}
+	}, /* @__PURE__ */ React.createElement(Field, {
+		component: TextField,
+		id: `${fieldName}Key${index + 1}`,
+		name: `${fieldName}Key${index + 1}`,
+		label: `Parameter Name ${index + 1}`,
+		variant: "filled",
+		size: "small",
+		required: false,
+		fullWidth: true,
+		initialValue: previousValues && Object.keys(previousValues)[index]
+	}), /* @__PURE__ */ React.createElement(Field, {
+		component: TextField,
+		id: `${fieldName}Value${index + 1}`,
+		name: `${fieldName}Value${index + 1}`,
+		label: `Value ${index + 1}`,
+		variant: "filled",
+		size: "small",
+		required: false,
+		fullWidth: true,
+		initialValue: previousValues && Object.values(previousValues)[index]
+	}))), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		justifyContent: "right"
+	} }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		icon: AddIcon,
+		onClick: addField,
+		title: "Add field"
+	})));
+};
+
+//#endregion
+export { FluentTagField, FluentTagFieldComponent, KeyValueTextField };
+//# sourceMappingURL=KeyValueTextField-DPDWprk4.js.map

package/dist/KeyValueTextField-DPDWprk4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueTextField-DPDWprk4.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]':\n      {\n        padding: '4px 8px',\n        height: 'auto'\n      }\n  }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n  const classes = useStyles(props);\n  const {\n    id,\n    data,\n    startAdornment,\n    endAdornment,\n    onChange: onChangeProp,\n    autoCompleteProps,\n    displayProperty,\n    width = 300,\n    height = 'auto',\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => onChangeProp?.(value),\n    [onChangeProp]\n  );\n\n  const getOptionLabel = (option) => {\n    if (displayProperty) {\n      return option[displayProperty] || '';\n    }\n    return option;\n  };\n\n  return (\n    <Autocomplete\n      classes={{\n        inputRoot: classes.root\n      }}\n      multiple\n      id={id}\n      onChange={onChange}\n      options={data}\n      getOptionLabel={getOptionLabel}\n      style={{ width, height }}\n      {...autoCompleteProps}\n      renderInput={(params) => {\n        return <FluentTextField {...otherProps} {...params} />;\n      }}\n      renderOption={(option, { selected }) => {\n        const isSelectedValue =\n          displayProperty &&\n          autoCompleteProps?.value?.some(\n            (item) => item[displayProperty] === option[displayProperty]\n          );\n\n        return (\n          <li>\n            <Checkbox\n              {...otherProps}\n              style={{ marginRight: 8 }}\n              checked={selected || isSelectedValue}\n            />\n            {getOptionLabel(option)}\n          </li>\n        );\n      }}\n    />\n  );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n  const {previousValues, fieldName} = props\n  const [numFields, setNumFields] = useState(1);\n\n  const addField = () => {\n    setNumFields(numFields + 1);\n  };\n\n  useEffect(()=>{\n    if(previousValues){\n      const numPrevValues = Object.keys(previousValues).length\n      setNumFields(numPrevValues)\n    }\n   \n  },[previousValues])\n\n  return (\n    <div>\n      {Array.from({ length: numFields }).map((_, index) => (\n        <div key={index} style={{ display: 'flex', gap: 5 }}>\n          <Field\n            component={TextField}\n            id={`${fieldName}Key${index + 1}`}\n            name={`${fieldName}Key${index + 1}`}\n            label={`Parameter Name ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.keys(previousValues)[index]}\n          />\n          <Field\n            component={TextField}\n            id={`${fieldName}Value${index + 1}`}\n            name={`${fieldName}Value${index + 1}`}\n            label={`Value ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.values(previousValues)[index]}\n          />\n        </div>\n      ))}\n      <div style={{display: 'flex', justifyContent: 'right'}}>\n      <IconButtonWithTooltip\n        icon={AddIcon}\n        onClick={addField}\n        title='Add field'\n      />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,OACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}

package/dist/LayoutUnit-fGVQwt6Y.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { Badge, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+
+//#region src/layout/LayoutUnit.tsx
+const useStyles = makeStyles((theme) => ({
+	highlight: {
+		background: "pink",
+		opacity: (props) => props.highlight ? .2 : 0
+	},
+	nudge: { height: theme.spacing(1) },
+	xxs: { height: theme.spacing(2) },
+	xs: { height: theme.spacing(3) },
+	sm: { height: theme.spacing(4) },
+	md: { height: theme.spacing(5) },
+	lg: { height: theme.spacing(8) },
+	xl: { height: theme.spacing(12) },
+	xxl: { height: theme.spacing(20) }
+}));
+const LayoutUnit = (props) => {
+	const classes = useStyles(props);
+	let spaceUnit;
+	const { unit, highlight } = props;
+	switch (unit) {
+		case "nudge":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.nudge, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "Nudge"
+			}));
+			break;
+		case "xxs":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.xxs, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "XXS"
+			}));
+			break;
+		case "xs":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.xs, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "XS"
+			}));
+			break;
+		case "sm":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.sm, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "SM"
+			}));
+			break;
+		case "md":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.md, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "MD"
+			}));
+			break;
+		case "lg":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.lg, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "LG"
+			}));
+			break;
+		case "xl":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.xl, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "XL"
+			}));
+			break;
+		case "xxl":
+			spaceUnit = /* @__PURE__ */ React.createElement("div", { className: clsx(classes.xxl, classes.highlight) }, highlight && /* @__PURE__ */ React.createElement(Badge, {
+				color: "secondary",
+				badgeContent: "XXL"
+			}));
+			break;
+		default:
+	}
+	return spaceUnit;
+};
+
+//#endregion
+export { LayoutUnit };
+//# sourceMappingURL=LayoutUnit-fGVQwt6Y.js.map

package/dist/LayoutUnit-fGVQwt6Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutUnit-fGVQwt6Y.js","names":["LayoutUnit: React.FC<any>"],"sources":["../src/layout/LayoutUnit.tsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Badge } from '@material-ui/core'\nimport clsx from 'clsx'\n\ntype LayoutUnitProps = {\n  unit: 'nudge' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl',\n  highlight: any\n}\n\nconst useStyles = makeStyles((theme) => ({\n  highlight: {\n    background: 'pink',\n    opacity: (props:LayoutUnitProps) => (props.highlight ? 0.2 : 0)\n  },\n  nudge: {\n    height: theme.spacing(1)\n  },\n  xxs: {\n    height: theme.spacing(2)\n  },\n  xs: {\n    height: theme.spacing(3)\n  },\n  sm: {\n    height: theme.spacing(4)\n  },\n  md: {\n    height: theme.spacing(5)\n  },\n  lg: {\n    height: theme.spacing(8)\n  },\n  xl: {\n    height: theme.spacing(12)\n  },\n  xxl: {\n    height: theme.spacing(20)\n  }\n}))\n\n\n\n\nexport const LayoutUnit: React.FC<any> = (props: LayoutUnitProps) => {\n  const classes = useStyles(props)\n\n  let spaceUnit\n  const { unit, highlight } = props\n\n  switch (unit) {\n    case 'nudge':\n      spaceUnit = (\n        <div className={clsx(classes.nudge, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='Nudge' />}\n        </div>\n      )\n      break\n    case 'xxs':\n      spaceUnit = (\n        <div className={clsx(classes.xxs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXS' />}\n        </div>\n      )\n      break\n    case 'xs':\n      spaceUnit = (\n        <div className={clsx(classes.xs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XS' />}\n        </div>\n      )\n      break\n    case 'sm':\n      spaceUnit = (\n        <div className={clsx(classes.sm, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='SM' />}\n        </div>\n      )\n      break\n    case 'md':\n      spaceUnit = (\n        <div className={clsx(classes.md, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='MD' />}\n        </div>\n      )\n      break\n    case 'lg':\n      spaceUnit = (\n        <div className={clsx(classes.lg, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='LG' />}\n        </div>\n      )\n      break\n    case 'xl':\n      spaceUnit = (\n        <div className={clsx(classes.xl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XL' />}\n        </div>\n      )\n      break\n    case 'xxl':\n      spaceUnit = (\n        <div className={clsx(classes.xxl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXL' />}\n        </div>\n      )\n      break\n    default:\n  }\n\n  return spaceUnit\n}\n"],"mappings":";;;;;AASA,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,YAAY;EACZ,UAAU,UAA2B,MAAM,YAAY,KAAM;EAC9D;CACD,OAAO,EACL,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,KAAK,EACH,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,IAAI,EACF,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,IAAI,EACF,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,IAAI,EACF,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,IAAI,EACF,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,IAAI,EACF,QAAQ,MAAM,QAAQ,GAAG,EAC1B;CACD,KAAK,EACH,QAAQ,MAAM,QAAQ,GAAG,EAC1B;CACF,EAAE;AAKH,MAAaA,cAA6B,UAA2B;CACnE,MAAM,UAAU,UAAU,MAAM;CAEhC,IAAI;CACJ,MAAM,EAAE,MAAM,cAAc;AAE5B,SAAQ,MAAR;EACE,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,OAAO,QAAQ,UAAU,IACnD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAU,CAC1D;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,QAAQ,UAAU,IACjD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAQ,CACxD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,UAAU,IAChD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAO,CACvD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,UAAU,IAChD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAO,CACvD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,UAAU,IAChD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAO,CACvD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,UAAU,IAChD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAO,CACvD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,UAAU,IAChD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAO,CACvD;AAER;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,QAAQ,UAAU,IACjD,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;KAAQ,CACxD;AAER;EACF;;AAGF,QAAO"}