{\n handleSearchRedirect(option.keyword, option.id)\n }} className={classes.autoCompleteItem}>\n {parts.map((part, index) => (\n \n {part.text}\n \n ))}\n
\n );\n }}\n />\n );\n}\n\nexport default SearchAutocomplete;","import React from 'react';\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles';\nimport { TextField } from '@material-ui/core';\nimport { Autocomplete } from \"@material-ui/lab\";\n\nconst useStyles = makeStyles(theme => ({\n autoCompleteGroupLabel: {\n fontWeight: 600,\n borderBottom: `1px solid ${theme.palette.tableRowDivider}`,\n padding: '0px 3px',\n margin: '5px 10px',\n height: 20,\n lineHeight: '10px'\n },\n autoCompleteGroupList: {\n paddingBottom: 10,\n paddingTop: 3,\n \n },\n autoCompleteItem: {\n color: theme.palette.npd.blue,\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n },\n autoCompleteOption: {\n fontSize: 12,\n margin: 0,\n padding: '1px 10px'\n },\n paper: {\n borderRadius: '0px 0px 4px 4px',\n margin: '1px 0',\n '& > ul':\n {\n maxHeight: '50vh'\n },\n boxShadow: theme.palette.boxShadow\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n fontSize: 12,\n },\n autoCompleteOutlineRoot: {\n border: 'solid 1px #a6a6a6',\n borderRadius: 4,\n '&:hover': {\n border: 'solid 1px',\n borderColor: theme.palette.common.black\n },\n '&:focus': {\n border: 'solid 2px',\n borderColor: theme.palette.npd.blue\n }\n },\n tag: {\n margin: 3,\n height: 24\n }\n}));\n\nfunction AutoCompleteDropdown(props) {\n const {\n inputTerm,\n options,\n handleOnEnter,\n handleAutoCompleteValueOnChange,\n handleTextBoxOnChange,\n freeSolo = true,\n handleOnFocus,\n handleOnBlur,\n placeholder = 'Search',\n outlined = false,\n hideClearButton = true,\n inputClasses = {},\n label = 'name',\n ...rest\n } = props;\n const classes = useStyles();\n let initialValue = inputTerm;\n\n React.useEffect(() => {\n initialValue = inputTerm;\n }, []);\n\n return (\n \n \n = Math.ceil(count / rowsPerPage)}\n color=\"primary\"\n className={clsx(theme.direction === 'rtl' ? classes.previous : classes.next, classes.button)}\n {...nextIconButtonProps}\n >\n
\n );\n});\n\nCustomTablePaginationActions.propTypes = {\n /**\n * Props applied to the back arrow [`IconButton`](/api/icon-button/) element.\n */\n backIconButtonProps: PropTypes.object,\n /**\n * The total number of rows.\n */\n count: PropTypes.number.isRequired,\n /**\n * Props applied to the next arrow [`IconButton`](/api/icon-button/) element.\n */\n nextIconButtonProps: PropTypes.object,\n /**\n * Callback fired when the page is changed.\n *\n * @param {object} event The event source of the callback.\n * @param {number} page The page selected.\n */\n onChangePage: PropTypes.func.isRequired,\n /**\n * The zero-based index of the current page.\n */\n page: PropTypes.number.isRequired,\n /**\n * The number of rows per page.\n */\n rowsPerPage: PropTypes.number.isRequired,\n};\n\nexport default CustomTablePaginationActions;","import React from \"react\";\n// nodejs library that concatenates classes\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport MenuList from \"@material-ui/core/MenuList\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Grow from \"@material-ui/core/Grow\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Popper from \"@material-ui/core/Popper\";\nimport Button from \"@material-ui/core/Button\";\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n popperClose: {\n pointerEvents: \"none\"\n },\n dropdown: {\n borderRadius: \"2px\",\n border: \"0\",\n boxShadow: \"0 2px 5px 0 rgba(0, 0, 0, 0.26)\",\n top: \"100%\",\n zIndex: \"1000\", \n padding: \"0\",\n margin: \"0\",\n fontSize: \"14px\",\n textAlign: \"left\",\n listStyle: \"none\",\n backgroundColor: \"#fff\",\n backgroundClip: \"padding-box\"\n },\n menuList: {\n padding: \"0\"\n },\n popperResponsive: {\n zIndex: \"1200\",\n [theme.breakpoints.down(\"sm\")]: {\n zIndex: \"1640\",\n position: \"static\",\n float: \"none\",\n width: \"auto\",\n marginTop: \"0\",\n backgroundColor: \"transparent\",\n border: \"0\",\n boxShadow: \"none\",\n color: \"black\"\n }\n },\n dropdownHeader: {\n display: \"block\", \n padding: \"2px 12px\", \n fontSize: \"12px\", \n whiteSpace: \"nowrap\",\n fontWeight: \"bold\",\n marginTop: \"10px\",\n minHeight: \"unset\",\n textAlign: 'left',\n \"&:hover,&:focus\": {\n backgroundColor: \"transparent\",\n cursor: \"auto\"\n }\n },\n dropdownItem: { \n fontSize: \"12px\",\n padding: \"2px 12px\",\n margin: \"0\",\n borderRadius: \"2px\",\n position: \"relative\",\n transition: \"all 150ms linear\",\n display: \"block\",\n clear: \"both\",\n fontWeight: \"400\",\n height: \"fit-content\",\n color: theme.palette.primary.main,\n whiteSpace: \"nowrap\",\n minHeight: \"unset\"\n },\n blackHover: {\n \"&:hover\": {\n boxShadow:\n \"0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4)\",\n backgroundColor: \"#212121\",\n color: \"#fff\"\n }\n },\n primaryHover: {\n \"&:hover\": {\n backgroundColor: theme.palette.primary.main,\n color: \"#FFFFFF\" \n }\n }, \n dangerHover: {\n \"&:hover\": {\n backgroundColor: theme.palette.primary.main,\n color: \"#FFFFFF\" \n }\n }, \n dropdownItemRTL: {\n textAlign: \"right\"\n },\n dropdownDividerItem: {\n margin: \"5px 0\",\n backgroundColor: \"rgba(0, 0, 0, 0.12)\",\n height: \"1px\",\n overflow: \"hidden\"\n },\n buttonIcon: {\n width: \"20px\",\n height: \"20px\"\n },\n caret: {\n transition: \"all 150ms ease-in\",\n display: \"inline-block\",\n width: \"0\",\n height: \"0\",\n marginLeft: \"4px\",\n verticalAlign: \"middle\",\n borderTop: \"4px solid\",\n borderRight: \"4px solid transparent\",\n borderLeft: \"4px solid transparent\"\n },\n caretActive: {\n transform: \"rotate(180deg)\"\n },\n caretRTL: {\n marginRight: \"4px\"\n }, \n noLiPadding: {\n padding: \"0\"\n }\n}));\n\nexport default function CustomDropdown(props) {\n const [anchorEl, setAnchorEl] = React.useState(null);\n \n const handleClick = event => {\n if (anchorEl && anchorEl.contains(event.target)) {\n setAnchorEl(null);\n } else {\n setAnchorEl(event.currentTarget);\n }\n };\n const handleClose = param => {\n setAnchorEl(null);\n if (props && props.onClick) {\n props.onClick(param);\n }\n };\n const handleCloseAway = event => {\n if (anchorEl.contains(event.target)) {\n return;\n }\n setAnchorEl(null);\n };\n const classes = useStyles();\n const {\n buttonText,\n buttonIcon,\n dropdownList,\n buttonProps,\n dropup,\n dropdownHeader,\n caret,\n hoverColor,\n left,\n rtlActive,\n noLiPadding,\n pageSize\n } = props;\n const caretClasses = clsx({\n [classes.caret]: true,\n [classes.caretActive]: Boolean(anchorEl),\n [classes.caretRTL]: rtlActive\n });\n const dropdownItem = clsx({\n [classes.dropdownItem]: true,\n [classes[hoverColor + \"Hover\"]]: true,\n [classes.noLiPadding]: noLiPadding,\n [classes.dropdownItemRTL]: rtlActive\n });\n let icon = null;\n switch (typeof buttonIcon) {\n case \"object\":\n icon = \n \n {() => (\n \n \n \n \n {dropdownHeader !== undefined ? (\n \n {dropdownHeader}\n \n ) : null}\n {dropdownList.map((prop, key) => {\n if (prop.divider) {\n return (\n handleClose(\"divider\")}\n className={classes.dropdownDividerItem}\n />\n );\n }\n return (\n handleClose(prop)}\n className={dropdownItem}\n selected={pageSize === prop}\n > \n {prop.label ? prop.label : prop}\n \n );\n })}\n \n \n \n \n )}\n \n
\n );\n}\n\nCustomDropdown.defaultProps = {\n caret: true,\n hoverColor: \"primary\"\n};\n\nCustomDropdown.propTypes = {\n hoverColor: PropTypes.oneOf([\n \"black\",\n \"primary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"rose\"\n ]),\n buttonText: PropTypes.node,\n buttonIcon: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n dropdownList: PropTypes.array,\n buttonProps: PropTypes.object,\n dropup: PropTypes.bool,\n dropdownHeader: PropTypes.node,\n rtlActive: PropTypes.bool,\n caret: PropTypes.bool,\n left: PropTypes.bool,\n noLiPadding: PropTypes.bool,\n // function that retuns the selected item\n onClick: PropTypes.func\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { chainPropTypes } from '@material-ui/utils';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { MenuItem, TableCell, Toolbar, Typography } from '@material-ui/core';\nimport CustomTablePaginationActions from './CustomTablePaginationActions';\n\nimport CustomDropdown from 'components/Dropdown/Dropdown';\n//import { numberFormat } from 'utils';\n\nexport const useStyles = makeStyles(theme => ({\n /* Styles applied to the root element. */\n root: {\n color: theme.palette.text.primary,\n fontSize: theme.typography.pxToRem(14),\n paddingBottom: 5,\n // Increase the specificity to override TableCell.\n '&:last-child': {\n padding: 0,\n \n },\n flexGrow: 1\n },\n /* Styles applied to the Toolbar component. */\n toolbar: {\n minHeight: 25,\n paddingRight: 2,\n paddingLeft: 0,\n\n },\n /* Styles applied to the spacer element. */\n spacer: {\n flex: '1 1 100%',\n },\n /* Styles applied to the caption Typography components if `variant=\"caption\"`. */\n caption: {\n flexShrink: 0,\n },\n /* Styles applied to the Select component root element. */\n selectRoot: {\n // `.selectRoot` should be merged with `.input` in v5.\n marginRight: 32,\n marginLeft: 8,\n },\n /* Styles applied to the Select component `select` class. */\n select: {\n paddingLeft: 8,\n paddingRight: 24,\n textAlign: 'right',\n textAlignLast: 'right', // Align \n );\n}\n\nCustomSelect.propTypes = {\n};\n","import React from 'react';\nimport {IconButton, Typography, Chip, Box} from '@material-ui/core'\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Clear as ClearIcon} from '@material-ui/icons'\n\nconst useStyles = makeStyles(theme => ({\n \n }));\n\nexport default function SelectedSearches(props){\n const { searches, prefixText = \"Selected Searches:\" } = props;\n const classes = useStyles();\n \n const handleClick = () => {\n\n }\n \n return(\n \n \n {icon}\n {buttonText !== undefined ? buttonText : null}\n {caret ? : null}\n \n
\n | { | \n {item.key} | \n{item.value} | \n
\n{/* {!isDelete && (\n
\n )\n}\n\nDeleteButton.propTypes = {\n hasSelection: PropTypes.bool,\n onDelete: PropTypes.func\n}\n\nexport default DeleteButton\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles';\nimport { IconButton } from '@material-ui/core';\nimport DownloadIcon from 'assets/img/download-export.png';\n\n\n//import DownloadIcon from 'assets/npd.png'\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n backgroundColor: theme.palette.white,\n borderRadius: 4,\n padding: 0,\n border: '1px solid #D8D8D8'\n }\n}));\nfunction DownloadButton(props) {\n const { onClick } = props;\n const classes = useStyles();\n return (\n \n Are you Sure? \n \n \n
\n )} */}\n \n
\n );\n}\n","import request from 'components/Api/request'\n\nconst impersonateUser = (username) => {\n return request({\n url: `/api/account/impersonateuser`,\n method: 'GET',\n params: {\n username: username\n }\n });\n};\n\nconst impersonateCompany = (company) => {\n return request({\n url: `/api/account/impersonatecompany`,\n method: 'GET',\n params: {\n company: company\n }\n });\n};\n\nconst removeImpersonation = () => {\n return request({\n url: `/api/account/removeimpersonation`,\n method: 'GET'\n });\n};\n\nconst ImpersonateService = {\n impersonateUser,\n impersonateCompany,\n removeImpersonation\n}\n\nexport default ImpersonateService;","import React, { useState } from 'react';\n// @material-ui/core components\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport { Button, TextField, Switch } from '@material-ui/core';\nimport { ImpersonationService } from 'services/api';\nimport { useSnackbar } from 'notistack';\n\nconst UserCompanyToggle = withStyles((theme) => ({\n root: {\n width: 34,\n height: 18,\n padding: 0\n },\n switchBase: {\n margin: 1,\n padding: 1,\n '&$checked': {\n transform: 'translateX(16px)',\n backgroundColor: theme.palette.common.white,\n '& + $track': {\n borderRadius: 26 / 2,\n border: `1px solid #979797`,\n backgroundColor: '#fff',\n opacity: 1,\n transition: theme.transitions.create(['background-color', 'border']),\n },\n },\n '&$focusVisible $thumb': {\n color: '#FF9971',\n border: '6px solid #fff',\n boxShadow: 'none'\n },\n },\n thumb: {\n color: '#FF9971',\n width: 14,\n height: 14,\n boxShadow: 'none'\n },\n disabled: {\n '& span > span': {\n color: 'unset'\n }\n },\n track: {\n borderRadius: 26 / 2,\n border: `1px solid #979797`,\n backgroundColor: '#fff',\n opacity: 1,\n transition: theme.transitions.create(['background-color', 'border']),\n },\n checked: {\n },\n focusVisible: {},\n}))(({ classes, ...props }) => {\n return (\n \n
\n \n \n
\n Start impersonating
\n \n
\n );\n}\n","import React, { useEffect, useState } from 'react';\n\nimport _ from 'lodash';\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Button, Tooltip } from '@material-ui/core';\nimport Icon from '@mdi/react';\nimport { mdiIncognito } from '@mdi/js';\nimport { ImpersonationService } from 'services/api';\nimport { useSnackbar } from 'notistack';\n\nconst useStyles = makeStyles(theme => ({\n\n root: {\n padding: '10px 15px',\n backgroundColor: theme.palette.background.darkGray,\n borderRadius: '0px 0px 4px 4px'\n },\n topLabel: {\n color: theme.palette.white,\n fontSize: 12,\n },\n wrapper: {\n margin: '10px 0px'\n },\n info: {\n display: 'flex',\n minWidth: 169,\n minHeight: 20,\n backgroundColor: theme.palette.white,\n borderRadius: 4,\n margin: '0px 5px'\n },\n infoValue: {\n flex: '1',\n padding: 5\n },\n infoWrapper: {\n display: 'flex',\n margin: '10px 0px',\n '& svg': {\n fill: theme.palette.white\n }\n },\n department: {\n fontSize: 9,\n display: 'block',\n lineHeight: '10px'\n },\n changeButton: {\n color: theme.palette.text.link,\n fontSize: 12,\n margin: 5,\n cursor: 'pointer'\n },\n button: {\n minWidth: 129,\n color: theme.palette.white,\n border: `1px solid ${theme.palette.white}`,\n background: 'transparent',\n padding: '0px 10px',\n fontWeight: 400\n },\n\n}));\n\nexport default function ImpersonationDetails(props) {\n const { setView, user } = props;\n const classes = useStyles();\n const [isSaving, setIsSaving] = useState(false);\n const { enqueueSnackbar } = useSnackbar();\n\n const CancelImpersonation = () => {\n setIsSaving(true);\n ImpersonationService.removeImpersonation().then(response => {\n window.parent.location = window.parent.location.href;\n }).catch(e => {\n enqueueSnackbar('Canceling impersonation failed.', { variant: 'warning' });\n setIsSaving(false);\n });\n }\n\n const ChangeImpersonation = () => {\n if (!isSaving)\n setView('select');\n }\n\n const getImpersonateAsDepartments = () => {\n //return first few and do ellipsis if more\n var departments = _.split(user.impersonateAsDepartment, ';');\n if (departments.length > 4) {\n departments = _.slice(departments, 0, 3);\n departments.push('...');\n }\n return departments.map((x, i) => {\n return (\n Select user/company to impersonate\n
\n\n \n
\n\n Company
\n User
\n \n
\n \n \n
\n \n
\n );\n}\n","import React, { useState } from 'react';\n\nimport _ from 'lodash';\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles';\nimport { StartImpersonation, ImpersonationSelection, ImpersonationDetails } from './components/'\nimport { ApplicationContext } from 'context';\n\nconst useStyles = makeStyles(theme => ({\n\n root: {\n padding: 0,\n borderTop: `1px solid ${theme.palette.tableRowDivider}`,\n minWidth: 242\n }\n}));\n\nexport default function Impersonation(props) {\n\n const classes = useStyles();\n const { appInfo } = React.useContext(ApplicationContext);\n const user = appInfo.user;\n const [view, setView] = useState( user.isImpersonating ? 'details' : 'start');\n\n return (\n \n You are currently impersonating\n
\n \n
\n \n \n
\n \n
\n \n {user.isImpersonating && (\n \n {user.impersonateAsUser && user.impersonateAsUser.length ? \n \n )}\n
\n \n {user.impersonateAsUser}\n {user.impersonateAsCompany}\n \n \n {getImpersonateAsDepartments()}\n \n \n
\n : \n \n {user.impersonateAsCompany}\n \n \n {getImpersonateAsDepartments()}\n \n \n
\n }\n ChangeImpersonation()}>Change
\n \n \n
\n \n {\n view == 'start' ? \n : ''\n }\n {\n view == 'select' ? \n : ''\n }\n {\n view == 'details' ? \n : ''\n }\n
\n );\n}\n","import React, { useState, useEffect, useContext } from 'react';\nimport PropTypes from 'prop-types'\n\nimport clsx from 'clsx';\nimport {SearchAutocomplete} from 'components';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Select, MenuItem, Divider, Grid, Button, IconButton } from '@material-ui/core';\nimport { Search as SearchIcon, Close, ArrowDropDown as ArrowDropDownIcon, Cached } from '@material-ui/icons'\nimport {SearchContext} from 'context';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: 460,\n margin: '0 0 0 30px',\n padding: 0,\n border: '1px solid #D8D8D8',\n borderRadius: theme.shape.borderRadius,\n height: 33,\n\n '&:hover': {\n borderColor: theme.palette.primary.main,\n }\n },\n\n active: {\n borderColor: theme.palette.primary.main\n },\n\n hr: {\n margin: 0,\n height: 30,\n },\n iconButton: {\n marginRight: 3,\n marginLeft: 5,\n padding: '1px 1px',\n minWidth: 30,\n boxShadow: 'none',\n borderRadius: 2\n },\n searchIcon: {\n width: 18\n },\n select: {\n paddingTop: 7,\n paddingLeft: theme.spacing(1),\n width: 70\n },\n selectDisplayStyle: {\n color: theme.palette.primary.main,\n fontWeight: '600',\n fontSize: 12,\n },\n selectItemStyle: {\n color: theme.palette.primary.main,\n fontWeight: '300',\n fontSize: 12,\n paddingLeft: theme.spacing(1),\n paddingTop: 0,\n paddingBottom: 0\n\n },\n popOverStyle: {\n width: 85,\n borderRadius: '0 0 4px 4px',\n boxShadow: '0 4px 10px -4px rgba(187,206,219,0.44)'\n },\n menuItemSelected: {\n backgroundColor: 'transparent !important;',\n fontWeight: '600',\n '&:hover': {\n backgroundColor: 'rgba(0, 0, 0, 0.14) !important;'\n }\n }\n}));\n\n\n\nexport default function Search(props) {\n const classes = useStyles();\n const searchContext = React.useContext(SearchContext);\n const {\n handleSearchTypeChange,\n handleTextBoxOnChange,\n handleAutoCompleteValueOnChange,\n handleOnEnter,\n handleSearch,\n handleClearClick,\n GetAutoSuggestOptions,\n searchTypes,\n inputTerm,\n setInputTerm,\n searchType,\n showClearButton = true,\n optionKey = 'keyword',\n optionId= 'id'\n } = props;\n\n const [options, setOptions] = React.useState([]);\n const [active, setActive] = useState(false);\n\n const onClearClick = () => {\n setInputTerm('');\n if (handleClearClick)\n handleClearClick();\n }\n\n return (\n \n \n \n \n \n
);\n}\n\nAdvancedSearch.propTypes = {\n AdvancedSearchForm: PropTypes.func.isRequired\n};","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AppBar, Toolbar, Badge, Hidden, IconButton, Avatar, Box, Divider } from '@material-ui/core';\n\nimport MenuIcon from '@material-ui/icons/Menu';\n\nimport { UserAvatar } from 'components';\nimport { DataSourceSelection, AdvancedSearch} from './components';\n\nconst drawerWidth = 100;\nconst useStyles = makeStyles(theme => ({\n root: {\n boxShadow: 'none',\n backgroundColor: theme.palette.common.white,\n zIndex: 1000,\n height: 48,\n [theme.breakpoints.up('md')]: {\n width: `calc(100% - ${drawerWidth}px)`,\n marginLeft: drawerWidth\n }\n },\n toolbar: {\n paddingLeft: 0,\n paddingRight:0\n },\n brand: {\n backgroundColor: theme.palette.background.default,\n textAlign: 'center',\n // paddingTop: 23,\n paddingLeft: 5,\n borderRight: `1px solid #F7F7F7`,\n fontSize: 15,\n fontWeight: '600',\n color: '#565A5C',\n width: 150,\n // height: 64,\n\n //cursor: 'pointer'\n },\n flexGrow: {\n flexGrow: 1\n },\n avatar: {\n marginLeft: theme.spacing(2),\n color: '#fff',\n backgroundColor: theme.palette.primary.main,\n },\n dataSourceSelection: {\n backgroundColor: theme.palette.primary.dark,\n minHeight: 31\n },\n avatarBtnActive:{\n backgroundColor: '#32404E',\n },\n profileLabel: {\n color: theme.palette.white,\n fontWeight: 600,\n fontSize: 12,\n marginRight : 23,\n marginLeft : 10\n },\n shiftRight:{\n flexGrow: 1\n }\n}));\n\nconst Topbar = props => {\n const { className, onSidebarOpen, setBackdrop, brandName, AdvancedSearchForm, AdvancedSearchFormProps, Search, RightComponent } = props;\n const classes = useStyles();\n const [mainHeaderRef, setMainHeaderRef] = React.useState(null);\n \n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Title \n \n \n \n \n \n \n \n \n Category \n \n \n item === searchContext.category) || { name: '' }}\n getOptionLabel={option => option.name}\n options={categories}\n placeholder='All Categories'\n outlined={true}\n freeSolo={false}\n />\n \n \n \n \n \n \n Format \n \n \n item === searchContext.format) || { name: '' }}\n getOptionLabel={option => option.name}\n options={formats}\n placeholder='All Formats'\n outlined={true}\n freeSolo={false}\n />\n \n \n \n \n \n \n \n Date Released \n \n \n setStartdate(date)}\n />\n \n \n setEnddate(date)}\n />\n \n \n \n \n \n \n \n Sort / Limit \n \n \n \n \n {columns.map(item => { return !item.disableSort ? : '' })}\n \n \n \n \n \n \n \n \n \n \n \n \n / \n \n \n \n \n {rowsPerPageOptions.map(item => { return })}\n \n \n \n \n \n
\n \n\n \n \n\n\n\n {/* \n \n \n */}\n\n\n \n \n
);\n}","//core\nimport React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { useSnackbar } from 'notistack';\n//material ui\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AppBar, Toolbar, Hidden, Box, Divider,IconButton } from '@material-ui/core';\n//custom components\nimport useApi from 'components/Api/Api';\nimport { DataSourceSelection, Search, AdvancedSearch } from './components';\nimport { UserAvatar } from 'components';\nimport { GridContext, ApplicationContext } from 'context';\nimport MenuIcon from '@material-ui/icons/Menu';\n\nconst drawerWidth = 100;\nconst useStyles = makeStyles(theme => ({\n root: {\n boxShadow: 'none',\n backgroundColor: theme.palette.white,\n zIndex: 1000,\n height: 40,\n [theme.breakpoints.up('sm')]: {\n width: `calc(100% - ${drawerWidth}px)`,\n marginLeft: drawerWidth\n }\n },\n toolbar: {\n paddingLeft: 0,\n paddingRight: 0\n },\n pageTitle: {\n color: theme.palette.primary.contrastText\n },\n brand: {\n backgroundColor: theme.palette.background.default,\n textAlign: 'center',\n // paddingTop: 23,\n borderRight: `1px solid #F7F7F7`,\n fontSize: 15,\n fontWeight: '600',\n color: '#565A5C',\n width: 140,\n },\n flexGrow: {\n flexGrow: 1\n },\n avatar: {\n marginLeft: theme.spacing(2),\n color: '#fff',\n backgroundColor: theme.palette.primary.main,\n },\n\n dataSourceSelection: {\n backgroundColor: theme.palette.primary.dark,\n minHeight: 31\n },\n avatarBtnActive: {\n backgroundColor: '#32404E',\n },\n search: {\n position: 'relative',\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.common.white,\n marginLeft: 0,\n width: '100%',\n [theme.breakpoints.up('sm')]: {\n marginLeft: theme.spacing(1),\n width: 'auto',\n },\n },\n searchIcon: {\n width: theme.spacing(7),\n height: '100%',\n position: 'absolute',\n pointerEvents: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'red'//theme.palette.primary.main\n },\n iconRoot: {\n margin: 3\n },\n\nshiftRight:{\n flexGrow: 1\n},\n profileLabel: {\n color: theme.palette.white,\n fontWeight: 600,\n fontSize: 12,\n marginRight : 23,\n marginLeft : 10\n }\n}));\n\nconst Topbar = props => {\n const { onSidebarOpen,className, dataSources, dataSourceSelectedKey, handleDataSourceChange, rowsPerPageOptions, columns, refresh, RightComponent, ...rest } = props;\n const { rowsSelected: rowsSelected } = React.useContext(GridContext);\n const appContext = React.useContext(ApplicationContext);\n const classes = useStyles();\n const api = useApi();\n const [mainHeaderRef, setMainHeaderRef] = React.useState(null);\n const { enqueueSnackbar } = useSnackbar();\n\n return (\n \n {appContext.appInfo.user.hasFCAccess && \n \n {appContext.appInfo.user.hasCCAccess && \n \n \n Client Center\n \n \n } \n \n \n Batch Reports\n \n \n \n \n File Repository\n \n \n {(appContext.appInfo.user.isSharedAccountImpersonation) &&\n \n \n My Reports\n \n \n }\n\n \n }\n {messageComponent}\n
\n \n )\n}\n\nexport default FileCenterToolBar;","import React from 'react';\n//material ui components\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport {GetApp as DownloadIcon, Error } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {useApi} from 'components';\nimport { useSnackbar } from 'notistack';\n\nconst useStyle = makeStyles(theme => ({\n root: {\n padding: '0 2px',\n fontSize: '1rem',\n '& > span > svg':{\n fontSize: '1.2rem',\n }\n },\n colorError: {\n color: theme.palette.npd.orange\n },\n colorSuccess: {\n color: theme.palette.npd.green\n }\n\n})); \nconst renderAction = (row, action, classes, keyName) => {\n let item;\n switch (action.name) {\n case 'download':\n if (!action.showOnRow) break;\n if (!row.isExists)\n item = \n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n \n
\n );\n\n}","import React from 'react'\nimport { AutoCompleteDropdown as SearchAutocomplete } from 'components'\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Close as CloseIcon} from '@material-ui/icons';\nimport { FormControl, Select, Box, OutlinedInput, Button, Divider, Typography, Grid, IconButton } from '@material-ui/core';\nimport { SearchContext } from 'context'\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport MomentUtils from '@date-io/moment';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n typography: {\n padding: theme.spacing(2)\n },\n iconOpenRoot:{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n borderRadius: 0,\n height: 48,\n width: 48,\n '&:hover':{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n }\n },\n iconRoot:{\n height: 48,\n width: 48,\n },\n button:{\n margin: 10\n },\n gridContainer:{\n padding: '3px 10px',\n },\n popperPaper:{\n width: 550,\n height: 300,\n padding: theme.spacing(1),\n textAlign: 'center',\n whiteSpace: 'nowrap',\n marginBottom: theme.spacing(1),\n },\n textBox: {\n height:30,\n width: '100%',\n fontSize: 12,\n '&:input':{\n padding: \"0px 5px\"\n }\n },\n formControl:{\n width: '100%',\n paddingRight: 5\n },\n formControlLast:{\n width: '100%'\n },\n select: {\n padding: 8,\n fontSize: 12,\n width: '100%'\n },\n dense: {\n padding: 0,\n margin: 0,\n paddingRight: 2,\n width: '50%',\n '& > div > input':{\n padding: 8,\n fontSize: 12\n }\n },\n endAdornment: {\n padding: 0,\n '& > button':{\n padding: 0\n }\n },\n }));\n\nexport default function AdvancedSearchForm(props) {\n const classes = useStyles();\n const { categories = [], formats = [], rowsPerPageOptions = [], columns = [], handleClose } = props;\n const searchContext = React.useContext(SearchContext);\n\n const [title, setTitle] = React.useState(searchContext.searchTitle);\n const [category, setCategory] = React.useState(searchContext.category);\n const [format, setFormat] = React.useState(searchContext.format);\n const [startdate, setStartdate] = React.useState(searchContext.startdate);\n const [enddate, setEnddate] = React.useState(searchContext.enddate);\n const [orderBy, setOrderBy] = React.useState(searchContext.orderBy);\n const [orderByDirection, setOrderByDirection] = React.useState(searchContext.orderByDirection);\n const [pageSize, setPageSize] = React.useState(searchContext.pageSize);\n\n const handleTitleChange = (event) => {\n setTitle(event.target.value);\n }\n const handleCategoryChange = (event, value) => {\n if (value !== undefined && value.ids !== undefined)\n setCategory(value);\n }\n const handleFormatChange = (event, value) => {\n if (value !== undefined && value.ids !== undefined)\n setFormat(value);\n }\n const handleFormatTextBoxChange = (event) => {\n if (event !== undefined && event.target !== undefined)\n setFormat({ name: event.target.value });\n }\n const handleCategoryTextBoxChange = (event) => {\n if (event !== undefined && event.target !== undefined)\n setCategory({ name: event.target.value });\n }\n const handleOrderByChange = (event) => {\n setOrderBy(event.target.value);\n }\n const handleOrderByDirectionChange = (event) => {\n setOrderByDirection(event.target.value);\n }\n const handlePageSizeChange = (event) => {\n setPageSize(event.target.value);\n }\n\n const onApplyClick = () => {\n setFilters(false);\n searchContext.setPage(1);\n \n handleClose();\n }\n\n const onClearClick = () => {\n setTitle('');\n setEnddate(null);\n setStartdate(null);\n setFormat({ name: '', ids: '' });\n setCategory({ name: '', ids: '' });\n setFilters(true);\n }\n\n const setFilters = (shouldClear) => {\n if (shouldClear) {\n console.log(searchContext);\n console.log(format);\n console.log(category);\n searchContext.setSearchTitle('');\n searchContext.setCategory({ name: '', ids: '' });\n searchContext.setFormat({ name: '', ids: '' });\n searchContext.setStartdate(null);\n searchContext.setEnddate(null);\n }\n else {\n searchContext.setSearchTitle(title);\n searchContext.setCategory(category);\n searchContext.setFormat(format);\n searchContext.setStartdate(startdate);\n searchContext.setEnddate(enddate);\n searchContext.setOrderBy(orderBy);\n searchContext.setOrderByDirection(orderByDirection);\n searchContext.setPageSize(pageSize);\n }\n }\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Title \n \n \n \n Format \n item === searchContext.format) || { name: '' }}\n getOptionLabel={option => option.name}\n options={formats}\n placeholder='All Formats'\n outlined={true}\n freeSolo={false}\n />\n \n \n \n \n \n \n Category \n item === searchContext.category) || { name: '' }}\n getOptionLabel={option => option.name}\n options={categories}\n placeholder='All Categories'\n outlined={true}\n freeSolo={false}\n />\n \n \n \n Date Released \n \n setStartdate(date)}\n />\n \n \n setEnddate(date)}\n />\n \n \n\n \n \n \n \n \n \n \n OrderBy Column \n \n orderBy === item.label || orderBy === item.field).field}\n >\n {columns.map(item => { return !item.disableSort ? : '' })}\n \n \n \n\n \n Direction \n \n \n \n \n \n \n \n\n \n Page Size \n \n \n {rowsPerPageOptions.map(item => { return })}\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n\n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // Title \n // \n // \n // \n // \n // \n // \n // \n // \n // Category \n // \n // \n // item === searchContext.category) || { name: '' }}\n // getOptionLabel={option => option.name}\n // options={categories}\n // placeholder='All Categories'\n // outlined={true}\n // freeSolo={false}\n // />\n // \n // \n // \n // \n // \n // \n // Format \n // \n // \n // item === searchContext.format) || { name: '' }}\n // getOptionLabel={option => option.name}\n // options={formats}\n // placeholder='All Formats'\n // outlined={true}\n // freeSolo={false}\n // />\n // \n // \n // \n // \n // \n // \n // \n // Date Released \n // \n // \n // setStartdate(date)}\n // />\n // \n // \n // setEnddate(date)}\n // />\n // \n // \n // \n // \n // \n // \n // \n // Sort / Limit \n // \n // \n // \n // \n // {columns.map(item => { return !item.disableSort ? : '' })}\n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // / \n // \n // \n // \n // \n // {rowsPerPageOptions.map(item => { return })}\n // \n // \n // \n // \n // \n //
\n // \n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n \n
\n );\n\n}","import React from 'react'\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {FormControl, Select, Box, OutlinedInput, Button, Divider, Typography, Grid} from '@material-ui/core';\nimport {SearchContext} from 'context'\nimport {MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport MomentUtils from '@date-io/moment';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n typography: {\n padding: theme.spacing(2)\n },\n iconOpenRoot:{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n borderRadius: 0,\n height: 48,\n width: 48,\n '&:hover':{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n }\n },\n iconRoot:{\n height: 48,\n width: 48,\n },\n button:{\n width: 150,\n color: theme.palette.npd.blue,\n '&:hover':{\n boxShadow: '0px 5px 10px 1px rgba(0,0,0,.15)',\n fontWeight: 600\n }\n },\n gridContainer:{\n padding: theme.spacing(1)\n },\n popperPaper:{\n width: 450,\n height: 280,\n padding: theme.spacing(1),\n textAlign: 'center',\n whiteSpace: 'nowrap',\n marginBottom: theme.spacing(1),\n },\n textBox: {\n height:33,\n width: '100%',\n '&:input':{\n padding: 8\n }\n },\n formControl:{\n width: '100%',\n paddingRight: 5\n },\n formControlLast:{\n width: '100%'\n },\n select: {\n padding: 8,\n width: '100%'\n },\n dense: {\n padding: 0,\n margin: 0,\n '& > div > input':{\n padding: 8\n }\n },\n endAdornment: {\n padding: 0,\n '& > button':{\n padding: 0\n }\n }\n }));\n \nexport default function AdvancedSearchForm(props){\n const classes = useStyles();\n const {rowsPerPageOptions, columns, handleClose} = props;\n const searchContext = React.useContext(SearchContext);\n\n const [reportName, setReportName] = React.useState(searchContext.reportName);\n const [folderName, setFolderName] = React.useState(searchContext.folderName);\n const [batchStartdate, setBatchStartdate] = React.useState(searchContext.batchStartdate);\n const [batchEnddate, setBatchEnddate] = React.useState(searchContext.batchEnddate);\n const [orderBy, setOrderBy] = React.useState(searchContext.orderBy);\n const [orderByDirection, setOrderByDirection] = React.useState(searchContext.orderByDirection);\n const [pageSize, setPageSize] = React.useState(searchContext.pageSize);\n\n const handleOrderByChange = (event) => {\n setOrderBy(event.target.value);\n }\n const handleOrderByDirectionChange = (event) => {\n setOrderByDirection(event.target.value);\n }\n const handlePageSizeChange = (event) => {\n setPageSize(event.target.value);\n }\n\n const onApplyClick = () => {\n setFilters(false);\n handleClose();\n }\n \n const onClearClick = () => {\n setFolderName('');\n setReportName('');\n setBatchEnddate(null);\n setBatchStartdate(null);\n setFilters(true);\n }\n const handleChange = (event, columnName) => {\n var value = event.target.value;\n switch(columnName){\n case 'folderName': setFolderName(value); break;\n case 'reportName': setReportName(value); break;\n }\n }\n const setFilters = (shouldClear) => {\n if (shouldClear){\n searchContext.setReportName('');\n searchContext.setFolderName('');\n searchContext.setBatchStartdate(null);\n searchContext.setBatchEnddate(null);\n }\n else{\n searchContext.setReportName(reportName);\n searchContext.setFolderName(folderName);\n searchContext.setBatchStartdate(batchStartdate);\n searchContext.setBatchEnddate(batchEnddate);\n searchContext.setOrderBy(orderBy);\n searchContext.setOrderByDirection(orderByDirection);\n searchContext.setPageSize(pageSize);\n }\n }\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n Folder Name \n \n \n handleChange(event, 'folderName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n \n \n \n \n Report Name \n \n \n handleChange(event, 'reportName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n\n {/* \n \n \n Batched By \n \n \n handleChange(event, 'batchedBy')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n */}\n\n \n \n \n \n Batched On \n \n \n setBatchStartdate(date)}\n />\n \n \n setBatchEnddate(date)}\n />\n \n \n \n \n \n \n \n Sort / Limit \n \n \n \n \n {columns.map(item => { return !item.disableSort ? : ''})}\n \n \n \n \n \n \n \n \n \n \n \n \n / \n \n \n \n \n {rowsPerPageOptions.map(item => { return })}\n \n \n \n \n \n
\n \n \n \n Welcome to Bundles \n \n Bundles enables you to group together and download DecisionKey® Batch Reports within or across all data sources you have access to. \n Reports are downloaded to a single MS Excel workbook. \n \n \n\n \n\n \n {children}\n \n \n \n
\n );\n}\n\nViewLayout.propTypes = {\n children: PropTypes.element,\n dataSourceWeek: PropTypes.string,\n showDataSourceTooltip: PropTypes.bool,\n showBreadcrumb: PropTypes.bool,\n showDivider: PropTypes.bool,\n showToolbar: PropTypes.bool,\n showAdd: PropTypes.bool,\n allowAdd: PropTypes.bool,\n breadcrumbText: PropTypes.string,\n breadcrumbLink: PropTypes.string,\n bannerTitle: PropTypes.string,\n bannerSubtitle: PropTypes.string,\n exportTitle: PropTypes.string,\n onExport: PropTypes.func,\n onAdd: PropTypes.func,\n exportButtonProps: PropTypes.object,\n};\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useHistory } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// components\nimport BackgroundImage from 'assets/img/collection-background.jpg';\n\n\nimport DataSourceContext from 'context/DataSourceContext';\nimport { default as ViewLayout } from 'layouts/Layout';\n//services\nimport { useCollectionService } from 'components';\n//import { captureEvent } from 'utils';\n//import FileSaver from 'file-saver';\n\n\nconst useStyles = makeStyles(theme => ({\n banner: {\n backgroundPosition: '0% 70%',\n backgroundImage: `url(${BackgroundImage})`\n },\n}\n));\n\nexport default function CollectionsLayout(props) {\n const { setLoading, selectionModel, ...rest } = props;\n const context = React.useContext(DataSourceContext);\n const classes = useStyles();\n const service = useCollectionService();\n\n const handleExport = (option) => {\n setLoading(true);\n var param = {};\n param.list = (option.id === 1 && selectionModel.selected) ? selectionModel.selected : []\n service.exportCollections(param).then(response => {\n const fileNameHeader = \"x-bookscan-filename\";\n const suggestedFileName = response.headers[fileNameHeader];\n const effectiveFileName = (suggestedFileName === undefined ? \"my_collections.xls\" : suggestedFileName);\n // Let the user save the file.\n //FileSaver.saveAs(new Blob([response.data]), effectiveFileName);\n setLoading(false);\n });\n //captureEvent({ category: 'Collections', action: 'Global Export', label: option.label + ' - ' + option.format });\n };\n\n\n return (\n \n \n {appContext.appInfo.user.hasFCAccess && \n \n \n Bundles\n \n \n Batch Reports\n \t \n \n \n }\n {(view == 'collection' && messageProps) ? '' : messageComponent}\n
\n \n )\n}\n","import React, { Fragment } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Paper, Grid, Typography} from '@material-ui/core';\nimport AddtoCollection from 'assets/img/add-to-collection.png';\nimport CollectionsLayout from './CollectionsLayout';\nimport OdataCollectionToolbar from '../OdataCollectionsToolbar'\nimport Link from '@material-ui/core/Link';\nimport {ToggleButton } from '@material-ui/lab';\nimport DownloadIcon from 'assets/img/ClicktoDownload.png';\nimport HelpIcon from 'assets/img/Helpicon_png.png';\n//import { faInfoCircle as HelpIcon } from '@fortawesome/free-solid-svg-icons'\nimport WatchTutorialIcon from 'assets/img/WatchtheVideoTutorial_png.png';\nimport {ApplicationContext} from 'context';\nimport Button from '@material-ui/core/Button';\n//import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nconst useStyles = makeStyles(theme => ({\n root: {\n padding: theme.spacing(5.6),\n marginLeft:30,\n marginRight:30\n },\n headerText: {\n fontWeight: 'bold',\n fontSize: 16,\n lineHeight: '20px',\n color: theme.palette.text.secondary\n },\n bannerSubtitle: {\n fontSize: 13,\n // textAlign: 'left',\n lineHeight: '30px',\n color: theme.palette.text.primary,\n\n },\n bannerSubtitle1: {\n fontSize: 13,\n textAlign: 'left',\n lineHeight: '30px',\n color: theme.palette.text.primary,\n \n paddingRight: 300,\n paddingLeft: 300,\n },\n\n footerText: {\n fontWeight: 300,\n fontSize: 16,\n lineHeight: '18px',\n color: theme.palette.text.secondary,\n textAlign:'center'\n },\n img:{\n paddingBottom:'px'\n },\n compoundToolbar:{\n display: 'flex',\n flexWrap: 'nowrap',\n width: '100%',\n padding: '2px',\n backgroundColor: '#f2f8fb',\n marginLeft:30\n }, \n buttonRoot: {//\n height: 25,\n fill: '#455a64',\n borderRadius: '0px 18px 18px 0px',\n borderColor: theme.palette.grey,\n width: 130,\n fontSize: 12,\n margin:1,\n marginLeft: 1,\n textAlign: 'center'\n },\n buttonBlue: {\n height: 30,\n //fill: '#455a64',\n borderRadius: 3,\n borderColor: theme.palette.grey,\n width: 100,\n fontSize: 12,\n margin:1,\n marginLeft: 1,\n textAlign: 'center',\n backgroundColor: theme.palette.primary.main,\n fontWeight: 'bold',\n color: '#FFF',\n // width: 94,\n // height: 36,\n // fontSize: 10,\n // backgroundColor: theme.palette.primary.main,\n // marginLeft: 18,\n '&:hover': {\n fontWeight: 'bold',\n color: '#FFF',\n //width: 94,\n //height: 36,\n //fontSize: 10,\n backgroundColor: theme.palette.primary.main,\n //marginLeft: 18,\n }\n }, \n paperLong: {\n height: 30,\n fill: '#455a64',\n width: 600,\n fontSize: 13,\n textAlign: 'left'\n }, \n paper: {\n height: 30,\n //lineHeight: '30px',\n fill: '#455a64',\n //borderRadius: 1,\n //borderColor: theme.palette.grey,\n width: 550,\n fontSize: 13,\n //margin:1,\n //marginLeft: 1,\n textAlign: 'left'\n }, \n shortPaper: {\n height: 30,\n //lineHeight: '30px',\n fill: '#455a64',\n width: 30,\n fontSize: 13,\n textAlign: 'left'\n }, \n shortPaper1: {\n height: 30,\n //lineHeight: '30px',\n fill: '#455a64',\n width: 90,\n fontSize: 13,\n textAlign: 'left'\n },\n fragment:{\n height: 30,\n visibility: 'hidden',\n } ,\n shortPaper2: {\n height: 30,\n //lineHeight: '30px',\n fill: '#455a64',\n width: 450,\n fontSize: 13,\n textAlign: 'left'\n },\n shortPaper3: {\n height: 100,\n //lineHeight: '30px',\n fill: '#455a64',\n width:140,\n fontSize: 13,\n textAlign: 'center'\n },\n shortPaper4: {\n height:60,\n //lineHeight: '30px',\n fill: '#455a64',\n width: 450,\n fontSize: 13,\n textAlign: 'left',\n borderLeft: '3px solid #D3D3D3',\n },\n paperShortHight: {\n height: 10,\n //lineHeight: '30px',\n \n width: 600,\n },\n buttonNoMargin:{\n margin: 0,\n },\n \ngreenSubtitle:{\n color: theme.palette.npd.green,\n},\nsolidLine: {\n borderTop: '3px solid red',\n color: '#D3D3D3',\n fill: '#D3D3D3',\n backgroundColor: '#D3D3D3',\n borderColor: '#D3D3D3',\n}\n}));\n\n\nexport default function CollectionsStart(props) {\n const {pillProps,messageProps} = props;\n const classes = useStyles();\n const history = useHistory();\n\n\n const helpUrl = 'https://www.npd.com';\n const tutorialUrl = 'https://www.npd.com';\n const appContext = React.useContext(ApplicationContext).appInfo;\n\n const handleToggleButtonChange = (event, value) => {\n history.push(`/collection?v=odata`);\n if (value !== undefined && value !== null)\n {\n \n }\n };\n\n const handleOpenHelp = event => {\n \n window.open(helpUrl, \"_blank\", appContext.help.windowOptions);\n //setOpen(false);\n };\n const handleOpenTutorial = event => {\n \n window.open(tutorialUrl, \"_blank\", appContext.help.windowOptions);\n //setOpen(false);\n };\n return (\n \n \n \n
\n\n ⭐Add to Bundle
to create a Bundle.- {row.reportName}
- {row.reportName}
- {row.reportName}
\n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })}\n {setOpenDialog(false)}}\n >\n \n
\n );\n\n}","import React from 'react'\nimport PropTypes from 'prop-types';\nimport MomentUtils from '@date-io/moment';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport {FormControl, Select, Box, OutlinedInput, Button, Divider, Typography, Grid, IconButton} from '@material-ui/core';\nimport {MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport {Close as CloseIcon} from '@material-ui/icons'\n\nimport {SearchContext} from 'context'\nimport {useApi, AutoCompleteDropdown as SearchAutocomplete} from 'components'\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n typography: {\n padding: theme.spacing(2)\n },\n iconOpenRoot:{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n borderRadius: 0,\n height: 48,\n width: 48,\n '&:hover':{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n }\n },\n iconRoot:{\n height: 48,\n width: 48,\n },\n button:{\n margin: 10\n },\n gridContainer:{\n padding: '3px 10px',\n },\n popperPaper:{\n width: 550,\n height: 380,\n padding: theme.spacing(1),\n textAlign: 'center',\n whiteSpace: 'nowrap',\n marginBottom: theme.spacing(1),\n },\n textBox: {\n height:30,\n width: '100%',\n fontSize: 12,\n '&:input':{\n padding: \"0px 5px\"\n }\n },\n formControl:{\n width: '100%',\n paddingRight: 5\n },\n formControlLast:{\n width: '100%'\n },\n select: {\n padding: 8,\n fontSize: 12,\n width: '100%'\n },\n dense: {\n padding: 0,\n margin: 0,\n paddingRight: 2,\n width: '50%',\n '& > div > input':{\n padding: 8,\n fontSize: 12\n }\n },\n endAdornment: {\n padding: 0,\n '& > button':{\n padding: 0\n }\n },\n }));\n \nexport default function AdvancedSearchForm(props){\n const classes = useStyles();\n const {rowsPerPageOptions = [], columns = [], handleClose, reportOutputTypesFilters = [], statusFilters = []} = props;\n const searchContext = React.useContext(SearchContext);\n const api = useApi();\n\n const [reportName, setReportName] = React.useState(searchContext.reportName);\n const [folderName, setFolderName] = React.useState(searchContext.folderName);\n const [batchStartdate, setBatchStartdate] = React.useState(searchContext.batchStartdate);\n const [batchEnddate, setBatchEnddate] = React.useState(searchContext.batchEnddate);\n const [batchedBy, setBatchedBy] = React.useState(searchContext.batchedBy);\n const [batchStatus, setBatchStatus] = React.useState(searchContext.batchStatus);\n const [format, setFormat] = React.useState(searchContext.format);\n \n const [orderBy, setOrderBy] = React.useState(searchContext.orderBy);\n const [orderByDirection, setOrderByDirection] = React.useState(searchContext.orderByDirection);\n const [pageSize, setPageSize] = React.useState(searchContext.pageSize);\n\n const handleOrderByChange = (event) => {\n setOrderBy(event.target.value);\n }\n const handleOrderByDirectionChange = (event) => {\n setOrderByDirection(event.target.value);\n }\n const handlePageSizeChange = (event) => {\n setPageSize(event.target.value);\n }\n\n const onApplyClick = () => {\n setFilters(false);\n handleClose();\n }\n \n const onClearClick = () => {\n setFolderName('');\n setReportName('');\n setBatchEnddate(null);\n setBatchStartdate(null);\n setFilters(true);\n setBatchStatus({scheduleStatus: 0, displayName: ''});\n setBatchedBy('');\n setFormat({reportOutputTypeId: 0, reportOutputType: \"\"});\n }\n const handleChange = (event, columnName) => {\n var value = event.target.value;\n switch(columnName){\n case 'folderName': setFolderName(value); break;\n case 'reportName': setReportName(value); break;\n case 'batchedBy': setBatchedBy(value); break;\n }\n }\n\n const handleFormatChange = (event, value) => {\n \n }\n\n const setFilters = (shouldClear) => {\n if (shouldClear){\n searchContext.setReportName('');\n searchContext.setFolderName('');\n searchContext.setBatchStartdate(null);\n searchContext.setBatchEnddate(null);\n searchContext.setBatchStatus({scheduleStatus: 0, displayName: ''});\n searchContext.setBatchedBy('');\n searchContext.setFormat({reportOutputTypeId: 0, reportOutputType: \"\"});\n }\n else{\n searchContext.setReportName(reportName);\n searchContext.setFolderName(folderName);\n searchContext.setBatchStartdate(batchStartdate);\n searchContext.setBatchEnddate(batchEnddate);\n searchContext.setBatchStatus(batchStatus);\n searchContext.setBatchedBy(batchedBy);\n searchContext.setFormat(format)\n searchContext.setOrderBy(orderBy);\n searchContext.setOrderByDirection(orderByDirection);\n searchContext.setPageSize(pageSize);\n searchContext.setPage(1);\n }\n }\n return (\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Folder Name \n handleChange(event, 'folderName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n Batched By \n handleChange(event, 'batchedBy')} classes={{root: classes.textBox}} variant='outlined'> \n \n\n \n Format \n {if (event !== undefined && event.target !== undefined) setFormat({ reportOutputType: event.target.value })}}\n handleAutoCompleteValueOnChange={(event, value) => {if (value !== undefined && value.reportOutputTypeId !== undefined) setFormat(value)}}\n inputTerm={format.reportOutputType}\n defaultValue={reportOutputTypesFilters.find((item) => item === searchContext.format) || { reportOutputType: '', reportOutputTypeId: '0' }}\n getOptionLabel={item => item.reportOutputTypeId}\n options={reportOutputTypesFilters}\n placeholder=''\n outlined={true}\n freeSolo={false}\n label = \"reportOutputType\"\n />\n {/* \n setFormat(reportOutputTypesFilters.find(i => i.reportOutputTypeId === event.target.value))}\n classes={{root: classes.select}}\n value={format.reportOutputTypeId}\n >\n { reportOutputTypesFilters.map(item => )}\n \n */}\n \n\n \n \n \n \n \n Report Name \n handleChange(event, 'reportName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n Status \n {if (event !== undefined && event.target !== undefined) setBatchStatus({ displayName: event.target.value })}}\n handleAutoCompleteValueOnChange={(event, value) => {if (value !== undefined && value.scheduleStatus !== undefined) setBatchStatus(value)}}\n inputTerm={batchStatus.displayName}\n defaultValue={statusFilters.find((item) => item === searchContext.batchStatus) || { displayName: '', scheduleStatus: '0' }}\n options={statusFilters}\n placeholder=''\n outlined={true}\n freeSolo={false}\n label = \"displayName\"\n />\n {/* \n setBatchStatus(statusFilters.find(i => i.scheduleStatus.toString() === event.target.value.toString()))}\n classes={{root: classes.select}}\n value={batchStatus.scheduleStatus}\n >\n { statusFilters.map(item => )}\n \n */}\n \n\n \n Batched On \n \n setBatchStartdate(date)}\n />\n \n \n setBatchEnddate(date)}\n />\n \n \n\n \n \n \n \n \n \n \n OrderBy Column \n \n \n {columns.map(item => { return !item.disableSort ? : ''})}\n \n \n \n\n \n Direction \n \n \n \n \n \n \n \n\n \n Page Size \n \n \n {rowsPerPageOptions.map(item => { return })}\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n\n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // Folder Name \n // \n // \n // handleChange(event, 'folderName')} classes={{root: classes.textBox}} variant='outlined'> \n // \n // \n // \n \n // \n // \n // \n // Report Name \n // \n // \n // handleChange(event, 'reportName')} classes={{root: classes.textBox}} variant='outlined'> \n // \n // \n // \n\n // {/* \n // \n // \n // Batched By \n // \n // \n // handleChange(event, 'batchedBy')} classes={{root: classes.textBox}} variant='outlined'> \n // \n // \n // */}\n\n // \n // \n // \n // \n // Batched On \n // \n // \n // setBatchStartdate(date)}\n // />\n // \n // \n // setBatchEnddate(date)}\n // />\n // \n // \n // \n // \n // \n // \n // \n // Sort / Limit \n // \n // \n // \n // \n // {columns.map(item => { return !item.disableSort ? : ''})}\n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // \n // / \n // \n // \n // \n // \n // {rowsPerPageOptions.map(item => { return })}\n // \n // \n // \n // \n // \n //
\n // - {rowsSelected.map(r =>
- {r.reportName} )}
\n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n
\n );\n\n}","import React, { useState } from 'react';\nimport {SearchContext} from 'context';\nimport {useApi} from 'components'\nimport {Search as SearchBase} from 'Topbar/Topbar/components'\n\nconst searchTypes = [{Name: 'File', id: 0}];\n\nexport default function Search(props) {\n const [inputTerm, setInputTerm] = useState('');\n const [searchType, setSearchType] = useState(0);\n const handleSearchTypeChange = event => { setSearchType(event.target.value); };\n const searchContext = React.useContext(SearchContext);\n const api = useApi();\n const handleTextBoxOnChange = (e, v) => {\n setInputTerm(e.target.value);\n };\n\n const handleAutoCompleteValueOnChange = (e, v) => {\n setInputTerm(e.target.value);\n if (typeof v === 'object') {\n setInputTerm(v.keyword);\n }\n handleSearch(v.keyword, v.searchType);\n };\n\n const handleOnEnter = event => {\n if (event.key === 'Enter') {\n handleSearch(event.target.value)\n }\n };\n\n const handleSearch = (term, stype) => {\n if (typeof term === 'object') {\n term = null;\n }\n\n var searchIcon = document.getElementById('searchIcon');\n if (Boolean(searchIcon)) {\n searchIcon.focus();\n }\n\n if (term !== undefined || inputTerm.length > 0) {\n searchContext.setTitle('');\n searchContext.setFileName(term || inputTerm);\n searchContext.setPage(1); \n // if (searchType === 0){\n // searchContext.setFileName('');\n // searchContext.setTitle(term || inputTerm);\n // searchContext.setPage(1);\n // }\n // else {\n // searchContext.setTitle('');\n // searchContext.setFileName(term || inputTerm);\n // searchContext.setPage(1);\n // }\n } \n };\n\n return (\n \n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })}\n \n {\"Batch Report\"} \n \n \n {action === \"batch\" || (action === \"batchnextload\" && !row.isRunOnEachDataRelease) ? \n <>Please select your file format: \n \n setFormat(formatOptions.find(x => x.key.toString() === event.target.value))}\n value={format.key}\n classes={{root: classes.select}}\n >\n { \n row.isFlatfile ? \n flatfileFormatOptions.map(item => { return }) :\n formatOptions.map(item => { return })\n }\n \n ?
: \n <>Are you sure you want to remove this report from the batch queue?\n }\n \n \n \n \n \n \n \n
\n );\n}","import React from 'react'\nimport PropTypes from 'prop-types';\nimport MomentUtils from '@date-io/moment';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Box, OutlinedInput, Button, Divider, Grid, IconButton} from '@material-ui/core';\nimport {MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport {Close as CloseIcon} from '@material-ui/icons'\n\nimport {SearchContext} from 'context'\nimport {useApi, AutoCompleteDropdown as SearchAutocomplete} from 'components'\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n typography: {\n padding: theme.spacing(2)\n },\n iconOpenRoot:{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n borderRadius: 0,\n height: 48,\n width: 48,\n '&:hover':{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n }\n },\n iconRoot:{\n height: 48,\n width: 48,\n },\n button:{\n margin: 10\n },\n gridContainer:{\n padding: '3px 10px',\n },\n popperPaper:{\n width: 550,\n height: 300,\n padding: theme.spacing(1),\n textAlign: 'center',\n whiteSpace: 'nowrap',\n marginBottom: theme.spacing(1),\n },\n textBox: {\n height:30,\n width: '100%',\n fontSize: 12,\n '&:input':{\n padding: \"0px 5px\"\n }\n },\n formControl:{\n width: '100%',\n paddingRight: 5\n },\n formControlLast:{\n width: '100%'\n },\n select: {\n padding: 8,\n fontSize: 12,\n width: '100%'\n },\n dense: {\n padding: 0,\n margin: 0,\n paddingRight: 2,\n width: '50%',\n '& > div > input':{\n padding: 8,\n fontSize: 12\n }\n },\n endAdornment: {\n padding: 0,\n '& > button':{\n padding: 0\n }\n },\n }));\n \nexport default function AdvancedSearchForm(props){\n const classes = useStyles();\n const {handleClose, statusFilters = []} = props;\n const searchContext = React.useContext(SearchContext);\n \n const [reportName, setReportName] = React.useState(searchContext.reportName);\n const [folderName, setFolderName] = React.useState(searchContext.folderName);\n const [lastModifiedStartdate, setLastModifiedStartdate] = React.useState(searchContext.lastModifiedStartdate);\n const [lastModifiedEnddate, setLastModifiedEnddate] = React.useState(searchContext.lastModifiedEnddate);\n const [createdStartdate, setCreatedStartdate] = React.useState(searchContext.createdStartdate);\n const [createdEnddate, setCreatedEnddate] = React.useState(searchContext.createdEnddate);\n const [batchStartdate, setBatchStartdate] = React.useState(searchContext.batchStartdate);\n const [batchEnddate, setBatchEnddate] = React.useState(searchContext.batchEnddate);\n const [status, setStatus] = React.useState(searchContext.batchStatus);\n const [format, setFormat] = React.useState(searchContext.format);\n\n\n const onApplyClick = () => {\n setFilters(false);\n handleClose();\n }\n \n const onClearClick = () => {\n setFolderName('');\n setReportName('');\n setLastModifiedEnddate(null);\n setLastModifiedStartdate(null);\n setCreatedEnddate(null);\n setCreatedStartdate(null);\n setBatchEnddate(null);\n setBatchStartdate(null);\n setFilters(true);\n setStatus({scheduleStatus: 0, displayName: ''});\n setFormat({reportOutputTypeId: 0, reportOutputType: \"\"});\n }\n const handleChange = (event, columnName) => {\n var value = event.target.value;\n switch(columnName){\n case 'folderName': setFolderName(value); break;\n case 'reportName': setReportName(value); break;\n }\n }\n\n const handleFormatChange = (event, value) => {\n \n }\n\n const setFilters = (shouldClear) => {\n if (shouldClear){\n searchContext.setReportName('');\n searchContext.setFolderName('');\n searchContext.setBatchEnddate(null);\n searchContext.setBatchStartdate(null);\n searchContext.setLastModifiedStartdate(null);\n searchContext.setLastModifiedEnddate(null);\n searchContext.setCreatedEnddate(null);\n searchContext.setCreatedStartdate(null);\n searchContext.setBatchStatus({scheduleStatus: 0, displayName: ''});\n searchContext.setFormat({reportOutputTypeId: 0, reportOutputType: \"\"});\n }\n else{\n searchContext.setReportName(reportName);\n searchContext.setFolderName(folderName);\n searchContext.setBatchEnddate(batchEnddate);\n searchContext.setBatchStartdate(batchStartdate);\n searchContext.setLastModifiedStartdate(lastModifiedStartdate);\n searchContext.setLastModifiedEnddate(lastModifiedEnddate);\n searchContext.setCreatedEnddate(createdEnddate);\n searchContext.setCreatedStartdate(createdStartdate);\n searchContext.setBatchStatus(status);\n searchContext.setFormat(format)\n }\n }\n return (\n : \n <>Are you sure you want to remove this report from the batch queue?\n }\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Folder Name \n handleChange(event, 'folderName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n Status \n {if (event !== undefined && event.target !== undefined) setStatus({ displayName: event.target.value })}}\n handleAutoCompleteValueOnChange={(event, value) => {if (value !== undefined && value.scheduleStatus !== undefined) setStatus(value)}}\n inputTerm={status.displayName}\n defaultValue={statusFilters.find((item) => item === searchContext.status) || { displayName: '', scheduleStatus: '0' }}\n options={statusFilters}\n placeholder=''\n outlined={true}\n freeSolo={false}\n label = \"displayName\"\n />\n \n \n Created On \n \n setCreatedStartdate(date)}\n />\n \n \n setCreatedEnddate(date)}\n />\n \n \n \n \n \n \n \n Report Name \n handleChange(event, 'reportName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n Last Modified On \n \n setLastModifiedStartdate(date)}\n />\n \n \n setLastModifiedEnddate(date)}\n />\n \n \n\n \n Batched On \n \n setBatchStartdate(date)}\n />\n \n \n setBatchEnddate(date)}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n - {rowsSelected.map(r =>
- {r.reportName} )}
\n {reports.map((r, i) => {\n const data = {i + 1}. {r} {r.isFlatfile ? \"[Flatfile]\" : \"\"}
;\n return data;\n\n })}\n
\n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n \n
\n );\n\n}","\nimport React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types';\nimport deburr from 'lodash/deburr';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nimport { DataSourceContext } from 'context';\nimport { EnhancedTable, DownloadButton, DeleteCommand, useWindowDimensions } from 'components';\nimport CollectionsEnhancedToolbar from '../Toolbar/CollectionsEnhancedToolbar';\nimport {OdataCollectionToolbar as Toolbar} from 'views/Odata'\nimport ActionCell from './ActionCell'\nconst useStyles = makeStyles(theme => ({\n\n root: {\n width: '100%',\n backgroundColor: theme.palette.contentBackground,\n margin: 0\n },\n column: {\n padding: 0\n },\n tableCellNameLink: {\n color: theme.palette.primary.main,\n whiteSpace: 'nowrap'\n },\n tableCellTitle: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '300px',\n width: '70%'\n },\n tableCellCount: {\n color: theme.palette.primary.main,\n cursor: 'pointer',\n textAlign: 'center',\n minWidth: '105px'\n },\n cellCount: {\n color: theme.palette.primary.main,\n },\n exportContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-center',\n alignItems: 'center'\n },\n\n toggleContainer: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-start',\n alignItems: 'center'\n },\n toggleIcon: {\n padding: 0,\n color: theme.palette.primary.main,\n fontSize: '1.5rem',\n cursor: 'pointer'\n },\n closeIcon: {\n padding: 0,\n color: '#FE1414',\n fontSize: '0.8rem',\n cursor: 'pointer'\n },\n tableWrapper: {\n boxSizing: 'border-box',\n borderRadius: '4px',\n backgroundColor: '#FFFFFF',\n height: '100%',\n overflowX: 'visible'\n },\n\n tableSortLabelIcon: {\n fontSize: 14\n },\n headCell: {\n color: theme.palette.text.secondary\n },\n\n tableCell: {\n fontSize: 12,\n color: theme.palette.text.secondary,\n lineHeight: '14px',\n border: 'none'\n },\n tableSelectionCell: {\n border: 'none'\n },\n searchIcon: {\n color: theme.palette.npd.gray\n },\n textFieldInputRoot: {\n justifyContent: 'center'\n },\n textFieldInput: {\n flex: 1,\n fontSize: '18px !important',\n color: theme.palette.text.secondary,\n lineHeight: '23px',\n fontWeight: 300,\n padding: 8,\n '&::placeholder': { /* Chrome, Firefox, Opera, Safari 10.1+ */\n color: theme.palette.text.secondary,\n opacity: 1,\n },\n\n },\n textFieldFocused: {\n '& $notchedOutline': {\n borderWidth: '1px !important'\n }\n },\n textFieldStartAdornmentRoot: {\n width: '44%',\n justifyContent: 'flex-end'\n },\n notchedOutline: {\n borderWidth: '0 !important'\n },\n\n w3p: {\n width: '3%'\n },\n\n w7p: {\n width: '7%'\n },\n\n w10p: {\n width: '10%'\n },\n\n w105: {\n width: '105px'\n },\n\n w10: {\n width: '10px'\n },\n\n}));\n\nconst SavedCollections = props => {\n const { data, onDelete, onExport, onChangeSelectionModel, loading, getData, toolBarProps, pillProps } = props;\n const classes = useStyles();\n\n const context = React.useContext(DataSourceContext);\n const [columns, setColumns] = useState([]);\n // const [orderBy, setOrderBy] = React.useState('createdDate');\n // const [orderByDirection, setOrderByDirection] = React.useState('desc');\n\n useEffect(() => {\n setColumns(getColumns(data));\n }, [data])\n\n const exportColumnRenderer = (column, row, expanded, setExpanded) => {\n return \n onExport(row['id'])} />\n
\n };\n\n const onRequestSort = (sortInfo) => {\n //alert(toolBarProps.orderBy + ' ' + toolBarProps.totalCount)\n toolBarProps.setOrderBy(sortInfo.orderBy);\n toolBarProps.setOrderByDirection(sortInfo.order);\n };\n\n const onChangePage = (newPage) => {\n toolBarProps.setPage(newPage);\n }\n const onPageSizeChange = (newPageSize) => {\n toolBarProps.setPageSize(newPageSize);\n }\n\n const getColumns = (dataset) => {\n\n var columns = [\n { label: 'Name', field: 'name', type: 'link', id: 'id', route: `/workbooks/{0}?ds=${context.dataSourceSelectedKey}&v=collection`, className: classes.tableCellNameLink },\n { label: 'Created', field: 'createdDate', type: 'date', format: 'MM-DD-YYYY hh:mm A', className: classes.w7p },\n { label: 'Created By', field: 'createdBy', type: 'string', className: classes.w7p },\n { label: 'Last Accessed', field: 'lastAccessed', type: 'date', format: 'MM-DD-YYYY', className: classes.w7p },\n { field: 'action', type: 'action', label: '', disableSort: true , className: classes.w3p}\n ];\n return columns\n };\n\n\n return (\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {getMenuList()}\n \n \n \n \n
\n\n );\n}\n\nexport default HelpLanguages;\n","\nimport React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {faStar as userColl, faCube as DecisionKey, faCopy as FileCenterIcon, faUsersCog as AdminToolIcon, faCogs as DeliveryConfigIcon, faHome as HomeIcon_Home, faArchive as HomeIcon} from '@fortawesome/free-solid-svg-icons'\nimport {ApplicationContext} from 'context';\n\nconst Pages = [\n {\n title: 'Client Center',\n href: '/clientcenter',\n icon: Help
\n\n \n - \n {Pages.map(page => (isVisible(page.isVisibleKey) && \n
{page.icon }
\n {page.text}
\n \n \n \n \n
\n \n \n );\n}\nexport default Sidebar;","import React from 'react';\nimport ApplicationContext from 'context/ApplicationContext'\n\nimport {makeStyles, Typography} from '@material-ui/core'\n\nconst useStyle = makeStyles(() => ({\n\n footer: {\n paddingLeft: 80,\n marginLeft: 30 \n },\n version: {\n float: \"right\",\n paddingRight: 20\n }\n}));\n\nexport default function Footer() {\n var appContext = React.useContext(ApplicationContext)\n var classes = useStyle();\n\n return (\n \n {appContext.appInfo.copyright}Version: {process.env.REACT_APP_VERSION} \n
)\n ;\n}","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { IconButton, Grid } from '@material-ui/core'\nimport { Close } from '@material-ui/icons'\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { useWindowDimensions } from 'components'\nimport SideBar from './SideBar/Sidebar'\nimport Footer from './Footer/Footer'\n\n\nconst useStyles = makeStyles(theme => ({\n toolbar: theme.mixins.toolbar,\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n content: {\n paddingTop: 70,\n paddingLeft: 60,\n flexGrow: 1\n },\n\n overlay: {\n position: 'absolute',\n backgroundColor: 'black',\n height: '100%',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: 'none'\n },\n root: {\n width: '100%',\n margin: 0\n },\n notistack: {\n whiteSpace: 'pre-wrap'\n }\n}));\n\n\nconst Main = props => {\n const { children } = props;\n const classes = useStyles();\n const notistackRef = React.createRef();\n const onClickDismiss = key => () => {\n notistackRef.current.closeSnackbar(key);\n }\n\n const window = useWindowDimensions();\n\n return (\n \n
\n \n );\n};\n\nMain.propTypes = {\n children: PropTypes.node\n};\n\nexport default Main;","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Grid} from '@material-ui/core'\n\nimport {useWindowDimensions} from 'components'\nimport Footer from './Footer/Footer'\nimport {NotFound} from 'views'\n\n\nconst useStyles = makeStyles(theme => ({\n toolbar: theme.mixins.toolbar,\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n content: {\n paddingTop: 70,\n flexGrow: 1,\n backgroundColor: theme.palette.background.default\n },\n \n overlay: {\n position: 'absolute',\n backgroundColor: 'black',\n height: '100%',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: 'none'\n },\n root: {\n width: '100%',\n height: '100%',\n backgroundColor: theme.palette.contentBackground,\n margin: 0\n },\n }));\n \n\nconst NF = props => {\n const classes = useStyles();\n const window = useWindowDimensions();\n\n return (\n \n \n {React.cloneElement(children)}\n \n
\n \n \n \n \n \n \n \n
\n );\n};\n\nNF.propTypes = {\n children: PropTypes.node\n };\n\nexport default NF;","import React, { Fragment } from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\n\n// @material-ui/core components\nimport { Typography, Grid, Divider, Button } from '@material-ui/core';\nimport { Add as AddIcon, Edit as EditIcon } from '@material-ui/icons';\nimport Fab from '@material-ui/core/Fab';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { NavLink as RouterLink } from 'react-router-dom';\n// components\n//import { ExportButtonPro, InfoTooltip } from 'components';\nimport { DataSourceContext } from 'context';\n\n//services\n//import { dateFormat } from 'utils';\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n },\n banner: {\n height: 31,\n width: '100%',\n padding: '12px 20px',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n display: 'flex'\n },\n headerTitle: {\n fontSize: 20,\n lineHeight: '20px',\n height: 24,\n fontWeight: 'bold',\n color: theme.palette.text.dark\n },\n headerSubtitle: {\n fontSize: 12,\n lineHeight: '14px',\n fontStyle: 'italic',\n fontWeight: 'bold',\n color: theme.palette.npd.gray\n },\n buttonPanel: {\n width: '100%',\n height: 0,\n textAlign: 'right',\n paddingRight: 20\n },\n contentPanel: {\n //padding: `32px ${theme.spacing(4)}px 0 ${theme.spacing(4)}px`, <----- This is the white space culprit!\n width: '100%'\n },\n addButton: {\n color: theme.palette.white,\n width: 40,\n height: 40,\n top: '-20px',\n backgroundColor: theme.palette.npd.green,\n boxShadow: 'none',\n '&:hover':\n {\n backgroundColor: theme.palette.npd.green,\n boxShadow: 'none',\n transform: 'scale(1.2)',\n transition: 'all .3s ease-in-out'\n }\n },\n disabledButton: {\n color: `${theme.palette.white} !important`,\n backgroundColor: `${theme.palette.tableRowDivider} !important`\n },\n\n divider: {\n backgroundColor: 'rgba(216,216,216,0.42)'\n },\n\n tooltipWrapper: {\n display: 'flex',\n flexDirection: 'column',\n padding: 5,\n alignItems: 'center'\n },\n\n tooltip: {\n fontSize: 12,\n color: theme.palette.text.secondary\n },\n\n tooltipHeader: {\n fontWeight: 'bold'\n },\n\n breadcrumb: {\n fontSize: 12,\n fontWeight: 'bold',\n lineHeight: '14px',\n color: '#8E908F',\n textDecoration: \"none\"\n },\n breadcrumbArrow: {\n paddingLeft: '5px',\n\n },\n editButton: {\n\n },\n headerDivider: {\n backgroundColor: theme.palette.divider2,\n width: 2,\n margin: '0px 24px'\n }\n}));\n\nexport default function LayoutCompact(props) {\n const {\n showToolbar,\n showAdd,\n allowAdd,\n children,\n title,\n subTitle,\n dataSourceWeek,\n showBreadcrumb,\n breadcrumbText,\n breadcrumbLink,\n breadcrumbText2,\n breadcrumbLink2,\n bannerClass,\n showDataSourceTooltip,\n showDivider,\n showEdit = false,\n allowEdit = false,\n allowExport = false,\n bannerTitle,\n bannerSubtitle,\n exportTypes,\n onExport = () => { },\n onAdd = () => { },\n onEdit = () => { },\n hideDataSourceLabel = false,\n exportButtonProps = {},\n headerComponents = null,\n bannerComponent\n } = props;\n\n\n const classes = useStyles();\n const context = React.useContext(DataSourceContext);\n\n return (\n \n
\n );\n}\n\nLayoutCompact.propTypes = {\n children: PropTypes.element,\n dataSourceWeek: PropTypes.string,\n showDataSourceTooltip: PropTypes.bool,\n showBreadcrumb: PropTypes.bool,\n showDivider: PropTypes.bool,\n showToolbar: PropTypes.bool,\n showAdd: PropTypes.bool,\n allowAdd: PropTypes.bool,\n breadcrumbText: PropTypes.string,\n breadcrumbLink: PropTypes.string,\n bannerTitle: PropTypes.string,\n bannerSubtitle: PropTypes.string,\n exportTitle: PropTypes.string,\n onExport: PropTypes.func,\n onAdd: PropTypes.func,\n exportButtonProps: PropTypes.object,\n};\n","\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { IconButton, Grid } from '@material-ui/core'\nimport { Close } from '@material-ui/icons'\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { useWindowDimensions } from 'components'\nimport SideBar from './SideBar/Sidebar'\nimport Footer from './Footer/Footer'\n\nimport { Topbar } from 'Topbar';\nimport { SearchContext, GridContext } from 'context';\nimport {Search} from 'views/Odata/Collections/components'\n\n\nconst useStyles = makeStyles(theme => ({\n toolbar: theme.mixins.toolbar,\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n content: {\n paddingTop: 70,\n paddingLeft: 60,\n flexGrow: 1,\n zIndex:1,\n },\n\n overlay: {\n position: 'absolute',\n backgroundColor: 'black',\n height: '100%',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: 'none'\n },\n root: {\n width: '100%',\n margin: 0,\n position:'relative',\n },\n}));\n\n\nconst MainWithTopbar = props => {\n const { children } = props;\n const classes = useStyles();\n const notistackRef = React.createRef();\n const onClickDismiss = key => () => {\n notistackRef.current.closeSnackbar(key);\n }\n\n const window = useWindowDimensions();\n const [reportName, setReportName] = React.useState('');\n const [rowsSelected, setRowsSelected] = React.useState([]);\n\n return (\n \n {/* \n\n\n {/* {showDivider && (\n \n
\n \n \n {headerComponents}\n \n )\n }\n {/* {showEdit && (\n \n \n \n )} */}\n {/*
*/}\n {showToolbar && (\n {showBreadcrumb && (\n
\n {\n (headerComponents) &&\n (\n {breadcrumbText}> \n {breadcrumbText2 && (\n {breadcrumbText2}> \n )}\n
\n )}\n {title}
\n {subTitle}
\n \n
\n \n \n\n {/* {allowExport &&\n \n \n\n :\n \n \n )}\n
\n )}\n \n \n \n \n \n \n
\n \n );\n};\n\nMainWithTopbar.propTypes = {\n children: PropTypes.node\n};\n\nexport default MainWithTopbar;","import React, { useState, useEffect } from 'react';\n// @material-ui/core components\nimport { Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// components\n\nimport { SavedCollections,RecentlyViewedCollections } from './components';\n\n\n//services\nimport { useCollectionService } from 'components';\nimport { DataSourceContext, GridContext } from 'context';\n\n//import { captureEvent } from 'utils';\n//import FileSaver from 'file-saver';\nimport CollectionsLayout from './CollectionsLayout';\nimport {CollectionsLayoutCompact} from './';\nimport { MainWithTopbar } from 'layouts';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n },\n recentPanel: {\n width: '100%'\n },\n listPanel: {\n height: '100%',\n width: '100%'\n },\n}));\n\nexport default function CollectionsHome(props) {\n \n const { data, getData, wbLoading, toolBarProps, pillProps } = props;\n const classes = useStyles();\n const service = useCollectionService();\n const [rowsSelected, setRowsSelected] = React.useState([]);\n const [loading, setLoading] = useState(false);\n\n const isSelectionModel = (params) => {\n return typeof params === 'object' && params.hasOwnProperty('selected');\n }\n\n const handleDelete = (params) => {\n let selections = isSelectionModel(params) ? params.selected : params;\n let idarray = Array.isArray(selections) ? selections : [selections];\n let ids = idarray.map((i) => i[\"id\"])\n if (ids.length > 0) {\n setLoading(true);\n service.deleteAll(ids).then(response => {\n getData();\n });\n }\n };\n\n const [selectionModel, setSelectionModel] = useState({ selectedCount: 0 });\n\n const onChangeSelectionModel = (value) => {\n setSelectionModel(value);\n }\n\n const handleExport = (id) => {\n setLoading(true);\n service.exportCollection(id).then(response => {\n const fileNameHeader = \"x-bookscan-filename\";\n const suggestedFileName = response.headers[fileNameHeader];\n const effectiveFileName = (suggestedFileName === undefined ? \"Collectiond.xls\" : suggestedFileName);\n setLoading(false);\n });\n \n };\n\n return (\n \n \n \n \n \n {React.cloneElement(children)}\n \n \n
\n \n
\n \n }\n \n {(hideTitle) ? '' : \n
\n \n
\n }\n {numberFormat(selectionModel.selectedCount, 'en-US')} report{(selectionModel.selectedCount > 1) ? 's' : ''} selected
\n \n {collectionList.length > 0 ?\n \n \n : ''\n }\n
\n Add to Bundle
\n \n
\n\n \n \n \n \n \n \n or \n \n \n \n \n \n
\n Create A New Bundle
\n \n 0)} helperText={collectionNameErrorMsg} value={collectionName}\n classes={{\n root: classes.formInputRoot\n }}\n InputProps={{\n classes: {\n root: classes.inputRoot,\n disabled: classes.inputDisabled,\n input: classes.inputName,\n focused: classes.inputFocused,\n notchedOutline: classes.inputNotchedOutline,\n adornedStart: classes.inputAdornedStart,\n error: classes.inputError\n }\n }} onChange={handleInputChange} />\n
\n \n \n \n
\n \n {reports.map((r, i) => {\n const data = {i + 1}. {r}
;\n return data;\n\n })}\n
\n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n
\n );\n}","import React, { useState } from \"react\";\n\nimport {makeStyles} from '@material-ui/core';\nimport { useApi, CustomSelect } from 'components';\nimport { DataSourceContext } from 'context';\n\nconst useStyles = makeStyles((theme) => ({\n label: {\n color: theme.palette.white,\n fontWeight: 600,\n fontSize: 12,\n marginRight : 23,\n marginLeft : 100\n }\n}));\n\nexport default function TargetEnvironmentDropdown(props) {\n const api = useApi();\n const classes = useStyles();\n const context = React.useContext(DataSourceContext);\n const selected = context.targetEnvKey;\n const setSelected = context.setTargetEnvKey;\n const [targets, setTargets] = React.useState([]);\n\n React.useEffect(() => {\n api.getTargetEnvironments().then((res) => {\n if (res.data !== undefined){\n setTargets(res.data);\n setSelected(res.data[0].id);\n context.setTargetEnvKey(res.data[0].id);\n }\n });\n }, [])\n\n return (\n \n TARGET ENVIRONMENT\n \n
\n );\n}\n\nTargetEnvironmentDropdown.propTypes = {\n};\n","import React from 'react'\nimport clsx from 'clsx';\nimport MomentUtils from '@date-io/moment';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Close as CloseIcon} from '@material-ui/icons'\nimport {Box, OutlinedInput, Button, Divider, Grid, Select, FormControl, IconButton, Typography} from '@material-ui/core';\nimport {MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';\nimport {useApi} from 'components'\nimport {SearchContext} from 'context'\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1,\n },\n typography: {\n padding: 3\n },\n iconOpenRoot:{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n borderRadius: 0,\n height: 48,\n width: 48,\n '&:hover':{\n color: theme.palette.common.white,\n backgroundColor: theme.palette.npd.darkBlue,\n }\n },\n iconRoot:{\n height: 48,\n width: 48,\n },\n button:{\n margin: 10\n },\n gridContainer:{\n padding: '3px 10px',\n },\n popperPaper:{\n width: 600,\n height: 540,\n padding: theme.spacing(1),\n whiteSpace: 'nowrap',\n marginBottom: theme.spacing(1),\n },\n textBox: {\n height:30,\n width: '100%',\n fontSize: 12,\n '&:input':{\n padding: \"0px 5px\"\n }\n },\n formControl:{\n width: '100%',\n },\n formControlLast:{\n width: '100%'\n },\n select: {\n padding: 8,\n fontSize: 12,\n width: '100%'\n },\n dense: {\n padding: 0,\n margin: 0,\n paddingRight: 2,\n width: '50%',\n '& > div > input':{\n padding: 8,\n fontSize: 12\n }\n },\n endAdornment: {\n padding: 0,\n '& > button':{\n padding: 0\n }\n },\n adornedEnd: {\n padding: 0\n },\n flexWrap: {\n display: 'flex',\n flexWrap: 'wrap'\n }\n }));\n\nconst checkBoxOptions = [{name: \"True\"},{name: \"False\"},{name: \"\"}];\nconst defaultDelimiterOptions = [{name: 'Comma (,)', value: ','},\n {name: 'Pipe (|)',value: '|'},\n {name: 'SemiColon (;)', value: ';'},\n {name: 'TAB', value: '\\t'},\n {name: '', value: ''}];\n\nexport default function AdvancedSearchForm(props){\n const classes = useStyles();\n const api = useApi();\n const {handleClose} = props;\n const searchContext = React.useContext(SearchContext);\n\n const [moveItFilters, setMoveItFilters] = React.useState([]);\n const [statusFilters, setStatusFilters] = React.useState([]);\n\n const [reportName, setReportName] = React.useState(searchContext.reportName);\n const [folderName, setFolderName] = React.useState(searchContext.folderName);\n const [createdBy, setCreatedBy] = React.useState(searchContext.createdBy);\n const [zipped, setZipped] = React.useState(searchContext.zipped);\n const [lf, setLf] = React.useState(searchContext.lf);\n const [unSuppressAttributes, setUnSuppressedAttributes] = React.useState(searchContext.unSuppressAttributes);\n const [attrAtEnd, setAttrAtEnd] = React.useState(searchContext.attrAtEnd);\n const [delimiter, setDelimiter] = React.useState(searchContext.delimiter);\n const [appendDate, setAppendDate] = React.useState(searchContext.appendDate);\n const [appendSchema, setAppendSchema] = React.useState(searchContext.appendSchema);\n const [immediateDeliveryInd, setImmediateDeliveryInd] = React.useState(searchContext.immediateDeliveryInd);\n const [status, setStatus] = React.useState(searchContext.status);\n const [moveItShare, setMoveItShare] = React.useState(searchContext.moveItShare);\n const [batchStartdate, setBatchStartdate] = React.useState(searchContext.batchStartdate);\n const [batchEnddate, setBatchEnddate] = React.useState(searchContext.batchEnddate);\n \n React.useEffect(() => {\n api.getMoveItFilters().then(res => {\n if (res && res.data)\n setMoveItFilters(res.data);\n });\n }, []);\n\n React.useEffect(() => {\n api.getStatusFilters().then(res => {\n if (res && res.data)\n setStatusFilters(res.data);\n });\n }, []);\n\n const onApplyClick = () => {\n setFilters(false);\n handleClose();\n }\n \n const onClearClick = () => {\n setCreatedBy('');\n setReportName('');\n setFolderName('');\n setZipped('');\n setLf('');\n setAppendDate('');\n setAppendSchema('');\n setUnSuppressedAttributes('');\n setAttrAtEnd('');\n setImmediateDeliveryInd('');\n setStatus({scheduleStatus: 0, displayName: \"\"});\n setDelimiter('');\n setMoveItShare('');\n setBatchEnddate(null);\n setBatchStartdate(null);\n setFilters(true);\n }\n const handleChange = (event, columnName) => {\n var value = event.target.value;\n switch(columnName){\n case 'createdBy': setCreatedBy(value); break;\n case 'reportName': setReportName(value); break;\n case 'folderName': setFolderName(value); break;\n }\n }\n\n const setFilters = (shouldClear) => {\n if (shouldClear){\n searchContext.setReportName('');\n searchContext.setFolderName('');\n searchContext.setCreatedBy('');\n searchContext.setZipped('');\n searchContext.setLf('');\n searchContext.setAppendDate('');\n searchContext.setAppendSchema('');\n searchContext.setDelimiter('');\n searchContext.setImmediateDeliveryInd('');\n searchContext.setStatus({scheduleStatus: 0, displayName: \"\"});\n searchContext.setMoveItShare('');\n searchContext.setBatchStartdate(null);\n searchContext.setBatchEnddate(null);\n searchContext.setUnSuppressedAttributes('');\n searchContext.setAttrAtEnd('');\n }\n else{\n searchContext.setReportName(reportName);\n searchContext.setFolderName(folderName);\n searchContext.setCreatedBy(createdBy);\n searchContext.setZipped(zipped);\n searchContext.setLf(lf);\n searchContext.setAppendDate(appendDate);\n searchContext.setAppendSchema(appendSchema);\n searchContext.setImmediateDeliveryInd(immediateDeliveryInd);\n searchContext.setStatus(status);\n searchContext.setDelimiter(delimiter);\n searchContext.setMoveItShare(moveItShare);\n searchContext.setBatchStartdate(batchStartdate);\n searchContext.setBatchEnddate(batchEnddate);\n searchContext.setUnSuppressedAttributes(unSuppressAttributes)\n searchContext.setAttrAtEnd(attrAtEnd);\n searchContext.setPage(1);\n }\n }\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Report Name \n handleChange(event, 'reportName')} classes={{root: classes.textBox}} variant='outlined'> \n \n\n \n Immediate Delivery \n \n setImmediateDeliveryInd(event.target.value)}\n classes={{root: classes.select}}\n value={immediateDeliveryInd}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Append Date \n \n setAppendDate(event.target.value)}\n classes={{root: classes.select}}\n value={appendDate}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Append Schema \n \n setAppendSchema(event.target.value)}\n classes={{root: classes.select}}\n value={appendSchema}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Delimiter \n \n setDelimiter(event.target.value)}\n classes={{root: classes.select}}\n value={delimiter}\n >\n { defaultDelimiterOptions.map(item => { return item.name !== '' ? : })}\n \n \n \n\n \n Move It Share \n \n setMoveItShare(event.target.value)}\n classes={{root: classes.select}}\n value={moveItShare}\n >\n { moveItFilters.map(item => )}\n \n \n \n\n \n Batched On \n \n setBatchStartdate(date)}\n />\n \n \n setBatchEnddate(date)}\n />\n \n \n\n \n \n \n \n \n Folder Name \n handleChange(event, 'folderName')} classes={{root: classes.textBox}} variant='outlined'> \n \n \n \n Created By \n handleChange(event, 'createdBy')} classes={{root: classes.textBox}} variant='outlined'> \n \n\n \n Line Feed (LF) \n \n setLf(event.target.value)}\n classes={{root: classes.select}}\n value={lf}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Zipped \n \n setZipped(event.target.value)}\n classes={{root: classes.select}}\n value={zipped}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Attributes At End \n \n setAttrAtEnd(event.target.value)}\n classes={{root: classes.select}}\n value={attrAtEnd}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n \n \n UnSuppress Attributes \n \n setUnSuppressedAttributes(event.target.value)}\n classes={{root: classes.select}}\n value={unSuppressAttributes}\n >\n { checkBoxOptions.map(item => )}\n \n \n \n\n \n Status \n \n setStatus(statusFilters.find(i => i.scheduleStatus.toString() === event.target.value.toString()))}\n classes={{root: classes.select}}\n value={status.scheduleStatus}\n >\n { statusFilters.map(item => )}\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n {/* */}\n \n \n \n
\n\n {actions.map(action => {\n return renderAction(row, action, classes, keyName);\n })} \n
\n );\n}","//core components\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { useSnackbar } from 'notistack';\n//material ui components\nimport { makeStyles, lighten } from '@material-ui/core/styles';\nimport { Typography, Tooltip, IconButton, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Button, Grid } from '@material-ui/core';\nimport {Send as BatchIcon, Today as BatchLater, CancelScheduleSend as RemoveIcon, Edit as EditIcon, Cached as RefreshIcon} from '@material-ui/icons';\n//custom components\nimport {GridContext, DataSourceContext, SearchContext} from 'context';\nimport {useApi, SelectedSearches} from 'components';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(1),\n //flexGrow:10,\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n alignItems: 'flex-start',\n justifyContent: 'flex-end',\n //height: 24,\n },\n highlight:{\n color: theme.palette.primary.main,\n backgroundColor: lighten(theme.palette.secondary.light, 0.75),\n //height: 24,\n },\n icon: {\n padding:'1px 5px 1px 1px',\n //margin: '0px 3px 3px 3px',\n fontSize:'23px',\n //lineHeight: '24px'\n }, \n title: {\n paddingRight: theme.spacing(3),\n fontSize:'12px',\n //flex: '1 1 100%',\n },\n alignRight: {\n textAlign: 'end'\n },\n}));\n\nexport default function EnhancedTableToolbar(props) {\n const classes = useStyles();\n const { numSelected, handleEdit, refresh } = props;\n const [dialogText, setDialogText] = React.useState('');\n const [reports, setReports] = React.useState([]);\n const [openDialog, setOpenDialog] = React.useState(false);\n const [action, setAction] = React.useState('');\n const gridContext = React.useContext(GridContext);\n const dataSourceContext = React.useContext(DataSourceContext);\n const searchContext = React.useContext(SearchContext);\n const { enqueueSnackbar } = useSnackbar();\n const api = useApi()\n\n\n const handleDialogClose = () => setOpenDialog(false);\n\n const handleDialogOpen = (action) => {\n setAction(action);\n const rpts = gridContext.rowsSelected.map((report) => {\n return report.reportName; \n }); \n setReports(rpts);\n switch(action){\n case 'batch': setDialogText('batch the following reports'); break;\n case 'batchnextload': setDialogText('batch the following reports with every data release'); break;\n case 'remove': setDialogText('remove the following reports from queue'); break;\n default: break;\n }\n\n setOpenDialog(true);\n }\n \n const handleDialogAction = () => {\n switch(action){\n case 'batch': handleBatch(); break;\n case 'batchnextload': handleBatchOnDataLoad(); break;\n case 'remove': handleUnQueue(); break;\n default: break;\n }\n }\n\n const batch = (data, callback) => {\n api.batchReport(data).then((res) => {\n if (callback)\n callback();\n if (res.data)\n enqueueSnackbar(res.data, { variant: 'error' });\n });\n }\n \n const handleBatch = () => {\n var rows = []\n gridContext.rowsSelected.map((row) => {\n row.scheduleEventTypeId = 1;\n const data = {\n reportName: row.reportName,\n reportId: row.reportId,\n module: row.moduleName,\n summarySourceTypeId: row.summarySourceTypeId,\n scheduleEventId: row.scheduleEventId,\n scheduleEventTypeId: row.scheduleEventTypeId,\n immediateDeliveryInd: row.immediateDeliveryInd,\n summarySchemaName: row.summarySchemaName,\n limitEndDateId: row.limitEndDateId,\n timePeriodKey: row.timePeriodKey,\n schemaId: dataSourceContext.targetEnvKey\n }\n rows.push(data);\n });\n\n batch(rows, refresh);\n handleDialogClose();\n };\n const handleBatchOnDataLoad = () => {\n var rows = []\n gridContext.rowsSelected.map((row) => {\n row.scheduleEventTypeId = 2;\n const data = {\n reportName: row.reportName,\n reportId: row.reportId,\n module: row.moduleName,\n summarySourceTypeId: row.summarySourceTypeId,\n scheduleEventId: row.scheduleEventId,\n scheduleEventTypeId: row.scheduleEventTypeId,\n immediateDeliveryInd: row.immediateDeliveryInd,\n summarySchemaName: row.summarySchemaName,\n limitEndDateId: row.limitEndDateId,\n timePeriodKey: row.timePeriodKey,\n schemaId: dataSourceContext.targetEnvKey\n }\n rows.push(data);\n });\n batch(rows, refresh);\n handleDialogClose();\n };\n const handleUnQueue = () => {\n gridContext.rowsSelected.map(r => {r.unqueueStatus = \"1, 2, 12\"});\n api.unqueueReport(gridContext.rowsSelected).then((res) => {\n handleDialogClose();\n if (refresh)\n refresh();\n if (res.data)\n enqueueSnackbar(res.data, { variant: 'error' });\n });\n };\n \n const GenerateSelectedSearches = () => {\n let searches = [];\n\n if (searchContext.dataSource !== '')\n searches.push({key:\"Data Source:\", value : searchContext.dataSource, handleDelete: () => {searchContext.setDataSource(''); }});\n\n if (searchContext.module !== '')\n searches.push({key:\"Module:\", value : searchContext.module, handleDelete: () => {searchContext.setModule(''); }});\n\n if (searchContext.status !== undefined && searchContext.status.scheduleStatus !== undefined && searchContext.status.scheduleStatus !== 0)\n searches.push({key:\"Status: \", value: searchContext.status.displayName, handleDelete: () => {searchContext.setStatus({scheduleStatus: 0, displayName: \"\"}); }}); \n \n return searches;\n}\n\n return (\n\n \n {reports.map((r, i) => {\n const data = {i + 1}. {r}
;\n return data;\n\n })}\n
\n TARGET ENVIRONMENT\n \n
\n );\n}\n\nTargetEnvironmentDropdown.propTypes = {\n};\n","import React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { useSnackbar } from 'notistack';\n\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Grid, Collapse } from '@material-ui/core';\n\n// custom components\nimport { useApi, EnhancedTable, useWindowDimensions } from 'components'\nimport { DataSourceContext, SearchContext, GridContext, ApplicationContext } from 'context'\nimport { Search, EnhancedTableToolbar, ActionCell, TargetEnvironmentDropdown } from './Components'\nimport { DCTopbar } from 'Topbar'\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '98%',\n marginLeft: 10,\n backgroundColor: theme.palette.contentBackground,\n margin: 0\n },\n table: {\n minWidth: 500,\n }\n}));\n\nconst useStylesAgain = makeStyles(theme => ({\n showEditor: {\n display: 'block'\n },\n hideEditor: {\n display: 'none'\n },\n topbarHolder: {\n padding: '3px 12px'\n }\n}));\n\nconst rowsPerPageOptions = [10, 25, 50, 75, 100, 200, 500];\n\nexport default function FlatFileAdminTool() {\n\n const classes = useStyles();\n const localClasses = useStylesAgain();\n const api = useApi();\n const { enqueueSnackbar } = useSnackbar();\n const appContext = React.useContext(ApplicationContext);\n\n //state hooks\n const [loading, setLoading] = React.useState(false);\n const [totalCount, setTotalCount] = React.useState(0);\n const [page, setPage] = React.useState(1);\n const [pageSize, setPageSize] = React.useState(appContext.appInfo.user.rowsPerPage || 25);\n\n const [orderBy, setOrderBy] = React.useState('dataSource');\n const [orderByDirection, setOrderByDirection] = React.useState('asc');\n\n const [rowsSelected, setRowsSelected] = React.useState([]);\n const [editRow, setEditRow] = React.useState({ moveItFolders: '' })\n const [editing, setEditing] = React.useState(false)\n const [editReportLoading, setEditReportLoading] = React.useState(false);\n\n const [dataSourceSelectedKey, setDataSourceSelectedKey] = React.useState('');\n const [targetEnvKey, setTargetEnvKey] = React.useState(1);\n const [dataSources, setImmediateFrequencies] = React.useState([]);\n const [dataSource, setDataSource] = React.useState('');\n const [module, setModule] = React.useState('');\n const [summarySource, setSummarySource] = React.useState('');\n const [rootFolder, setRootFolder] = React.useState('');\n const [runDaemon, setRunDaemon] = React.useState('');\n\n const [searchTitle, setSearchTitle] = React.useState('');\n const [filterCount, setFilterCount] = React.useState(0);\n\n document.title = \"Immediate Delivery Configuration\";\n const appKey = 'idc';\n\n const height = useWindowDimensions().height - 175;\n\n React.useEffect(() => {\n setLoading(true);\n loadDataSources();\n }, []);\n\n const handleClose = (row, updates) => {\n if (row && updates) {\n api.updateReport(row, updates).then((res) => {\n if (res.data && res.data.failed)\n enqueueSnackbar(res.data.errorMessage, { variant: 'warning' });\n else {\n setLoading(true);\n loadDataSources();\n }\n });\n }\n }\n\n const onChangePage = (newPage) => {\n setPage(newPage);\n }\n \n const onPageSizeChange = (newPageSize) => {\n setPage(1);\n api.saveRowPerPage({rowsPerPageOptions: newPageSize});\n appContext.appInfo.user.rowsPerPage = newPageSize;\n setPageSize(newPageSize);\n }\n\n const onRequestSort = order => {\n setOrderBy(order.orderBy);\n setOrderByDirection(order.order)\n }\n\n const getDataSource = (dsId) => {\n return dataSources.find((i) => i.uniqueId === dsId);\n }\n\n const onImmediateDeliveryClick = (event, value) => {\n setLoading(true);\n const row = getDataSource(value);\n //const oldRow = { ...row };\n row.isRunDaemon = !row.isRunDaemon;\n api.updateImmediateFrequency(row.uniqueId, row.isRunDaemon).then((res) => {\n if (res.data && res.data.failed) {\n enqueueSnackbar(res.data.errorMessage, { variant: 'warning' });\n row.isRunDaemon = !row.isRunDaemon; //reset since there was error\n }\n loadDataSources();\n });\n }\n\n const columns =\n [{field: 'dataSource', type: 'string', label: 'Data Source'},\n { field: 'module', type: 'string', label: 'Module'} ,\n { field: 'summarySource', type: 'string', label: 'Summary Source', disableSort: true},\n { field: 'rootFolder', type: 'string', label: 'Root Folder', disableSort: true},\n { field: 'isRunDaemon', type: 'bool', label: 'Enable Delivery', onClick: onImmediateDeliveryClick}]\n\n\n const loadDataSources = () => {\n setLoading(true);\n setRowsSelected([]);\n\n let sortInfo = '';\n if (orderBy !== '' && orderBy !== undefined && orderBy !== null) {\n const orderCol = columns.find((item) => orderBy === item.label || orderBy === item.field).field;\n sortInfo = \"[{'Property': '\" + orderCol + \"' , 'direction' : '\" + orderByDirection + \"' }]\";\n }\n let filter = {\n dataSource: dataSource,\n module: module,\n schemaId: targetEnvKey\n };\n\n let options = { page: page, pageSize: pageSize, token: dataSourceSelectedKey, sortInfo: sortInfo, filter: filter };\n\n //if (dataSourceSelectedKey !== '') {\n api.getImmediateFrequencies(options).then(res => {\n setImmediateFrequencies(res.data.data);\n setPage(res.data.page);\n setPageSize(res.data.pageSize);\n setTotalCount(res.data.totalCount);\n setLoading(false);\n })\n //}\n }\n\n //effect hooks\n useEffect(() => {\n setLoading(true);\n loadDataSources();\n }, [page, pageSize, orderBy, orderByDirection, dataSource, module, summarySource, rootFolder, runDaemon, targetEnvKey]);\n\n return (\n