this.mouseMoved(e)}>\r\n {this.props.children}\r\n
);\r\n }\r\n}\r\nfunction mapStateToProps(state: AppState): MouseDetectionLogoutTimerAppStateProps {\r\n return {\r\n loggedIn: state.Workforce1State.isLoggedIn\r\n }\r\n}\r\nfunction mapDispatchProps(dispatch: Dispatch\r\n { (this.props.hideLogo !== true) &&\r\n \r\n <>\r\n {this.props.showNav && (<>\r\n \r\n \r\n )}\r\n \r\n {!this.props.showNav && <>{this.props.children } }\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n return \r\n 
\r\n
\r\n }\r\n \r\n {this.props.children }\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n <>\r\n {this.props.showNav && (<>\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n }\r\n}\r\nfunction getPortalLogoImageSrc(): string {\r\n\r\n const portalImage = localStorage.getItem(\"portalImage\");\r\n if(!portalImage){\r\n const defaultSrc = logoImage;\r\n return defaultSrc;\r\n }\r\n const result = 'data:image/png;base64, ' + encodeURI(portalImage);\r\n return result;\r\n}\r\n","import * as React from \"react\"\r\nimport { Pagination } from \"react-bootstrap\"\r\n\r\ninterface TablePaginationProps {\r\n pageNumber: number\r\n pages: number\r\n displayCount?: number\r\n className?: string\r\n onChange(pageNumber: number): void\r\n}\r\n\r\nconst FIRST = \"First\"\r\nconst PREVIOUS = \"Previous\"\r\nconst NEXT = \"Next\"\r\nconst LAST = \"Last\"\r\n\r\nconst DisplayCount = 3\r\n\r\nexport default class TablePagination extends React.PureComponent\r\n {this.props.children}\r\n
\r\n - ()\r\n\r\n componentDidMount() {\r\n this.resetFilterItems([])\r\n }\r\n\r\n componentDidUpdate(prevProps: ColumnHeaderFilterProps) {\r\n const arraysEqual = (a1: string[], a2: string[]): boolean => {\r\n if (a1.length !== a2.length) {\r\n return false\r\n }\r\n const a1Sorted = [...a1].filter(item => !!item).map(item => item.toString().toLowerCase()).sort()\r\n const a2Sorted = [...a2].filter(item => !!item).map(item => item.toString().toLowerCase()).sort()\r\n return a1Sorted.every((value, index) => value === a2Sorted[index])\r\n }\r\n\r\n if (this.props.title !== prevProps.title) {\r\n this.resetFilterItems([])\r\n } else {\r\n if (!!this.props.filteredItems) {\r\n if (!arraysEqual(this.props.filteredItems || [], prevProps.filteredItems || []) || !arraysEqual(this.props.items || [], prevProps.items || [])) {\r\n this.resetFilterItems(this.props.filteredItems || [])\r\n }\r\n } else {\r\n if (!arraysEqual(this.props.items, prevProps.items)) {\r\n this.resetFilterItems(this.state.items.filter(item => item.checked).map(item => item.value))\r\n }\r\n }\r\n }\r\n if (this.props.filtered !== prevProps.filtered) {\r\n this.setState({ filtered: this.props.filtered })\r\n }\r\n if (this.props.sort !== prevProps.sort) {\r\n this.setState({ sort: this.props.sort })\r\n }\r\n }\r\n\r\n resetFilterItems(checkedValues: string[]) {\r\n const checkAll = checkedValues.length === 0\r\n const itemValueLabels = this.props.itemValueLabels\r\n let items = this.props.items ? this.props.items\r\n .filter((item, index) => this.props.items.indexOf(item) === index)\r\n .map(item => new FilterItem({\r\n value: item,\r\n checked: checkAll || checkedValues.includes(item),\r\n label: itemValueLabels ? itemValueLabels[item] : undefined\r\n }))\r\n : []\r\n items.unshift(new FilterItem({ value: \"#ALL#\", checked: checkAll || items.every(item => item.checked), label: \"(Select All)\" }))\r\n this.setState({ items: items })\r\n }\r\n\r\n clearFilter() {\r\n this.setState({ open: false, filtered: false })\r\n this.resetFilterItems([])\r\n this.props.onFilter && this.props.onFilter([])\r\n }\r\n\r\n toggleDialog = () => this.setState({ open: !this.state.open })\r\n closeDialog = () => this.setState({ open: false })\r\n changeTextFilter = (value: string) => this.setState({ searchText: value })\r\n checkboxChange = (e: React.ChangeEvent
- this.handleSort(\"asc\")} className={this.state.sort === \"asc\" ? \"highlight\" : \"\"}>
Sort Smallest to Largest \r\n - this.handleSort(\"desc\")} className={this.state.sort === \"desc\" ? \"highlight\" : \"\"}>
Sort Largest to Smallest \r\n - this.clearFilter()}>
Clear Filter From \"{this.props.title}\"
\r\n
\r\n {this.props.title}\r\n
\r\n \r\n
\r\n
\r\n )}\r\n - \r\n
\r\n
\r\n this.changeTextFilter(e.target.value)} ref={(input: HTMLInputElement) => input && input.focus()} />\r\n
\r\n \r\n
\r\n {this.props.message && ({this.props.message})}\r\n \r\n \r\n \r\n
\r\n {this.props.poolName}
{this.props.poolSelection.TimePeriod}\r\n \r\n| COMPANY | \r\nPRIMARY ID | \r\nNAME | \r\nSELECTION DATE | \r\nTEST FOR | \r\nCOMLETED DATE | \r\n
|---|---|---|---|---|---|
| NO SELECTIONS FOR THIS ACCOUNT. | |||||
| {row.Company} | \r\n{row.ID} | \r\n{row.Name} | \r\n{row.DonorSelectedAt} | \r\n{row.TestFor} | \r\n{row.TestCompletedAt} | \r\n
DRUG
\r\n {statistic?.DrugRequired || 0}
\r\n \r\n ALCOHOL
\r\n {statistic?.AlcoholRequired || 0}
\r\n \r\n {textTitle}
}\r\n {text &&{text}
}\r\n \r\nTESTING PERIOD BREAKDOWN
\r\n| PERIOD | \r\nPOOL SIZE | \r\nSELECTION DATE | \r\nTESTS SELECTED | \r\nEXTRA TESTS | \r\nTESTS COMPLETED | \r\n\r\n | ||||
|---|---|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n | \r\n | DRUG | \r\nALCOHOL | \r\nDRUG | \r\nALCOHOL | \r\nDRUG | \r\nALCOHOL | \r\nSTATUS | \r\nACTION | \r\n
| \r\n | \r\n
TESTING TOTALS
\r\n\r\n
\r\n }\r\n const dataCalcType = calcTypes.find(item => item.Code === data?.FixedOrRate)\r\n const dataCalcTypeMark = data?.FixedOrRate === calcTypePercentage ? \"%\" : \"\"\r\n const isOnTrack = IsOnTrack()\r\n\r\n const editing = this.state.editing\r\n const editingAndNoRun = this.state.editing && !editData?.IsRunRandom\r\n const editingAndNoRunNonClosePY = editingAndNoRun && this.props.variant !== PoolVariant.CloseProgramYear\r\n const editable = {\r\n company: false,\r\n poolID: false,\r\n name: editingAndNoRunNonClosePY,\r\n programInterval: editingAndNoRun,\r\n regulated: editingAndNoRunNonClosePY,\r\n regulatoryMode: editingAndNoRunNonClosePY,\r\n selectionInterval: editingAndNoRunNonClosePY,\r\n calcType: editingAndNoRunNonClosePY,\r\n drug: editing,\r\n alcohol: editing,\r\n labAccount: editing,\r\n panel: editing,\r\n membershipType: editing,\r\n primaryIDType: editing,\r\n includeCompanies: editing,\r\n panelCode: editing,\r\n runOnlyByPortalAdmin: editing,\r\n }\r\n\r\n const startDateStr = (editing ? editData : data)?.ProgramIntervalStartDate\r\n const endDateStr = (editing ? editData : data)?.ProgramIntervalEndDate\r\n const startDate = startDateStr ? parseISO(startDateStr) : undefined\r\n const endDate = endDateStr ? parseISO(endDateStr) : undefined\r\n const startDatePlusYear = startDateStr ? parseISO(startDateStr) : undefined\r\n startDatePlusYear && startDatePlusYear.setFullYear(startDatePlusYear.getFullYear() + 1)\r\n const primaryIDType = (editable.primaryIDType) ? editData?.PrimaryIDType : data?.PrimaryIDType\r\n let regModes = data?.RegulatoryMode\r\n if (selectedRegulatoryModes.length > 0) {\r\n const names = this.state.selectedRegulatoryModes.map(({ Name }) => Name).join(\", \")\r\n regModes = names\r\n }\r\n\r\n return <>\r\n \r\n \r\n {loading && hideContent &&
\r\n )\r\n}\r\n\r\nLoadingTableWrapper.defaultProps = {\r\n variant: \"dark\",\r\n hideContent: false,\r\n withBorder: true,\r\n withHeader: false,\r\n}\r\n\r\nexport default LoadingTableWrapper\r\n","import { useEffect, useMemo, useState } from \"react\"\r\n\r\nimport { Col, Container, Row, Table } from \"react-bootstrap\"\r\nimport { toast } from \"react-toastify\"\r\nimport { BehaviorSubject, concat, of } from \"rxjs\"\r\nimport { catchError, distinctUntilChanged, filter, map, switchMap } from \"rxjs/operators\"\r\n\r\nimport ImportJobValidationResultGetObservable, {\r\n ImportJobValidationResult,\r\n ValidationResultRow,\r\n} from \"../../api/Randoms/Import/ImportJobValidationResultGet\"\r\nimport FormatError from \"../../formatters/FormatError\"\r\nimport LoadingTableWrapper from \"../LoadingTableWrapper\"\r\nimport TablePagination from \"../TablePagination\"\r\n\r\ninterface ImportErrorDetailsProps {\r\n importJobID: number\r\n errors?: ImportJobValidationResult\r\n pageSize?: number\r\n}\r\n\r\ninterface GetErrorsParams {\r\n importJobID: number\r\n pageSize?: number\r\n pageNumber: number\r\n}\r\n\r\ninterface DataLoader {\r\n data: ImportJobValidationResult\r\n loading: boolean\r\n}\r\n\r\nfunction ImportErrorDetails(props: ImportErrorDetailsProps) {\r\n const { importJobID, pageSize, errors } = props\r\n const [importErrors, setImportErrors] = useState{children}
}\r\n {loading && !hideContent && children}\r\n {loading && (\r\n \r\n
\r\n )}\r\n {!loading && children}\r\n {cell}
}\r\n | {item} | \r\n ))}\r\n
|---|
\r\n \r\n \r\n \r\n this.setState({ showCancelConfirmModal: false })} />\r\n this.setState({ showImportConfirmModal: false })} />\r\n\r\n
\r\n }\r\n\r\n static defaultProps = { step: \"file\" }\r\n}\r\n","import { Observable } from \"rxjs\"\r\nimport { ObservableFromFetchWithTaskData } from \"../ObservableFromFetch\"\r\nimport RunRandomSelectionMessage from \"./RandomsModel/RunRandomSelectionMessage\"\r\n\r\nexport default function RunRandomSelectionMessagesGetObservable(poolId: number): Observable{name}
\r\n {statRequiredValue}
\r\n \r\n {this.sizeRowItem(\"ACTUAL TO SELECT\", valueField, valueValidityField, disabled, 5, 4, invalidMessage)}\r\n {showAlternates && this.sizeRowItem(\"ALTERNATES\", alternateValueField, alternateValueValidityField, disabled, 4, 4, alternateInvalidMessage)}\r\n | COMPANIES | \r\nFAX | \r\nFORMFOX | \r\nCISNET | \r\nLAST UPDATE | \r\n|
|---|---|---|---|---|---|
| {row.Companies} | \r\n{row.Email ? \"Yes\" : \"No\"} | \r\n{row.Fax ? \"Yes\" : \"No\"} | \r\n{row.FormFox} | \r\n{row.CISNET} | \r\n{FormatDate(row.LastUpdate)} | \r\n
| NO DATA FOUND |
\r\n You are about to close the current program interval {currentStartDate ? format(currentStartDate, \"MM/dd/yyyy\") : \"\"} - {currentEndDate ? format(currentEndDate, \"MM/dd/yyyy\") : \"\"} for pool {this.props.poolName}.\r\n
\r\n\r\n Once the current program interval is closed no further random selections can be run for that interval.\r\n
\r\n\r\n A new interval will be created and incremented by one year. All other pool settings and criteria will remain the same as the current interval. Program compliance calculations will be reset to reflect the new program interval.\r\n
\r\n\r\n
\r\n Any pool configuration changes to the new program interval pool must be made on the pool detail page before the first selection is run. Once the first selection has been performed, most pool configurations will be locked.\r\n
\r\nTo continue press Verify.
\r\n \r\n\r\n
\r\n ))\r\n }\r\n}\r\n\r\nexport default DropTarget(DraggableTypeColumn, DroppableColumnTarget, DroppableColumnCollect)(DragSource(DraggableTypeColumn, DraggableColumnSource, DraggableColumnCollect)(Column))\r\n","import React from \"react\"\r\nimport { ConnectDropTarget, DropTarget, DropTargetConnector } from \"react-dnd\"\r\nimport Column, { DraggableTypeColumn } from \"./Column\"\r\nimport CustomizableColumn from \"./CustomizableColumn\"\r\n\r\nexport interface DroppableContainerProps {\r\n columns: CustomizableColumn[]\r\n onChangeColumnsList: (columns: CustomizableColumn[]) => void\r\n onVisibilityChange: (name: string, visible: boolean) => void\r\n}\r\n\r\ninterface ExtendedDroppableContainerProps extends DroppableContainerProps {\r\n connectDropTarget: ConnectDropTarget\r\n}\r\n\r\nconst DroppableColumnTarget = { canDrop: () => true }\r\n\r\nconst DroppableColumnCollect = (connect: DropTargetConnector) => ({ connectDropTarget: connect.dropTarget() })\r\n\r\nclass DroppableContainer extends React.Component\r\n {this.props.columns.filter(col => col.customize).map((column) => (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DropTarget(DraggableTypeColumn, DroppableColumnTarget, DroppableColumnCollect)(DroppableContainer)\r\n","import * as React from \"react\"\r\nimport { Modal, Button } from \"react-bootstrap\"\r\nimport { DndProvider } from \"react-dnd\"\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\"\r\nimport CustomizableColumn from \"./CustomizableColumn\"\r\nimport DroppableContainer from \"./Container\"\r\n\r\ninterface ColumnsCustomizeModalProps {\r\n show: boolean\r\n columns: CustomizableColumn[]\r\n storeKey?:string\r\n onSave: (columns: CustomizableColumn[]) => void\r\n onClose: () => void\r\n}\r\n\r\ninterface ColumnsCustomizeModalState {\r\n columns: CustomizableColumn[]\r\n}\r\n\r\nexport default class ColumnsCustomizeModal extends React.ComponentSelect columns you wish to view. Drag and drop columns to change the viewing order.
\r\n