npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.15 → 5.0.0-next.17 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.15 → 5.0.0-next.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { ~~HvApplication~~ } from \"~~..\~~";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: ~~HvApplication~~;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: ~~Function~~;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: ~~Function~~;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":";;;;;;;;;;;;;;~~AA6BA~~,MAAMA,WAAWA,CAACC,OAAOC,iBACvBC,YAAAA,MAAMC,OAAOH,KAAK,KAAKA,SAASC;AAE3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkBA,MAAM;AAAA,EAAC;AAAA,EACzBC,qBAAqBA,MAAM;AACd,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAaC;AAAAA,IAAUC;AAAAA,IAAaC;AAAAA,IAASC;AAAAA,IAAKC;AAAAA,EAC9DT,IAAAA;AAEIR,QAAAA,QAAQa,WACVX,YAAAA,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,YAAAA,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,~~eAAS~~,IAAI;~~AAErD~~,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,4CACGI,cAAAA,WAAS;AAAA,QACRlB,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBX,SAASR,mCAASQ,OAAO;AAAA,QAClEY,KAAKZ;AAAAA,QACLa,SAASA,MAAM;AACbP,0BAAgB,KAAK;AAAA,QACvB;AAAA,QACAQ,KAAKjB;AAAAA,MAAAA,CACL;AAAA,IAEN;AAEMkB,UAAAA,cAAcnB,KAAKoB,MAAM,GAAG;AAClC,UAAMC,WACJF,YAAY,CAAC,EAAEG,UAAU,GAAG,CAAC,KAC5BH,YAAY,CAAC,IAAIA,YAAY,CAAC,EAAEG,UAAU,GAAG,CAAC,IAAI;AAErD,0CACGC,OAAAA,UAAQ;AAAA,MAACC,MAAK;AAAA,MAAKC,iBAAiBpC;AAAAA,MAAOqC,SAAQ;AAAA,MAAQC,UACzDN;AAAAA,IAAAA,CACQ;AAAA,EAAA;AAITO,QAAAA,aAAa7B,mBAAmBF,WAAW;~~AAKjD~~,~~QAAMgC~~,~~gBAAiBC~~,~~CAAU~~,~~UAAA~~;~~AAC/B~~,QAAI5B,UAAU;AACZ4B,YAAMC,eAAgB;AACtB;AAAA,IACF;AAEAjC,uDAAkBgC,OAAO;AAAA,MAAE,GAAGjC;AAAAA,MAAa+B;AAAAA,IAAAA;AAAAA,EAAY;AAGzD,QAAMI,SAAS3B,OAAO;AAEtB,wCACG4B,cAAAA,gBAAc;AAAA,IACbvC;AAAAA,IACAwC,aAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAUR;AAAAA,IACV1B;AAAAA,IACAP,WAAWmB,cAAAA,QACTnB,WACAoB,cAAAA,QAAyBsB,MACzBzC,mCAASyC,MACTnC,YAAYY,sBAAKC,cAAAA,QAAyBb,UAAUN,mCAASM,QAAQ,GACrE0B,cAAcd,cAAAA,QAAKC,cAAAA,QAAyBqB,UAAUxC,mCAASwC,QAAQ,CAAC;AAAA,IACxET,0CAEDW,gCAAgB;AAAA,MACfC,WAAWP,SAAS,MAAM;AAAA,MAC1BQ,MAAMR,SAAS3B,MAAMoC;AAAAA,MACrBnC,QAAQ0B,SAAS1B,UAAU,SAASmC;AAAAA,MACpC9C,WAAWmB,cAAAA,QACTC,cAAAA,QAAyB2B,YACzB9C,mCAAS8C,UAAU;AAAA,MAErBC,SAASd;AAAAA,MACTe,OAAO;AAAA,QAAEC,aAAaxD;AAAAA,MAAM;AAAA,MAAEsC,UAAA,CAE9BmB,2BAAAA,IAACC,0BAAU;AAAA,QACTpD,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBiC,MAAMpD,mCAASoD,IAAI;AAAA,QAAErB,UAE7Df,sBAAqB;AAAA,MAAA,CACX,GAEbkC,2BAAAA,IAACG,0BAAgB;AAAA,QACfC,OAAOlD;AAAAA,QACPL,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBmC,OAAOtD,mCAASsD,KAAK;AAAA,QAC9DC,MAAK;AAAA,MAAA,CAAQ,GAGdlD,eACC6C,2BAAAA,IAACM,mBAAS;AAAA,QACRC,sBAAoB;AAAA,QACpBC,sBAAoB;AAAA,QACpBJ,sCAAQK,yBAAY;AAAA,UAAA5B,UAAE1B;AAAAA,QAAAA,CAA4B;AAAA,QAAA0B,yCAElD,OAAA;AAAA,UAAAA,yCACG6B,8BAAc;AAAA,YACb7D,WAAWmB,cAAAA,QACTC,cAAAA,QAAyB0C,UACzB7D,mCAAS6D,QAAQ;AAAA,YAEnBC,MAAK;AAAA,YACL,cAAYzD;AAAAA,UAAAA,CAAY;AAAA,QAAA,CACxB;AAAA,MAAA,CAGP,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEY;AAErB;;"}
1	+ {"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvAppSwitcherActionApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: (\n event: React.MouseEvent,\n application: HvAppSwitcherActionApplication\n ) => void;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState<boolean>(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event: React.MouseEvent) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type ~~HvApplication~~ = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: ~~HvApplication~~[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: ~~Function~~;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: ~~Function~~;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n appSwitcherClasses[layout],\n classes?.[layout],\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;;;;;~~AA6DO~~,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,~~CAACC~~,~~OAAOC~~,~~gBAAgB~~;~~AAC5CP~~,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAAAA,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,cAAAA,QAAKpB,mCAASqB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,UACjDE,UAAUH,cAAAA,QACRpB,mCAASwB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,UAEjCC,UAAUL,cAAAA,QACRpB,mCAAS0B,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,UAEjCC,YAAYP,cAAAA,QACVpB,mCAAS4B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,UAEhCC,MAAMT,cAAAA,QAAKpB,mCAAS8B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,cAAAA,QAAKpB,mCAAS+B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,cAAAA,QACRpB,mCAASiC,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,yCACGiC,mBAAAA,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,cACTrB,QAAAA,WACAuB,mBAAAA,QAAmBH,MACnBnB,mCAASmB,MACTG,mBAAmBrB,QAAAA,MAAM,GACzBD,mCAAUC,SACVO,UAAUY,cAAAA,QAAKE,mBAAmBe,QAAAA,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,cAAAA,QAAKE,mBAAAA,QAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,2BAAAA,IAACC,gCAAW;AAAA,MAAC7C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,2BAAAA,IAACE,0BAAgB;AAAA,MACf9C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,2BAAAA,IAACI,2CAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,2BAAAA,IAACO,iCAAY;AAAA,MACXnD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;;"}
1	+ {"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvAppSwitcherActionApplication = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: HvAppSwitcherActionApplication[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: (\n event: React.MouseEvent,\n application: HvAppSwitcherActionApplication\n ) => void;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: (\n application: HvAppSwitcherActionApplication\n ) => boolean;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (\n event: React.MouseEvent,\n application: HvAppSwitcherActionApplication\n ) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n appSwitcherClasses[layout],\n classes?.[layout],\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":"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"}

