{"version":3,"file":"UtilityBar.mjs","names":["React","makeStyles","Card","Collapse","Divider","FluentIconButton","ChevronDownIcon","ChevronUpIcon","clsx","SubHeaderActionsTarget","InquiryHeaderTitleTarget","InquiryHeaderControlTarget","InquiryHeaderSecondaryTarget","InquiryHeaderSecondaryAlertTarget","useActionState","useShellStore","useStyles","theme","root","bar","display","flexDirection","gutters","paddingLeft","spacing","content","flex","width","collapsed","height","transition","transitions","create","easing","easeOut","duration","leavingScreen","expanded","easeIn","enteringScreen","open","justifyContent","toggleButton","position","right","top","cardRoot","paddingBottom","chevronButtonOpen","marginLeft","zIndex","appBar","chevronButtonClosed","left","chevronButtonClosedLower","inquiryHeader","name","UtilityBar","props","$","_c","classes","className","t0","expander","toggleOne","toggleTwo","closePrimary","t1","closeSecondary","t2","t3","expandedSecondary","setExpanded","setExpandedSecondary","undefined","actionState","pageSplitScreen","shaHasChildren","_temp","t4","t5","t6","t7","t8","actions","t9","card","icon","t10","t11","state","subHeaderActionHasChildren"],"sources":["../../../src/UI/utilityDisplay/UtilityBar.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Card, Collapse, Divider } from '@material-ui/core';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { SubHeaderActionsTarget } from '../../utilities/utilityBar/SubHeaderAction';\nimport { InquiryHeaderTitleTarget } from '../../utilities/utilityBar/InquiryHeaderTitle';\nimport { InquiryHeaderControlTarget } from '../../utilities/utilityBar/InquiryHeaderControl';\nimport { InquiryHeaderSecondaryTarget } from '../../utilities/utilityBar/InquiryHeaderSecondary';\nimport { InquiryHeaderSecondaryAlertTarget } from '../../utilities/utilityBar/InquiryHeaderSecondaryAlert';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    bar: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    gutters: {\n      paddingLeft: theme.spacing(2)\n    },\n    content: {\n      flex: 1,\n      width: '100%'\n    },\n    collapsed: {\n      height: 0,\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    expanded: {\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeIn,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    open: {\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    toggleButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1)\n    },\n    cardRoot: {\n      '&:last-child': {\n        paddingBottom: theme.spacing(1)\n      }\n    },\n    chevronButtonOpen: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosed: {\n      position: 'absolute',\n      left: '50%',\n      top: 11,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosedLower: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    inquiryHeader: {\n      display: 'flex',\n      flexDirection: 'column'\n      // alignItems: 'center'\n    }\n  }),\n\n  { name: 'UtilityBar' }\n);\n\nexport const UtilityBar = (props) => {\n\n  const classes = useStyles(props);\n  // const { expanded = true, gutters = true, className } = props\n  const {\n    className,\n    gutters = true,\n    expander,\n    toggleOne,\n    toggleTwo,\n    closePrimary = false,\n    closeSecondary = false,\n    expanded = true,\n    expandedSecondary,\n    setExpanded,\n    setExpandedSecondary\n  } = props;\n\n  const actionState = useActionState();\n  const { pageSplitScreen } = actionState || {};\n\n  const shaHasChildren = useShellStore(\n    (state) => state.subHeaderActionHasChildren\n  );\n\n  return (\n    <div className={clsx(classes.bar, gutters && classes.gutters, className)}>\n      <div\n        className={classes.content}\n        style={{ zIndex: pageSplitScreen?.open ? 1100 : '' }}\n      >\n        {!expander && (\n          <Card variant={`${shaHasChildren ? 'outlined' : 'elevation'}`}>\n            <SubHeaderActionsTarget className={classes.actions} />\n          </Card>\n        )}\n        {expander && (\n          <div>\n            <Card className={classes.card} square>\n              {/* <CardContent classes={{ root: classes.cardRoot }}> */}\n              <div>\n                <InquiryHeaderTitleTarget />\n\n                {/* <Collapse in={expanded || closePrimary} timeout='auto'> */}\n                <Collapse in={closePrimary} timeout='auto'>\n                  <SubHeaderActionsTarget className={classes.actions} />\n                </Collapse>\n\n                {toggleOne && (\n                  <div\n                    className={clsx(\n                      expanded\n                        ? classes.chevronButtonOpen\n                        : classes.chevronButtonClosed\n                    )}\n                  >\n                    <FluentIconButton\n                      // onClick={() => setExpanded(!expanded)}\n                      onClick={setExpanded}\n                      icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                      className={classes.icon}\n                    // rounded={!expanded}\n                    />\n                  </div>\n                )}\n              </div>\n              <Divider />\n              {/* </CardContent> */}\n              {/* <Collapse in={expandedSecondary || closeSecondary} timeout='auto'> */}\n              <Collapse in={closeSecondary} timeout='auto'>\n                <div className={classes.inquiryHeader}>\n                  <InquiryHeaderSecondaryTarget className={classes.actions} />\n                  <InquiryHeaderSecondaryAlertTarget\n                    className={classes.actions}\n                  />\n                </div>\n              </Collapse>\n              <InquiryHeaderControlTarget />\n              {toggleTwo && (\n                <div\n                  className={clsx(\n                    expandedSecondary\n                      ? classes.chevronButtonOpen\n                      : classes.chevronButtonClosedLower\n                  )}\n                >\n                  <FluentIconButton\n                    // onClick={() => setExpandedSecondary(!expandedSecondary)}\n                    onClick={setExpandedSecondary}\n                    icon={expandedSecondary ? ChevronUpIcon : ChevronDownIcon}\n                    className={classes.icon}\n                  // rounded={!expandedSecondary}\n                  />\n                </div>\n              )}\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMgB,YAAYf,YACfgB,WAAW;CACVC,MAAM,EAAE;CACRC,KAAK;EACHC,SAAS;EACTC,eAAe;EAChB;CACDC,SAAS,EACPC,aAAaN,MAAMO,QAAQ,EAAC,EAC7B;CACDC,SAAS;EACPC,MAAM;EACNC,OAAO;EACR;CACDC,WAAW;EACTC,QAAQ;EACRC,YAAYb,MAAMc,YAAYC,OAAO,UAAU;GAC7CC,QAAQhB,MAAMc,YAAYE,OAAOC;GACjCC,UAAUlB,MAAMc,YAAYI,SAASC;GACtC,CAAA;EACF;CACDC,UAAU,EACRP,YAAYb,MAAMc,YAAYC,OAAO,UAAU;EAC7CC,QAAQhB,MAAMc,YAAYE,OAAOK;EACjCH,UAAUlB,MAAMc,YAAYI,SAASI;EACtC,CAAA,EACF;CACDC,MAAM;EACJpB,SAAS;EACTqB,gBAAgB;EACjB;CACDC,cAAc;EACZC,UAAU;EACVC,OAAO3B,MAAMO,QAAQ,EAAE;EACvBqB,KAAK5B,MAAMO,QAAQ,EAAC;EACrB;CACDsB,UAAU,EACR,gBAAgB,EACdC,eAAe9B,MAAMO,QAAQ,EAAC,EAChC,EACD;CACDwB,mBAAmB;EACjB5B,SAAS;EACTqB,gBAAgB;EAChBQ,YAAY;EACZC,QAAQjC,MAAMiC,OAAOC;EACtB;CACDC,qBAAqB;EACnBT,UAAU;EACVU,MAAM;EACNR,KAAK;EACLK,QAAQjC,MAAMiC,OAAOC;EACtB;CACDG,0BAA0B;EACxBlC,SAAS;EACTqB,gBAAgB;EAChBQ,YAAY;EACZC,QAAQjC,MAAMiC,OAAOC;EACtB;CACDI,eAAe;EACbnC,SAAS;EACTC,eAAe;EAEjB;CACD,GAED,EAAEmC,MAAM,cACV,CAAC;AAED,MAAaC,cAAaC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAExB,MAAAC,UAAgB7C,UAAU0C,MAAM;CAEhC,MAAA,EAAAI,WAAAxC,SAAAyC,IAAAC,UAAAC,WAAAC,WAAAC,cAAAC,IAAAC,gBAAAC,IAAAjC,UAAAkC,IAAAC,mBAAAC,aAAAC,yBAYIhB;CAVF,MAAApC,UAAAyC,OAAAY,KAAAA,IAAA,OAAAZ;CAIA,MAAAI,eAAAC,OAAAO,KAAAA,IAAA,QAAAP;CACA,MAAAC,iBAAAC,OAAAK,KAAAA,IAAA,QAAAL;CACA,MAAAjC,WAAAkC,OAAAI,KAAAA,IAAA,OAAAJ;CAOF,MAAA,EAAAM,oBADoB/D,gBAAgB,IACR,EAAiB;CAE7C,MAAAgE,iBAAuB/D,cACrBgE,MACD;CAGmC,MAAAC,KAAA1D,WAAWuC,QAAOvC;CAAQ,IAAA2D;AAAA,KAAAtB,EAAA,OAAAG,aAAAH,EAAA,OAAAE,QAAA1C,OAAAwC,EAAA,OAAAqB,IAAA;AAA5CC,OAAAzE,KAAKqD,QAAO1C,KAAM6D,IAA4BlB,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAE,QAAA1C;AAAAwC,IAAA,KAAAqB;AAAArB,IAAA,KAAAsB;OAAAA,MAAAtB,EAAA;CAGnD,MAAAuB,KAAAL,iBAAerC,OAAf,OAAA;CAAiC,IAAA2C;AAAA,KAAAxB,EAAA,OAAAuB,IAAA;AAA3CC,OAAA,EAAAjC,QAAUgC,IAAmC;AAAAvB,IAAA,KAAAuB;AAAAvB,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,OAAAE,QAAAwB,WAAA1B,EAAA,OAAAK,YAAAL,EAAA,OAAAmB,gBAAA;AAEnDM,OAAA,CAACpB,YACA,sBAAA,cAAC,MAAD,EAAe,SAAA,GAAGc,iBAAA,aAAA,eAGnB,EAFG,sBAAA,cAAC,wBAAD,EAAmC,WAAAjB,QAAOwB,SAC5C,CAAA,CACD;AAAA1B,IAAA,KAAAE,QAAAwB;AAAA1B,IAAA,KAAAK;AAAAL,IAAA,KAAAmB;AAAAnB,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAE,QAAAwB,WAAA1B,EAAA,QAAAE,QAAA0B,QAAA5B,EAAA,QAAAE,QAAAT,uBAAAO,EAAA,QAAAE,QAAAP,4BAAAK,EAAA,QAAAE,QAAAb,qBAAAW,EAAA,QAAAE,QAAA2B,QAAA7B,EAAA,QAAAE,QAAAN,iBAAAI,EAAA,QAAAQ,gBAAAR,EAAA,QAAAU,kBAAAV,EAAA,QAAAtB,YAAAsB,EAAA,QAAAa,qBAAAb,EAAA,QAAAK,YAAAL,EAAA,QAAAc,eAAAd,EAAA,QAAAe,wBAAAf,EAAA,QAAAM,aAAAN,EAAA,QAAAO,WAAA;AACAoB,OAAAtB,YACC,sBAAA,cAAA,OAAA,MACE,sBAAA,cAAC,MAAD;GAAiB,WAAAH,QAAO0B;GAAO,QAAA;GA0DjC,EAxDI,sBAAA,cAAA,OAAA,MACE,sBAAA,cAAC,0BAAA,KAGD,EAAA,sBAAA,cAAC,UAAD;GAAcpB,IAAAA;GAAsB,SAAA;GAInC,EAHC,sBAAA,cAAC,wBAAD,EAAmC,WAAAN,QAAOwB,SAC5C,CAAA,CAEC,EAAApB,aACC,sBAAA,cAAA,OAAA,EACa,WAAAzD,KACT6B,WACIwB,QAAOb,oBACPa,QAAOT,oBACb,EAUJ,EARI,sBAAA,cAAC,kBAAD;GAEWqB,SAAAA;GACH,MAAApC,WAAA9B,gBAAAD;GACK,WAAAuD,QAAO2B;GAGtB,CAAA,CACF,CAEF,EAAA,sBAAA,cAAC,SAAA,KAGD,EAAA,sBAAA,cAAC,UAAD;GAAcnB,IAAAA;GAAwB,SAAA;GAQtC,EAPE,sBAAA,cAAA,OAAA,EAAgB,WAAAR,QAAON,eAMzB,EALI,sBAAA,cAAC,8BAAD,EAAyC,WAAAM,QAAOwB,SAChD,CAAA,EAAA,sBAAA,cAAC,mCAAD,EACa,WAAAxB,QAAOwB,SAEtB,CAAA,CACF,CACA,EAAA,sBAAA,cAAC,4BAAA,KACA,EAAAnB,aACC,sBAAA,cAAA,OAAA,EACa,WAAA1D,KACTgE,oBACIX,QAAOb,oBACPa,QAAOP,yBACb,EAUJ,EARI,sBAAA,cAAC,kBAAD;GAEWoB,SAAAA;GACH,MAAAF,oBAAAjE,gBAAAD;GACK,WAAAuD,QAAO2B;GAGtB,CAAA,CACF,CAEJ,CACD;AAAA7B,IAAA,MAAAE,QAAAwB;AAAA1B,IAAA,MAAAE,QAAA0B;AAAA5B,IAAA,MAAAE,QAAAT;AAAAO,IAAA,MAAAE,QAAAP;AAAAK,IAAA,MAAAE,QAAAb;AAAAW,IAAA,MAAAE,QAAA2B;AAAA7B,IAAA,MAAAE,QAAAN;AAAAI,IAAA,MAAAQ;AAAAR,IAAA,MAAAU;AAAAV,IAAA,MAAAtB;AAAAsB,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAM;AAAAN,IAAA,MAAAO;AAAAP,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAE,QAAApC,WAAAkC,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;AAtEHG,QAAA,sBAAA,cAAA,OAAA;GACa,WAAA5B,QAAOpC;GACX,OAAA0D;GAqEH,EAnEHC,IAKAE,GA8DG;AAAA3B,IAAA,MAAAE,QAAApC;AAAAkC,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA2B;AAAA3B,IAAA,MAAA8B;OAAAA,OAAA9B,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,QAAA8B,OAAA9B,EAAA,QAAAsB,IAAA;AAxERS,QAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAT,IAyEV,EAxEJQ,IAwEI;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAAsB;AAAAtB,IAAA,MAAA+B;OAAAA,OAAA/B,EAAA;AAAA,QAzEN+B;;AA1BsB,SAAAX,MAAAY,OAAA;AAAA,QAsBXA,MAAKC"}