\r\n );\r\n};\r\nMaskedTextbox.defaultProps = {\r\n autoFocus: false,\r\n readOnly: false,\r\n step: 0,\r\n styleProp: {},\r\n};\r\n\r\nexport {MaskedTextbox};\r\n","import React, {Fragment, useState, useEffect} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport {STYLES} from 'core/constants/uiConstants';\r\nimport {TooltipIcon, TooltipText} from '../uicore';\r\nimport {usePCTranslation} from 'core/hooks';\r\n//ToDo: Problem with this implemenation is that if the name of the group of checkboxes is defaulted to a string, it does not automatically populate the control\r\n\r\nconst MultiCheckbox = ({name, text, stateData, options, refItem, autoFocus, getfocusCallback, lostfocusCallback, getchangeCallback, propStyle}) => {\r\n const [values, setValues] = useState([]);\r\n //Initialize the multi check values from StateData in case of refresh page.\r\n useEffect(() => {\r\n if (stateData && stateData[name]) {\r\n setValues(stateData[name].split('|'));\r\n }\r\n }, [stateData && stateData[name], name]);\r\n const {t} = usePCTranslation();\r\n const {controlItem} = useSelector((state) => ({\r\n controlItem: state.setupItems.controlItems ? state.setupItems.controlItems[name] : null,\r\n }));\r\n\r\n let optionItems = {};\r\n if (controlItem && controlItem.useOptions) {\r\n optionItems = controlItem.optionItems;\r\n } else {\r\n optionItems = options;\r\n }\r\n const controlOnChange = (event) => {\r\n event.persist();\r\n // let valArray = [];\r\n // valArray = stateData[name].split(\"|\");\r\n let tempVal = [...values];\r\n if (!tempVal.includes(event.target.value)) {\r\n tempVal.push(event.target.value);\r\n } else {\r\n for (let i = 0; i < tempVal.length; i++) {\r\n if (tempVal[i] === event.target.value) {\r\n tempVal.splice(i, 1);\r\n break;\r\n }\r\n }\r\n }\r\n setValues(tempVal);\r\n // console.log(values);\r\n getchangeCallback(event, event.target.name, tempVal.join('|'));\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n\r\n // this.setState(\r\n // state => {\r\n // if (event.target.checked) {\r\n // state[this.props.name].push(event.target.value);\r\n // } else {\r\n // let index = state[this.props.name].indexOf(event.target.value);\r\n // state[this.props.name].splice(index, 1);\r\n // }\r\n // },\r\n // () => {\r\n // this.props.getchangeCallback(event, this.state, this.props.name);\r\n // }\r\n // );\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n //event.stopPropagation();\r\n };\r\n\r\n const controlOnFocus = (event) => {\r\n getfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnLostFocus = (event) => {\r\n lostfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const checkLabel = () => {\r\n return (\r\n \r\n );\r\n };\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nMultiCheckbox.defaultProps = {\r\n autoFocus: false,\r\n};\r\nexport {MultiCheckbox};\r\n","import React, {Fragment} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport {STYLES} from 'core/constants/uiConstants';\r\nimport {TooltipIcon, TooltipText} from '../uicore';\r\nimport {usePCTranslation} from 'core/hooks';\r\n\r\nconst Radiobuttons = ({\r\n getchangeCallback,\r\n getfocusCallback,\r\n lostfocusCallback,\r\n text,\r\n name,\r\n autoFocus,\r\n choice,\r\n readOnly,\r\n options,\r\n stateData,\r\n refItem,\r\n propStyle,\r\n isDisabled,\r\n}) => {\r\n const {t} = usePCTranslation();\r\n const {controlItem} = useSelector((state) => ({\r\n controlItem: state.setupItems.controlItems ? state.setupItems.controlItems[name] : null,\r\n }));\r\n\r\n let optionItems = {};\r\n if (controlItem && controlItem.useOptions) {\r\n optionItems = controlItem.optionItems;\r\n }\r\n const controlOnChange = (event) => {\r\n //setSelectedOption(event.target.value);\r\n event.persist();\r\n //the event.target.value is the after-change value here but...\r\n getchangeCallback(event, event.target.name, event.target.value);\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnFocus = (event) => {\r\n getfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnLostFocus = (event) => {\r\n lostfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n let containerClass = `${STYLES.INPUTCONTAINER} ${propStyle.inputcontainer}`;\r\n if (isDisabled || (controlItem && controlItem.displayDisabled)) {\r\n containerClass += ' disabled';\r\n }\r\n if (controlItem && controlItem.displayHidden) {\r\n containerClass += ' hiddenField';\r\n }\r\n let radioContainerClass = `${STYLES.BASIC} ${STYLES.RADIOCONTAINER} ${propStyle.radiocontainer}`;\r\n if (isDisabled || (controlItem && controlItem.displayDisabled)) {\r\n radioContainerClass += ' disabled';\r\n }\r\n\r\n const radioLabel = () => {\r\n return (\r\n <>\r\n {controlItem.showLabel && (\r\n \r\n )}\r\n \r\n );\r\n };\r\n return (\r\n
\r\n );\r\n};\r\n\r\nRadiobuttons.defaultProps = {\r\n autoFocus: false,\r\n choice: '',\r\n readOnly: false,\r\n};\r\n\r\nexport {Radiobuttons};\r\n","import React, {Fragment, memo, useState} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport {STYLES} from 'core/constants/uiConstants';\r\nimport {TooltipIcon, TooltipText} from '../uicore';\r\nimport {ComboModal} from 'core/controls';\r\nimport {usePCTranslation} from 'core/hooks';\r\n\r\nconst Selectbox = ({\r\n getchangeCallback,\r\n getfocusCallback,\r\n lostfocusCallback,\r\n getclickCallback,\r\n stateData,\r\n name,\r\n text,\r\n options,\r\n autoFocus,\r\n refItem,\r\n propStyle,\r\n disable,\r\n showLabel,\r\n styleProp,\r\n isModalOptions,\r\n isUseInformation,\r\n btnXCancel,\r\n btnCancel,\r\n btnChoose,\r\n modalTitle,\r\n}) => {\r\n const {t} = usePCTranslation();\r\n const {controlItem} = useSelector((state) => ({\r\n controlItem: state.setupItems.controlItems ? state.setupItems.controlItems[name] : null,\r\n }));\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n\r\n let optionItems = controlItem.optionItems;\r\n\r\n /**\r\n * Below condition is used by Data Reports and other apps where options is passed as a prop. Use Options is false\r\n * For Pro needs case, child's Uni year options is coming via controlItems. But useOptions is false in that case too.\r\n *\r\n */\r\n if (controlItem && !controlItem.useOptions) {\r\n optionItems = options;\r\n }\r\n if (!optionItems) {\r\n optionItems = {};\r\n }\r\n\r\n const controlOnChange = (event) => {\r\n event.persist();\r\n getchangeCallback(event, event.target.name, event.target.value);\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnFocus = (event) => {\r\n getfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnLostFocus = (event) => {\r\n lostfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n let containerClass = `${STYLES.INPUTCONTAINER} ${propStyle.selectcontainer}`;\r\n if (controlItem && controlItem.displayDisabled) {\r\n containerClass += ' disabled';\r\n }\r\n if (controlItem && controlItem.displayHidden) {\r\n containerClass += ' hiddenField';\r\n }\r\n\r\n const handleModalOpen = () => {\r\n if (isModalOptions) {\r\n setIsModalOpen(true);\r\n }\r\n };\r\n const handleSelectOption = (event) => {\r\n controlOnChange(event);\r\n setIsModalOpen(false);\r\n };\r\n\r\n const handleCancelModal = () => {\r\n setIsModalOpen(false);\r\n };\r\n\r\n const selectInput = () => {\r\n return (\r\n //
\r\n );\r\n};\r\nTextbox.defaultProps = {\r\n autoFocus: false,\r\n readOnly: false,\r\n step: 0,\r\n styleProp: {},\r\n placeholder: '',\r\n};\r\n\r\nexport {Textbox};\r\n","import React, {useState, useEffect, Fragment, useContext} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport {ValidationMessage, ValidationContext} from '../formValidation';\r\nimport {STYLES} from 'core/constants/uiConstants';\r\nimport {TooltipIcon, TooltipText} from '../uicore';\r\nimport {usePCTranslation} from 'core/hooks';\r\n\r\nconst TextboxSubmit = ({getchangeCallback, getfocusCallback, lostfocusCallback, getclickCallback, stateData, name, text, autoFocus, readOnly, refItem, propStyle, buttonName, buttonType}) => {\r\n const {t} = usePCTranslation();\r\n const {errors, formErrors} = useContext(ValidationContext);\r\n const {controlItems} = useSelector((state) => ({\r\n controlItems: state.setupItems.controlItems ? state.setupItems.controlItems : null,\r\n }));\r\n\r\n let isDisabled = false;\r\n if (controlItems && controlItems[buttonName]) {\r\n isDisabled = controlItems[buttonName].displayDisabled;\r\n }\r\n const [isDisable, setIsDisable] = useState(false);\r\n useEffect(() => {\r\n setIsDisable(isDisabled);\r\n }, [isDisabled]);\r\n\r\n const controlOnChange = (event) => {\r\n event.persist();\r\n event.preventDefault();\r\n //the event.target.value is the after-change value here but...\r\n getchangeCallback(event, event.target.name, event.target.value);\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnClick = (event) => {\r\n event.persist();\r\n //the event.target.value is the after-change value here but...\r\n getclickCallback(event, buttonName, event.target.value);\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnFocus = (event) => {\r\n getfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnLostFocus = (event) => {\r\n lostfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n let containerClass = `${STYLES.INPUTCONTAINER} ${propStyle.textcontainer}`;\r\n if ((errors[name] || formErrors[name]) && controlItems[name] && controlItems[name].isDirty) {\r\n containerClass += ' errorState';\r\n }\r\n if (controlItems && controlItems[name] && controlItems[name].displayDisabled) containerClass += ' disabled';\r\n if (controlItems && controlItems[name] && controlItems[name].displayHidden) containerClass += ' hiddenField';\r\n\r\n const convertUnicode = (input) => {\r\n return input.replace(/\\\\u(\\w\\w\\w\\w)/g, (a, b) => {\r\n var charcode = parseInt(b, 16);\r\n return String.fromCharCode(charcode);\r\n });\r\n };\r\n\r\n const submitInput = () => {\r\n return (\r\n
\r\n );\r\n};\r\nTextboxSubmit.defaultProps = {\r\n autoFocus: false,\r\n readOnly: false,\r\n};\r\n\r\nexport {TextboxSubmit};\r\n","import React, {Fragment} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport {STYLES} from 'core/constants/uiConstants';\r\nimport {TooltipIcon, TooltipText} from '../uicore';\r\nimport {usePCTranslation} from 'core/hooks';\r\n\r\nconst ChoiceButtons = ({\r\n getchangeCallback,\r\n getfocusCallback,\r\n lostfocusCallback,\r\n text,\r\n name,\r\n autoFocus,\r\n disableChoice,\r\n readOnly,\r\n options,\r\n stateData,\r\n refItem,\r\n propStyle,\r\n}) => {\r\n const {t} = usePCTranslation();\r\n const {controlItem} = useSelector((state) => ({\r\n controlItem: state.setupItems.controlItems ? state.setupItems.controlItems[name] : null,\r\n }));\r\n\r\n let optionItems = {};\r\n if (controlItem && controlItem.useOptions) {\r\n optionItems = controlItem.optionItems;\r\n }\r\n const controlOnChange = (event) => {\r\n //setSelectedOption(event.target.value);\r\n event.persist();\r\n //the event.target.value is the after-change value here but...\r\n getchangeCallback(event, event.target.name, event.target.value);\r\n //We do not want to stop this so that it can go to the validation routines\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnFocus = (event) => {\r\n getfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n const controlOnLostFocus = (event) => {\r\n lostfocusCallback(event, event.target.name, event.target.value);\r\n //DO NOT propagate this event up as it should only be for the current control\r\n event.stopPropagation();\r\n };\r\n\r\n let containerClass = `${STYLES.INPUTCONTAINER} ${propStyle.inputcontainer}`;\r\n if (controlItem && controlItem.displayDisabled) containerClass += ' disabled';\r\n if (controlItem && controlItem.displayHidden) containerClass += ' hiddenField';\r\n\r\n const componentLabel = () => {\r\n return (\r\n <>\r\n {controlItem.showLabel && (\r\n \r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n
\r\n {alert.msg}\r\n