package/dist/cjs/components/Banner/Banner.cjs CHANGED Viewed

@@ -5,9 +5,9 @@ const React = require("react");
 const Slide = require("@mui/material/Slide");
 const capitalize = require("lodash/capitalize");
 const Banner_styles = require("./Banner.styles.cjs");
+const bannerClasses = require("./bannerClasses.cjs");
 const BannerContent = require("./BannerContent/BannerContent.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const bannerClasses = require("./bannerClasses.cjs");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);

package/dist/cjs/components/Banner/Banner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n SnackbarProps as MuiSnackbarProps,\n SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n HvBannerContent,\n HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"~~components~~\";\n\nexport type HvBannerVariant = \"success\" \| \"warning\" \| \"error\" \| \"default\";\n\nexport type HvBannerActionPosition = \"auto\" \| \"inline\" \| \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\" \| \"classes\"> &\n HvBaseProps & {\n /** If true \| Snackbar is open. /\n open: boolean;\n /* Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. /\n onClose?: ~~Function~~;\n /* The message to display. /\n label?: React.ReactNode;\n /* The anchor of the Snackbar. /\n anchorOrigin?: \"top\" \| \"bottom\";\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* How much the transition animation last in milliseconds, if 0 no animation is played. /\n transitionDuration?: number;\n /* Direction of slide transition. /\n transitionDirection?: \"up\" \| \"down\" \| \"left\" \| \"right\";\n /* Offset from top/bottom of the page, in px. Defaults to 60px. /\n offset?: number;\n /* Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. /\n bannerContentProps?: HvBannerContentProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBannerClasses;\n };\n\n/\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n id,\n classes,\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n}: HvBannerProps) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset \|\| 0}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset \|\| 0}px`,\n },\n };\n\n const anchorOriginBanner: SnackbarOrigin = {\n horizontal: \"center\",\n vertical: anchorOrigin,\n };\n\n const SlideTransition = useCallback(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <StyledSnackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n className={className}\n id={id}\n classes={{\n root: open\n ? clsx(bannerClasses.root, classes?.root)\n : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n anchorOriginTopCenter: clsx(\n bannerClasses.anchorOriginTopCenter,\n classes?.anchorOriginTopCenter\n ),\n anchorOriginBottomCenter: clsx(\n bannerClasses.anchorOriginBottomCenter,\n classes?.anchorOriginBottomCenter\n ),\n }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n open={open}\n $isOpen={open}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContent\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </StyledSnackbar>\n );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;~~AAgEO~~,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}
1	+ {"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n SnackbarProps as MuiSnackbarProps,\n SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport { setId } from \"../../utils\";\nimport {\n HvBannerContent,\n HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"../ActionsGeneric\";\n\nexport type HvBannerVariant = \"success\" \| \"warning\" \| \"error\" \| \"default\";\n\nexport type HvBannerActionPosition = \"auto\" \| \"inline\" \| \"bottom-right\";\n\nexport type HvBannerProps = Omit<\n MuiSnackbarProps,\n \"anchorOrigin\" \| \"classes\" \| \"onClose\"\n> &\n HvBaseProps & {\n /** If true \| Snackbar is open. /\n open: boolean;\n /* Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* The message to display. /\n label?: React.ReactNode;\n /* The anchor of the Snackbar. /\n anchorOrigin?: \"top\" \| \"bottom\";\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* How much the transition animation last in milliseconds, if 0 no animation is played. /\n transitionDuration?: number;\n /* Direction of slide transition. /\n transitionDirection?: \"up\" \| \"down\" \| \"left\" \| \"right\";\n /* Offset from top/bottom of the page, in px. Defaults to 60px. /\n offset?: number;\n /* Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. /\n bannerContentProps?: HvBannerContentProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBannerClasses;\n };\n\n/\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n id,\n classes,\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n}: HvBannerProps) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset \|\| 0}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset \|\| 0}px`,\n },\n };\n\n const anchorOriginBanner: SnackbarOrigin = {\n horizontal: \"center\",\n vertical: anchorOrigin,\n };\n\n const SlideTransition = useCallback(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <StyledSnackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n className={className}\n id={id}\n classes={{\n root: open\n ? clsx(bannerClasses.root, classes?.root)\n : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n anchorOriginTopCenter: clsx(\n bannerClasses.anchorOriginTopCenter,\n classes?.anchorOriginTopCenter\n ),\n anchorOriginBottomCenter: clsx(\n bannerClasses.anchorOriginBottomCenter,\n classes?.anchorOriginBottomCenter\n ),\n }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n open={open}\n $isOpen={open}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContent\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </StyledSnackbar>\n );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;AAmEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n StyledActionContainer,\n StyledButton,\n StyledClose,\n StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"~~components~~\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n /** onClose function. /\n onClose?: ~~Function~~;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n id,\n classes,\n onClose,\n action,\n actionCallback,\n ...others\n}: HvActionContainerProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n return (\n <StyledActionContainer\n className={clsx(\n actionContainerClasses.actionContainer,\n classes?.actionContainer\n )}\n >\n <StyledButton\n icon\n className={clsx(\n actionContainerClasses.closeAction,\n classes?.closeAction\n )}\n variant=\"secondaryGhost\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n {...others}\n >\n <StyledClose\n iconSize=\"XS\"\n className={clsx(\n actionContainerClasses.iconContainer,\n classes?.iconContainer\n )}\n color=\"base2\"\n />\n </StyledButton>\n {action && (\n <StyledActionsInnerContainer\n className={clsx(\n actionContainerClasses.actionsInnerContainer,\n classes?.actionsInnerContainer\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </StyledActionsInnerContainer>\n )}\n </StyledActionContainer>\n );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base1","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,UAASC,kBAAMH,OAAOE;AAAAA,MAChE,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAO;AAAA,IAAA,CACb,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}
1	+ {"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n StyledActionContainer,\n StyledButton,\n StyledClose,\n StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"../../../../hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n /** onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n id,\n classes,\n onClose,\n action,\n actionCallback,\n ...others\n}: HvActionContainerProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n return (\n <StyledActionContainer\n className={clsx(\n actionContainerClasses.actionContainer,\n classes?.actionContainer\n )}\n >\n <StyledButton\n icon\n className={clsx(\n actionContainerClasses.closeAction,\n classes?.closeAction\n )}\n variant=\"secondaryGhost\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n {...others}\n >\n <StyledClose\n iconSize=\"XS\"\n className={clsx(\n actionContainerClasses.iconContainer,\n classes?.iconContainer\n )}\n color=\"base2\"\n />\n </StyledButton>\n {action && (\n <StyledActionsInnerContainer\n className={clsx(\n actionContainerClasses.actionsInnerContainer,\n classes?.actionsInnerContainer\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </StyledActionsInnerContainer>\n )}\n </StyledActionContainer>\n );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base1","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,UAASC,kBAAMH,OAAOE;AAAAA,MAChE,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAO;AAAA,IAAA,CACb,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
+const bannerContentClasses = require("./bannerContentClasses.cjs");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
 const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
-const bannerContentClasses = require("./bannerContentClasses.cjs");
 const MessageContainer = require("./MessageContainer/MessageContainer.cjs");
 const ActionContainer = require("./ActionContainer/ActionContainer.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n ~~bannerContentClasses,\n~~ HvBannerContentClasses,\n ~~HvMessageContainer,\n~~ HvActionContainer~~,\n~~} from \".\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n HvActionGeneric,\n HvBannerActionPosition,\n HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" \| \"classes\"\n> &\n HvBaseProps & {\n /** The message to display. /\n content?: React.ReactNode;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: ~~Function~~;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (\n {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon \|\| (showIcon && iconVariant(variant, \"base2\", undefined));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <StyledRoot\n className={clsx(\n bannerContentClasses.outContainer,\n classes?.outContainer\n )}\n >\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(bannerContentClasses.root, classes?.root),\n message: clsx(bannerContentClasses.message, classes?.message),\n action: clsx(bannerContentClasses.action, classes?.action),\n }}\n className={clsx(\n bannerContentClasses.baseVariant,\n classes?.baseVariant,\n bannerContentClasses[variant],\n classes?.[variant]\n )}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n $variant={variant as HvBannerVariant}\n {...others}\n />\n </StyledRoot>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;;;~~AAkDaA~~,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}
1	+ {"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport bannerContentClasses, {\n HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n HvActionGeneric,\n HvBannerActionPosition,\n HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"../../../utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" \| \"classes\" \| \"onClose\"\n> &\n HvBaseProps & {\n /** The message to display. /\n content?: React.ReactNode;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (\n {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon \|\| (showIcon && iconVariant(variant, \"base2\", undefined));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <StyledRoot\n className={clsx(\n bannerContentClasses.outContainer,\n classes?.outContainer\n )}\n >\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(bannerContentClasses.root, classes?.root),\n message: clsx(bannerContentClasses.message, classes?.message),\n action: clsx(bannerContentClasses.action, classes?.action),\n }}\n className={clsx(\n bannerContentClasses.baseVariant,\n classes?.baseVariant,\n bannerContentClasses[variant],\n classes?.[variant]\n )}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n $variant={variant as HvBannerVariant}\n {...others}\n />\n </StyledRoot>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;;;AAiDaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}

package/dist/cjs/components/Forms/FormElement/FormElement.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormElement.cjs","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types~~/index~~\";\nimport { useUniqueId } from \"hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" \| \"valid\" \| \"invalid\" \| \"empty\";\n\nexport type HvFormElementProps = HvBaseProps & {\n /*\n Name of the form element.\n \n Part of a name/value pair, should be the name property of the underling native input.\n /\n name?: string;\n /\n Current value of the form element.\n \n Part of a name/value pair, should be the value property of the underling native input.\n /\n value?: any;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Whether the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /* The callback fired when the value changes. /\n onChange?: ~~Function~~;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n classes,\n className,\n children,\n id,\n name,\n value,\n disabled = false,\n required = false,\n readOnly = false,\n status = \"standBy\",\n ...others\n}: HvFormElementProps) => {\n const elementId = useUniqueId(id, \"hvformelement\");\n\n const contextValue = useMemo(\n () => ({\n elementId,\n elementName: name,\n elementStatus: status,\n elementDisabled: disabled,\n elementRequired: required,\n elementReadOnly: readOnly,\n }),\n [disabled, elementId, name, readOnly, required, status]\n );\n\n const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n return (\n <div\n id={id}\n className={clsx(className, formElementClasses.root, classes?.root)}\n {...others}\n >\n <HvFormElementContextProvider value={contextValue}>\n <HvFormElementValueContextProvider value={value}>\n <HvFormElementDescriptorsContextProvider value={descriptors}>\n {children}\n </HvFormElementDescriptorsContextProvider>\n </HvFormElementValueContextProvider>\n </HvFormElementContextProvider>\n </div>\n );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,EACT,GAAGC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAAA,QAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,MAAAA,QAAQ,MAAMO,UAAAA,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,wCACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,cAAKrB,QAAAA,WAAWsB,mBAAmBC,QAAAA,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,yCAETuB,iDAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,yCAC/CwB,2DAAiC;AAAA,QAACrB;AAAAA,QAAaH,yCAC7CyB,uEAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;;"}
1	+ {"version":3,"file":"FormElement.cjs","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { useUniqueId } from \"../../../hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" \| \"valid\" \| \"invalid\" \| \"empty\";\n\nexport type HvFormElementProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /*\n Name of the form element.\n \n Part of a name/value pair, should be the name property of the underling native input.\n /\n name?: string;\n /\n Current value of the form element.\n \n Part of a name/value pair, should be the value property of the underling native input.\n /\n value?: any;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Whether the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /* The callback fired when the value changes. /\n onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n classes,\n className,\n children,\n id,\n name,\n value,\n disabled = false,\n required = false,\n readOnly = false,\n status = \"standBy\",\n ...others\n}: HvFormElementProps) => {\n const elementId = useUniqueId(id, \"hvformelement\");\n\n const contextValue = useMemo(\n () => ({\n elementId,\n elementName: name,\n elementStatus: status,\n elementDisabled: disabled,\n elementRequired: required,\n elementReadOnly: readOnly,\n }),\n [disabled, elementId, name, readOnly, required, status]\n );\n\n const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n return (\n <div\n id={id}\n className={clsx(className, formElementClasses.root, classes?.root)}\n {...others}\n >\n <HvFormElementContextProvider value={contextValue}>\n <HvFormElementValueContextProvider value={value}>\n <HvFormElementDescriptorsContextProvider value={descriptors}>\n {children}\n </HvFormElementDescriptorsContextProvider>\n </HvFormElementValueContextProvider>\n </HvFormElementContextProvider>\n </div>\n );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,EACT,GAAGC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAAA,QAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,MAAAA,QAAQ,MAAMO,UAAAA,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,wCACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,cAAKrB,QAAAA,WAAWsB,mBAAmBC,QAAAA,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,yCAETuB,iDAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,yCAC/CwB,2DAAiC;AAAA,QAACrB;AAAAA,QAAaH,yCAC7CyB,uEAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;;"}

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs CHANGED Viewed

@@ -28,9 +28,9 @@ const HvSuggestions = ({
   const localId = id ?? setId.setId(elementId, "suggestions");
   const ref = React.useRef(null);
   const [isOpen, setIsOpen] = React.useState(expanded);
-  useClickOutside.useClickOutside(ref, (e) => {
+  useClickOutside.useClickOutside(ref, (event) => {
     setIsOpen(false);
-    onClose == null ? void 0 : onClose(e);
+    onClose == null ? void 0 : onClose(event);
   });
   React.useEffect(() => {
     setIsOpen(expanded);

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n StyledRoot,\n StyledSelectionList,\n StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"~~components~~\";\nimport { useClickOutside } from \"hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n id?: string;\n label: React.ReactNode;\n value?: string;\n disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n /** Whether suggestions is visible. /\n expanded?: boolean;\n /* The HTML element Suggestions attaches to. /\n anchorEl?: HTMLElement \| null;\n /* Array of { id, label, ...others } values to display in the suggestion list /\n suggestionValues?: HvSuggestion[] \| null;\n /* Function called when suggestion ~~list~~ is ~~closed~~ /\n // ~~onClose~~: Function,\n /* ~~Function~~ ~~called~~ ~~when~~ ~~a suggestion is selected /\n onSuggestionSelected?: Function~~;\n /* Function called when suggestion list is closed /\n onClose?: ~~Function~~;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n id,\n className,\n classes,\n expanded = false,\n anchorEl,\n suggestionValues = [],\n onClose,\n onSuggestionSelected,\n ...others\n}: HvSuggestionsProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const localId = id ?? setId(elementId, \"suggestions\");\n\n const ref = useRef<HTMLDivElement>(null);\n const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n useClickOutside(ref, (e) => {\n setIsOpen(false);\n onClose?.(e);\n });\n\n useEffect(() => {\n setIsOpen(expanded);\n }, [expanded]);\n\n return (\n <StyledRoot\n id={localId}\n ref={ref}\n className={clsx(className, suggestionsClasses.root, classes?.root)}\n {...others}\n >\n <StyledPopper\n open={isOpen}\n disablePortal\n anchorEl={anchorEl}\n className={clsx(suggestionsClasses.popper, classes?.popper)}\n >\n <StyledSelectionList\n className={clsx(suggestionsClasses.list, classes?.list)}\n id={setId(localId, \"list\")}\n onChange={onSuggestionSelected}\n >\n {suggestionValues?.map((item, i) => {\n const itemKey = item.id \|\| setId(\"item\", i);\n\n return (\n <HvListItem\n key={itemKey}\n value={item}\n disabled={item.disabled \|\| undefined}\n >\n {item.label}\n </HvListItem>\n );\n })}\n </StyledSelectionList>\n </StyledPopper>\n </StyledRoot>\n );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","~~useClickOutside~~","~~e","~~useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;;;;~~AAsCO~~,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,eAAkBf,QAAQ;~~AAEtDgB~~,~~kCAAgBL~~,~~KAAMM~~,~~CAAM~~,~~MAAA~~;~~AAC1BH~~,cAAU,KAAK;AACfX,~~uCAAUc~~;AAAAA,~~EAAC~~,~~CACZ~~;AAEDC,QAAAA,UAAU,MAAM;~~AACdJ~~,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,~~wCACGmB~~,mBAAAA,YAAU;AAAA,~~IACTtB~~,IAAIY;AAAAA,IACJE;AAAAA,IACAb,~~WAAWsB~~,~~cAAKtB~~,QAAAA,~~WAAWuB~~,mBAAmBC,QAAAA,~~MAAMvB~~,~~mCAASuB~~,IAAI;AAAA,IAAE,GAC/~~DjB~~;AAAAA,~~IAAMkB~~,yCAETC,iCAAY;AAAA,MACXC,~~MAAMZ~~;AAAAA,~~MACNa~~,eAAa;AAAA,~~MACbzB~~;AAAAA,MACAH,~~WAAWsB~~,cAAAA,QAAKC,mBAAAA,QAAmBM,~~QAAQ5B~~,~~mCAAS4B~~,MAAM;AAAA,MAAEJ,yCAE3DK,wCAAmB;AAAA,~~QAClB9B~~,~~WAAWsB~~,cAAAA,QAAKC,mBAAAA,QAAmBQ,~~MAAM9B~~,~~mCAAS8B~~,IAAI;AAAA,~~QACtDhC~~,IAAIa,MAAAA,MAAMD,SAAS,MAAM;AAAA,~~QACzBqB~~,~~UAAU1B~~;AAAAA,~~QAAqBmB~~,~~UAE9BrB~~,~~qDAAkB6B~~,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,~~KAAKnC~~,MAAMa,MAAAA,MAAM,~~QAAQuB~~,CAAC;AAE1C,gDACGE,SAAAA,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAAO;AAAA,QAAA;AAAA,MAOjB,CAAC;AAAA,IAAA,CACkB;AAAA,EAAA,CAEb;AAEjB;;"}
1	+ {"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n StyledRoot,\n StyledSelectionList,\n StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"../../ListContainer/ListItem\";\nimport { HvClickOutsideEvent, useClickOutside } from \"../../../hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n id?: string;\n label: React.ReactNode;\n value?: string;\n disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n /** Whether suggestions is visible. /\n expanded?: boolean;\n /* The HTML element Suggestions attaches to. /\n anchorEl?: HTMLElement \| null;\n /* Array of { id, label, ...others } values to display in the suggestion list /\n suggestionValues?: HvSuggestion[] \| null;\n /* Function called when a suggestion is selected /\n onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n /* Function called when suggestion list is closed /\n onClose?: (event: HvClickOutsideEvent) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n id,\n className,\n classes,\n expanded = false,\n anchorEl,\n suggestionValues = [],\n onClose,\n onSuggestionSelected,\n ...others\n}: HvSuggestionsProps) => {\n const { elementId } = useContext(HvFormElementContext);\n const localId = id ?? setId(elementId, \"suggestions\");\n\n const ref = useRef<HTMLDivElement>(null);\n const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n useClickOutside(ref, (event: HvClickOutsideEvent) => {\n setIsOpen(false);\n onClose?.(event);\n });\n\n useEffect(() => {\n setIsOpen(expanded);\n }, [expanded]);\n\n return (\n <StyledRoot\n id={localId}\n ref={ref}\n className={clsx(className, suggestionsClasses.root, classes?.root)}\n {...others}\n >\n <StyledPopper\n open={isOpen}\n disablePortal\n anchorEl={anchorEl}\n className={clsx(suggestionsClasses.popper, classes?.popper)}\n >\n <StyledSelectionList\n className={clsx(suggestionsClasses.list, classes?.list)}\n id={setId(localId, \"list\")}\n onChange={onSuggestionSelected}\n >\n {suggestionValues?.map((item, i) => {\n const itemKey = item.id \|\| setId(\"item\", i);\n\n return (\n <HvListItem\n key={itemKey}\n value={item}\n disabled={item.disabled \|\| undefined}\n >\n {item.label}\n </HvListItem>\n );\n })}\n </StyledSelectionList>\n </StyledPopper>\n </StyledRoot>\n );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","event","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;;;;AAoCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,eAAkBf,QAAQ;AAEtCW,kCAAAA,KAAK,CAACK,UAA+B;AACnDF,cAAU,KAAK;AACfX,uCAAUa;AAAAA,EAAK,CAChB;AAEDC,QAAAA,UAAU,MAAM;AACdH,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,wCACGkB,mBAAAA,YAAU;AAAA,IACTrB,IAAIY;AAAAA,IACJE;AAAAA,IACAb,WAAWqB,cAAKrB,QAAAA,WAAWsB,mBAAmBC,QAAAA,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC/DhB;AAAAA,IAAMiB,yCAETC,iCAAY;AAAA,MACXC,MAAMX;AAAAA,MACNY,eAAa;AAAA,MACbxB;AAAAA,MACAH,WAAWqB,cAAAA,QAAKC,mBAAAA,QAAmBM,QAAQ3B,mCAAS2B,MAAM;AAAA,MAAEJ,yCAE3DK,wCAAmB;AAAA,QAClB7B,WAAWqB,cAAAA,QAAKC,mBAAAA,QAAmBQ,MAAM7B,mCAAS6B,IAAI;AAAA,QACtD/B,IAAIa,MAAAA,MAAMD,SAAS,MAAM;AAAA,QACzBoB,UAAUzB;AAAAA,QAAqBkB,UAE9BpB,qDAAkB4B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKlC,MAAMa,MAAAA,MAAM,QAAQsB,CAAC;AAE1C,gDACGE,SAAAA,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAAO;AAAA,QAAA;AAAA,MAOjB,CAAC;AAAA,IAAA,CACkB;AAAA,EAAA,CAEb;AAEjB;;"}

package/dist/cjs/components/Input/Input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n HTMLInputTypeAttribute,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n CloseXS,\n PreviewOff,\n Preview,\n Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport {\n StyledFormElement,\n StyledLabelContainer,\n StyledLabel,\n StyledSuggestions,\n StyledBaseInput,\n StyledInputExtension,\n StyledAdornmentsBox,\n StyledAdornmentButton,\n StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n isValid,\n isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"utils\";\nimport {\n HvFormStatus,\n HvInfoMessage,\n HvSuggestion,\n HvTooltip,\n HvTypography,\n HvWarningText,\n} from \"components\";\nimport { useControlled, useIsMounted, useLabels, useUniqueId } from \"hooks\";\nimport { HvInputLabels, HvValidationMessages } from \"types/forms\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n HTMLElement,\n { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n /** The form element name. /\n name?: string;\n /* The value of the form element. /\n value?: string;\n /* When uncontrolled, defines the initial input value. /\n defaultValue?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /\n The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n /\n onChange?: Function;\n /\n Callback called when the user submits the value by pressing Enter/Return.\n \n Also called when the search button is clicked (when type is \"search\").\n /\n onEnter?: Function;\n /\n The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n /\n onBlur?: Function;\n /\n The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n /\n onFocus?: Function;\n /\n The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n /\n onKeyDown?: Function;\n /* The input type. /\n type?: HTMLInputTypeAttribute;\n /* The placeholder value of the input. /\n placeholder?: string;\n /* Internal labels?. /\n labels?: HvInputLabels & HvExtraProps;\n /* An Object containing the various texts associated with the input. /\n validationMessages?: HvValidationMessages;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: any;\n /* The function that will be executed to received an array of objects that has a label and id to create list of suggestion /\n suggestionListCallback?: Function;\n /\n The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n /\n validation?: Function;\n /* If `true` it should autofocus. /\n autoFocus?: boolean;\n /* If `true` the clear button is disabled. /\n disableClear?: boolean;\n /* If `true` the reveal password button is disabled. Valid only when type is \"password\". /\n disableRevealPassword?: boolean;\n /* If `true` the search button is disabled. Valid only when type is \"search\". /\n disableSearchButton?: boolean;\n /\n If `true` the validation icon adornment is visible. Defaults to `false`.\n \n Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n /\n showValidationIcon?: boolean;\n /* A custom icon to be added into the input. /\n endAdornment?: React.ReactNode;\n /* The maximum allowed length of the characters, if this value is null no check will be performed. /\n maxCharQuantity?: number;\n /* The minimum allowed length of the characters, if this value is null no check will be perform. /\n minCharQuantity?: number;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n\n searchButtonLabel: \"Search\",\n};\n\n/\n Find the focused element onBlur.\n /\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/\n A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n /\nexport const HvInput = ({\n classes,\n className,\n id,\n name,\n value: valueProp,\n defaultValue = \"\",\n required = false,\n readOnly = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onEnter,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n type = \"text\",\n placeholder,\n autoFocus = false,\n labels: labelsProp,\n validationMessages,\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n endAdornment,\n maxCharQuantity,\n minCharQuantity,\n validation,\n showValidationIcon = false,\n suggestionListCallback,\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n inputProps = {},\n ...others\n}: HvInputProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp \|\| null);\n\n const [focused, setFocused] = useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationType,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(\n computeValidationMessage(inputValidity, errorMessages)\n );\n\n return inputValidity;\n }, [\n errorMessages,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n value,\n ]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState<\n HvSuggestion[] \| null\n >(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef<HTMLElement \| null>(null);\n const suggestionRef = useRef<HTMLElement \| null>(null);\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(\n setId(elementId, \"suggestions\") \|\| \"\"\n );\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /\n Looks for the node that represent the input inside the material tree and focus it.\n /\n const focusInput = () => {\n materialInputRef.current?.focus();\n };\n\n const isMounted = useIsMounted();\n\n /\n Clears the suggestion array.\n /\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /\n Fills of the suggestion array.\n /\n const suggestionHandler = (val) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /\n Executes the user callback adds the selection to the state and clears the suggestions.\n /\n const suggestionSelectedHandler = (event, item) => {\n const newValue = item.value \|\| item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /\n Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /\n Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n /\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(\n setId(elementId, \"suggestions-list\") \|\| \"\"\n );\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, keyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, keyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /\n Focus the suggestion list when the arrow down is pressed.\n \n @param {Object} event - The event provided by the material ui input\n /\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, keyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /\n Clears the suggestion list on blur.\n \n @param {Object} event - The event provided by the material ui input.\n /\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions(null);\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter \|\|\n type !== \"search\" \|\|\n disableSearchButton \|\|\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton =\n type === \"password\" && !disableRevealPassword;\n\n /\n Clears the input value from the state and refocus the input.\n /\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n // don't control visibility when the search icon is enabled\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton,\n !showSearchIcon &&\n clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n )}\n onClick={handleClear}\n aria-label={labels?.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n $iconClear={!showSearchIcon}\n />\n );\n }, [\n showClear,\n classes?.adornmentButton,\n classes?.iconClear,\n showSearchIcon,\n handleClear,\n labels?.clearButtonLabel,\n elementId,\n ]);\n\n /\n Calls the onEnter callback and refocus the input.\n /\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue \|\|\n (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels?.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes?.adornmentButton,\n handleSearch,\n labels?.searchButtonLabel,\n ]);\n\n /\n Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels?.revealPasswordButtonClickToHideTooltip\n : labels?.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <StyledAdornmentButton\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton\n )}\n onClick={handleRevealPassword}\n aria-label={labels?.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels?.revealPasswordButtonClickToHideTooltip,\n labels?.revealPasswordButtonClickToShowTooltip,\n labels?.revealPasswordButtonLabel,\n classes?.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return (\n <StyledSuccess\n semantic=\"sema1\"\n className={clsx(inputClasses.icon, classes?.icon)}\n />\n );\n }, [showValidationIcon, validationState, classes?.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment as React.ReactElement, {\n className: clsx(\n inputClasses.icon,\n classes?.icon,\n endAdornment.props.className\n ),\n }),\n [classes?.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (\n !clearButton &&\n !revealPasswordButton &&\n !searchButton &&\n !validationIcon &&\n !customIconEl\n )\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <StyledAdornmentsBox\n className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n aria-hidden=\"true\"\n >\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon \|\| customIconEl}\n </StyledAdornmentsBox>\n );\n }, [\n classes?.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused \|\| (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(\n inputClasses.root,\n classes?.root,\n className,\n hasSuggestions &&\n clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n )}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n className={clsx(inputClasses.label, classes?.label)}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(inputClasses.description, classes?.description)}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledBaseInput\n id={\n hasLabel \|\| showClear \|\| showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: clsx(inputClasses.input, classes?.input),\n inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n inputRootFocused: clsx(\n inputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n inputRootDisabled: clsx(\n inputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n inputRootMultiline: clsx(\n inputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n inputBorderContainer: clsx(\n inputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n ),\n }}\n invalid={isStateInvalid}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description\n ? setId(elementId, \"description\")\n : undefined,\n \"aria-controls\": canShowSuggestions\n ? setId(elementId, \"suggestions\")\n : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp \|\| inputRef}\n endAdornment={adornments}\n {...others}\n />\n {canShowSuggestions && (\n <>\n {hasSuggestions && (\n <StyledInputExtension\n role=\"presentation\"\n className={clsx(\n inputClasses.inputExtension,\n classes?.inputExtension\n )}\n />\n )}\n <StyledSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: clsx(\n inputClasses.suggestionsContainer,\n classes?.suggestionsContainer\n ),\n list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(inputClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
1	+ {"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n HTMLInputTypeAttribute,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n CloseXS,\n PreviewOff,\n Preview,\n Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvBaseProps,\n HvExtraProps,\n HvInputLabels,\n HvInputSuggestion,\n HvValidationMessages,\n} from \"../../types\";\nimport {\n StyledFormElement,\n StyledLabelContainer,\n StyledLabel,\n StyledSuggestions,\n StyledBaseInput,\n StyledInputExtension,\n StyledAdornmentsBox,\n StyledAdornmentButton,\n StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n isValid,\n isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n HvInputValidity,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"../../utils\";\nimport {\n HvFormStatus,\n HvInfoMessage,\n HvSuggestion,\n HvTooltip,\n HvTypography,\n HvWarningText,\n} from \"components\";\nimport {\n useControlled,\n useIsMounted,\n useLabels,\n useUniqueId,\n} from \"../../hooks\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n HTMLElement,\n { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n /** The form element name. /\n name?: string;\n /* The value of the form element. /\n value?: string;\n /* When uncontrolled, defines the initial input value. /\n defaultValue?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /\n The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /\n Callback called when the user submits the value by pressing Enter/Return.\n \n Also called when the search button is clicked (when type is \"search\").\n /\n onEnter?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /\n The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state.\n /\n onBlur?: (\n event: React.FocusEvent<HTMLInputElement>,\n value: string,\n validationState: HvInputValidity\n ) => void;\n /\n The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n /\n onFocus?: (\n event: React.FocusEventHandler<HTMLInputElement>,\n value: string\n ) => void;\n /\n The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n /\n onKeyDown?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /* The input type. /\n type?: HTMLInputTypeAttribute;\n /* The placeholder value of the input. /\n placeholder?: string;\n /* Internal labels?. /\n labels?: HvInputLabels & HvExtraProps;\n /* An Object containing the various texts associated with the input. /\n validationMessages?: HvValidationMessages;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: any;\n /* The function that will be executed to received an array of objects that has a label and id to create list of suggestion /\n suggestionListCallback?: (value: string) => HvInputSuggestion[] \| null;\n /\n The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n /\n validation?: (value: string) => boolean;\n /* If `true` it should autofocus. /\n autoFocus?: boolean;\n /* If `true` the clear button is disabled. /\n disableClear?: boolean;\n /* If `true` the reveal password button is disabled. Valid only when type is \"password\". /\n disableRevealPassword?: boolean;\n /* If `true` the search button is disabled. Valid only when type is \"search\". /\n disableSearchButton?: boolean;\n /\n If `true` the validation icon adornment is visible. Defaults to `false`.\n \n Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n /\n showValidationIcon?: boolean;\n /* A custom icon to be added into the input. /\n endAdornment?: React.ReactNode;\n /* The maximum allowed length of the characters, if this value is null no check will be performed. /\n maxCharQuantity?: number;\n /* The minimum allowed length of the characters, if this value is null no check will be perform. /\n minCharQuantity?: number;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n searchButtonLabel: \"Search\",\n};\n\n/\n Find the focused element onBlur.\n /\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/\n A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n /\nexport const HvInput = ({\n classes,\n className,\n id,\n name,\n value: valueProp,\n defaultValue = \"\",\n required = false,\n readOnly = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onEnter,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n type = \"text\",\n placeholder,\n autoFocus = false,\n labels: labelsProp,\n validationMessages,\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n endAdornment,\n maxCharQuantity,\n minCharQuantity,\n validation,\n showValidationIcon = false,\n suggestionListCallback,\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n inputProps = {},\n ...others\n}: HvInputProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp \|\| null);\n\n const [focused, setFocused] = useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationType,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(\n computeValidationMessage(inputValidity, errorMessages)\n );\n\n return inputValidity;\n }, [\n errorMessages,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n value,\n ]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState<\n HvSuggestion[] \| null\n >(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef<HTMLElement \| null>(null);\n const suggestionRef = useRef<HTMLElement \| null>(null);\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(\n setId(elementId, \"suggestions\") \|\| \"\"\n );\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /\n Looks for the node that represent the input inside the material tree and focus it.\n /\n const focusInput = () => {\n materialInputRef.current?.focus();\n };\n\n const isMounted = useIsMounted();\n\n /\n Clears the suggestion array.\n /\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /\n Fills of the suggestion array.\n /\n const suggestionHandler = (val: string) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /\n Executes the user callback adds the selection to the state and clears the suggestions.\n /\n const suggestionSelectedHandler = (event, item) => {\n const newValue: string = item.value \|\| item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /\n Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /\n Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n /\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(\n setId(elementId, \"suggestions-list\") \|\| \"\"\n );\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, keyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, keyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /\n Focus the suggestion list when the arrow down is pressed.\n \n @param {Object} event - The event provided by the material ui input\n /\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, keyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /\n Clears the suggestion list on blur.\n \n @param {Object} event - The event provided by the material ui input.\n /\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions(null);\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter \|\|\n type !== \"search\" \|\|\n disableSearchButton \|\|\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton =\n type === \"password\" && !disableRevealPassword;\n\n /\n Clears the input value from the state and refocus the input.\n /\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n // don't control visibility when the search icon is enabled\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton,\n !showSearchIcon &&\n clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n )}\n onClick={handleClear}\n aria-label={labels?.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n $iconClear={!showSearchIcon}\n />\n );\n }, [\n showClear,\n classes?.adornmentButton,\n classes?.iconClear,\n showSearchIcon,\n handleClear,\n labels?.clearButtonLabel,\n elementId,\n ]);\n\n /\n Calls the onEnter callback and refocus the input.\n /\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue \|\|\n (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels?.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes?.adornmentButton,\n handleSearch,\n labels?.searchButtonLabel,\n ]);\n\n /\n Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels?.revealPasswordButtonClickToHideTooltip\n : labels?.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <StyledAdornmentButton\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton\n )}\n onClick={handleRevealPassword}\n aria-label={labels?.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels?.revealPasswordButtonClickToHideTooltip,\n labels?.revealPasswordButtonClickToShowTooltip,\n labels?.revealPasswordButtonLabel,\n classes?.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return (\n <StyledSuccess\n semantic=\"sema1\"\n className={clsx(inputClasses.icon, classes?.icon)}\n />\n );\n }, [showValidationIcon, validationState, classes?.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment as React.ReactElement, {\n className: clsx(\n inputClasses.icon,\n classes?.icon,\n endAdornment.props.className\n ),\n }),\n [classes?.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (\n !clearButton &&\n !revealPasswordButton &&\n !searchButton &&\n !validationIcon &&\n !customIconEl\n )\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <StyledAdornmentsBox\n className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n aria-hidden=\"true\"\n >\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon \|\| customIconEl}\n </StyledAdornmentsBox>\n );\n }, [\n classes?.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused \|\| (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(\n inputClasses.root,\n classes?.root,\n className,\n hasSuggestions &&\n clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n )}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n className={clsx(inputClasses.label, classes?.label)}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(inputClasses.description, classes?.description)}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledBaseInput\n id={\n hasLabel \|\| showClear \|\| showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: clsx(inputClasses.input, classes?.input),\n inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n inputRootFocused: clsx(\n inputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n inputRootDisabled: clsx(\n inputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n inputRootMultiline: clsx(\n inputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n inputBorderContainer: clsx(\n inputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n ),\n }}\n invalid={isStateInvalid}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description\n ? setId(elementId, \"description\")\n : undefined,\n \"aria-controls\": canShowSuggestions\n ? setId(elementId, \"suggestions\")\n : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp \|\| inputRef}\n endAdornment={adornments}\n {...others}\n />\n {canShowSuggestions && (\n <>\n {hasSuggestions && (\n <StyledInputExtension\n role=\"presentation\"\n className={clsx(\n inputClasses.inputExtension,\n classes?.inputExtension\n )}\n />\n )}\n <StyledSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: clsx(\n inputClasses.suggestionsContainer,\n classes?.suggestionsContainer\n ),\n list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(inputClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/Pagination/Pagination.cjs CHANGED Viewed

@@ -79,7 +79,7 @@ const HvPagination = ({
       labels,
       inputProps: {
         "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
-        // we really want the native number input
+        // We really want the native number input
         type: "number"
       },
       classes: {
@@ -87,10 +87,10 @@ const HvPagination = ({
         input: clsx__default.default(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
         inputRoot: clsx__default.default(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
       },
-      onChange: handleInputChange,
+      onChange: (event, value) => handleInputChange(event, Number(value)),
       value: String(pageInput),
-      onBlur: (evt, value) => changePage(value - 1),
-      onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(value - 1),
+      onBlur: (evt, value) => changePage(Number(value) - 1),
+      onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(Number(value) - 1),
       disabled: pageSize === 0,
       disableClear: true,
       ...currentPageInputProps