npm - @hitachivantara/uikit-react-lab - Versions diffs - 4.0.2 → 4.0.4 - Mend

@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

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 (450) hide show

package/dist/modern/ImageCarousel/ImageCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageCarousel.js","names":["React","useState","useRef","useEffect","useCallback","PropTypes","clsx","setId","useUniqueId","HvButton","HvContainer","HvTypography","HvGrid","HvStack","HvPanel","useScrollTo","Button","Fade","withStyles","makeStyles","Backwards","Forwards","Close","Fullscreen","styles","HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","setFullscreen","options","map","element","src","value","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","refForwards","typeCircle","handleSelection","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","name"],"sources":["../../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/*\n ImageCarousel description/documentation paragraph\n /\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current \|\| focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth \|\|\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index \|\| xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs \|\| lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel \|\| selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel \|\| selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component SelectedImage.\n /\n selectedImage: PropTypes.string,\n /\n Styles applied to xs mode\n /\n xsMode: PropTypes.string,\n /\n Styles applied to image in xsMode\n /\n xsImage: PropTypes.string,\n /\n Styles applied to panel with low cardinality circles\n /\n circles: PropTypes.string,\n /\n Styles applied to xs mode circles\n /\n xsCircles: PropTypes.string,\n /\n Styles applied to unavailable button\n /\n hidden: PropTypes.string,\n /\n Styles applied to the carousel title\n /\n title: PropTypes.string,\n /\n Styles applied to the counter\n /\n counter: PropTypes.string,\n /\n Styles applied to the div with the counter\n /\n divCounter: PropTypes.string,\n /\n Styles applied to the thumbnails\n /\n img: PropTypes.string,\n /\n Styles applied to the selected thumbnail\n /\n thumbnailSelected: PropTypes.string,\n /\n Styles applied to the thumbnail button\n /\n thumbnailButton: PropTypes.string,\n /\n Styles applied to the low cardinality circles\n /\n miniCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image\n /\n selectedCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image in xsmode\n /\n xsSelectedCircle: PropTypes.string,\n /\n Styles applied to the panel with low cardinality buttons\n /\n lowButtons: PropTypes.string,\n /\n Styles applied to the container of the selected image\n /\n imageContainer: PropTypes.string,\n /\n Styles applied to the panel with the thumbnails\n /\n stack: PropTypes.string,\n /\n Styles applied to the panel that contains the buttons and counter in default mode\n /\n normalButtons: PropTypes.string,\n /\n Styles applied to fullscreen mode.\n /\n fullscreenStyle: PropTypes.string,\n /\n Styles applied to close button in fullscreen mode.\n /\n closeButton: PropTypes.string,\n /\n Styles applied to change image buttons.\n /\n button: PropTypes.string,\n /\n Styles applied to thumbnails panel.\n /\n panel: PropTypes.string,\n }).isRequired,\n /\n Documents to be displayed.\n /\n documents: PropTypes.array.isRequired,\n /\n Title of the image carousel\n /\n title: PropTypes.node,\n /\n A function called each time the selected image changes.\n /\n onChange: PropTypes.func,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A flag that activates the thumbnails.\n /\n thumbnails: PropTypes.bool,\n /\n A flag that switches to low cardinality mode\n /\n lowCardinality: PropTypes.bool,\n /\n A flag that activates the infinite carousel behavior\n /\n infiniteCarousel: PropTypes.bool,\n /\n A flag that activates a counter on the top right corner of the selected image\n /\n counter: PropTypes.bool,\n /\n Set Image Carousel to fullscreen mode\n /\n fullscreen: PropTypes.bool,\n /\n Set selected image to a particular image in documents\n /\n currentStep: PropTypes.number,\n /\n Function that changes the selected image\n /\n setCurrentStep: PropTypes.func,\n /\n Image Carousel set to xs mode\n /\n xs: PropTypes.bool,\n /\n Arrows always displayed in low cardinality or xs mode\n /\n visibleArrows: PropTypes.bool,\n /\n Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}
1	+ {"version":3,"file":"ImageCarousel.js","names":["React","useState","useRef","useEffect","useCallback","PropTypes","clsx","setId","useUniqueId","HvButton","HvContainer","HvTypography","HvGrid","HvStack","HvPanel","useScrollTo","Button","Fade","withStyles","makeStyles","Backwards","Forwards","Close","Fullscreen","styles","HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","setFullscreen","options","map","element","src","value","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","refForwards","typeCircle","handleSelection","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","name"],"sources":["../../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/*\n ImageCarousel description/documentation paragraph\n /\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current \|\| focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth \|\|\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index \|\| xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs \|\| lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel \|\| selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel \|\| selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component SelectedImage.\n /\n selectedImage: PropTypes.string,\n /\n Styles applied to xs mode\n /\n xsMode: PropTypes.string,\n /\n Styles applied to image in xsMode\n /\n xsImage: PropTypes.string,\n /\n Styles applied to panel with low cardinality circles\n /\n circles: PropTypes.string,\n /\n Styles applied to xs mode circles\n /\n xsCircles: PropTypes.string,\n /\n Styles applied to unavailable button\n /\n hidden: PropTypes.string,\n /\n Styles applied to the carousel title\n /\n title: PropTypes.string,\n /\n Styles applied to the counter\n /\n counter: PropTypes.string,\n /\n Styles applied to the div with the counter\n /\n divCounter: PropTypes.string,\n /\n Styles applied to the thumbnails\n /\n img: PropTypes.string,\n /\n Styles applied to the selected thumbnail\n /\n thumbnailSelected: PropTypes.string,\n /\n Styles applied to the thumbnail button\n /\n thumbnailButton: PropTypes.string,\n /\n Styles applied to the low cardinality circles\n /\n miniCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image\n /\n selectedCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image in xsmode\n /\n xsSelectedCircle: PropTypes.string,\n /\n Styles applied to the panel with low cardinality buttons\n /\n lowButtons: PropTypes.string,\n /\n Styles applied to the container of the selected image\n /\n imageContainer: PropTypes.string,\n /\n Styles applied to the panel with the thumbnails\n /\n stack: PropTypes.string,\n /\n Styles applied to the panel that contains the buttons and counter in default mode\n /\n normalButtons: PropTypes.string,\n /\n Styles applied to fullscreen mode.\n /\n fullscreenStyle: PropTypes.string,\n /\n Styles applied to close button in fullscreen mode.\n /\n closeButton: PropTypes.string,\n /\n Styles applied to change image buttons.\n /\n button: PropTypes.string,\n /\n Styles applied to thumbnails panel.\n /\n panel: PropTypes.string,\n }).isRequired,\n /\n Documents to be displayed.\n /\n documents: PropTypes.array.isRequired,\n /\n Title of the image carousel\n /\n title: PropTypes.node,\n /\n A function called each time the selected image changes.\n /\n onChange: PropTypes.func,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A flag that activates the thumbnails.\n /\n thumbnails: PropTypes.bool,\n /\n A flag that switches to low cardinality mode\n /\n lowCardinality: PropTypes.bool,\n /\n A flag that activates the infinite carousel behavior\n /\n infiniteCarousel: PropTypes.bool,\n /\n A flag that activates a counter on the top right corner of the selected image\n /\n counter: PropTypes.bool,\n /\n Set Image Carousel to fullscreen mode\n /\n fullscreen: PropTypes.bool,\n /\n Set selected image to a particular image in documents\n /\n currentStep: PropTypes.number,\n /\n Function that changes the selected image\n /\n setCurrentStep: PropTypes.func,\n /\n Image Carousel set to xs mode\n /\n xs: PropTypes.bool,\n /\n Arrows always displayed in low cardinality or xs mode\n /\n visibleArrows: PropTypes.bool,\n /\n Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}

package/dist/modern/ImageCarousel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ImageCarousel/index.js"],"sourcesContent":["export { default } from \"./ImageCarousel\";\n"],"mappings":"AAAA,SAASA,~~OAAT~~,~~QAAwB~~,~~iBAAxB~~"}
1	+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ImageCarousel/index.js"],"sourcesContent":["export { default } from \"./ImageCarousel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}

package/dist/modern/ImageCarousel/styles.js CHANGED Viewed

@@ -236,6 +236,5 @@ const styles = theme => ({
     height: "75px"
   }
 });
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/ImageCarousel/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","borderStyle","borderColor","opacity","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","borderStyle","borderColor","opacity","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/InlineEditor/InlineEditor.js CHANGED Viewed

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useLayoutEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -14,32 +10,30 @@ import { withStyles, useTheme } from "@mui/styles";
 import { HvButton, HvInput, HvTypography, isKeypress, KeyboardCodes, useControlled } from "@hitachivantara/uikit-react-core";
 import { Edit } from "@hitachivantara/uikit-react-icons";
 import styles from "./styles";
 /**
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const HvInlineEditor = props => {
   const {
-    className,
-    classes,
-    value: valueProp,
-    defaultValue,
-    showIcon,
-    component: InputComponent = HvInput,
-    variant = "normalText",
-    placeholder = "Enter text",
-    onBlur,
-    onChange,
-    onKeyDown,
-    buttonProps,
-    typographyProps
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
+      className,
+      classes,
+      value: valueProp,
+      defaultValue,
+      showIcon,
+      component: InputComponent = HvInput,
+      variant = "normalText",
+      placeholder = "Enter text",
+      onBlur,
+      onChange,
+      onKeyDown,
+      buttonProps,
+      typographyProps
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const [value, setValue] = useControlled(valueProp, defaultValue);
   const [editMode, setEditMode] = useState(false);
   const [cachedValue, setCachedValue] = useState(value);
@@ -51,40 +45,32 @@ const HvInlineEditor = props => {
   } = typographyStyles;
   useLayoutEffect(() => {
     const input = inputRef.current;
     if (editMode && input) {
       input.focus();
       input.select();
     }
   }, [editMode]);
   const handleClick = () => {
     setEditMode(true);
     setCachedValue(value);
   };
   const handleBlur = event => {
     setEditMode(false);
     const newValue = value || cachedValue; // empty values should be ignored
     setValue(newValue);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, newValue);
   };
   const handleKeyDown = event => {
     if (isKeypress(event, KeyboardCodes.Esc)) {
       setEditMode(false);
       setValue(cachedValue);
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
   };
   const handleChange = (event, val) => {
     setValue(val);
     onChange === null || onChange === void 0 ? void 0 : onChange(event, val);
   };
   return /*#__PURE__*/_jsx("div", {
     className: clsx(className, classes.root),
     children: editMode ? /*#__PURE__*/_jsx(InputComponent, _objectSpread({
@@ -122,13 +108,11 @@ const HvInlineEditor = props => {
     }))
   });
 };
 process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -144,57 +128,46 @@ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
     iconVisible: PropTypes.string,
     largeText: PropTypes.string
   }).isRequired,
   /**
    * The value of the input element, for controlled usage.
    */
   value: PropTypes.string,
   /**
    * The default value of the input element, for uncontrolled usage.
    */
   defaultValue: PropTypes.string,
   /**
    * Whether the Edit icon should always be visible
    */
   showIcon: PropTypes.bool,
   /**
    * Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)
    */
   component: PropTypes.elementType,
   /**
    * Variant of the HvTypography to display
    */
   variant: PropTypes.string,
   /**
    * The placeholder value of the HvTypography.
    */
   placeholder: PropTypes.string,
   /**
    * Called when the input is blurred.
    */
   onBlur: PropTypes.func,
   /**
    * Called when the input value is changed.
    */
   onChange: PropTypes.func,
   /**
    * Called when a key is pressed on the input.
    */
   onKeyDown: PropTypes.func,
   /**
    * Props passed to the HvButton component
    */
   buttonProps: PropTypes.instanceOf(Object),
   /**
    * Props passed to the HvTypography text component
    */

package/dist/modern/InlineEditor/InlineEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineEditor.js","names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","value","valueProp","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"sources":["../../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/*\n An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n /\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] \|\| {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value \|\| cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value \|\| placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /\n The value of the input element, for controlled usage.\n /\n value: PropTypes.string,\n /\n The default value of the input element, for uncontrolled usage.\n /\n defaultValue: PropTypes.string,\n /\n Whether the Edit icon should always be visible\n /\n showIcon: PropTypes.bool,\n /\n Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n /\n component: PropTypes.elementType,\n /\n Variant of the HvTypography to display\n /\n variant: PropTypes.string,\n /\n The placeholder value of the HvTypography.\n /\n placeholder: PropTypes.string,\n /\n Called when the input is blurred.\n /\n onBlur: PropTypes.func,\n /\n Called when the input value is changed.\n /\n onChange: PropTypes.func,\n /\n Called when a key is pressed on the input.\n /\n onKeyDown: PropTypes.func,\n /\n Props passed to the HvButton component\n /\n buttonProps: PropTypes.instanceOf(Object),\n /\n Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}
1	+ {"version":3,"file":"InlineEditor.js","names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","value","valueProp","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"sources":["../../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/*\n An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n /\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] \|\| {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value \|\| cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value \|\| placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /\n The value of the input element, for controlled usage.\n /\n value: PropTypes.string,\n /\n The default value of the input element, for uncontrolled usage.\n /\n defaultValue: PropTypes.string,\n /\n Whether the Edit icon should always be visible\n /\n showIcon: PropTypes.bool,\n /\n Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n /\n component: PropTypes.elementType,\n /\n Variant of the HvTypography to display\n /\n variant: PropTypes.string,\n /\n The placeholder value of the HvTypography.\n /\n placeholder: PropTypes.string,\n /\n Called when the input is blurred.\n /\n onBlur: PropTypes.func,\n /\n Called when the input value is changed.\n /\n onChange: PropTypes.func,\n /\n Called when a key is pressed on the input.\n /\n onKeyDown: PropTypes.func,\n /\n Props passed to the HvButton component\n /\n buttonProps: PropTypes.instanceOf(Object),\n /\n Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"mappings":"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"}

package/dist/modern/InlineEditor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/InlineEditor/index.js"],"sourcesContent":["export { default } from \"./InlineEditor\";\n"],"mappings":"AAAA,SAASA,~~OAAT~~,~~QAAwB~~,~~gBAAxB~~"}
1	+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/InlineEditor/index.js"],"sourcesContent":["export { default } from \"./InlineEditor\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dist/modern/InlineEditor/styles.js CHANGED Viewed

@@ -1,15 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const truncateStyles = {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 };
 const styles = theme => ({
   root: {},
   inputRoot: {},
@@ -49,6 +45,5 @@ const styles = theme => ({
     margin: theme.hvSpacing("8px", 0)
   }
 });
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/InlineEditor/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n root: {},\n inputRoot: {},\n inputBorderContainer: {\n top: \"unset\",\n bottom: 0,\n },\n input: {\n padding: theme.hvSpacing(\"8px\", 0),\n },\n text: {\n ...truncateStyles,\n },\n textEmpty: {\n color: theme.hv.typography.placeholderText.color,\n },\n button: {\n cursor: \"text\",\n height: \"100%\",\n width: \"100%\",\n maxWidth: \"100%\",\n justifyContent: \"flex-start\",\n\n backgroundColor: \"transparent\",\n \"&:hover, &:active, &:focus\": {\n backgroundColor: \"transparent\",\n \"& $icon\": {\n visibility: \"visible\",\n },\n },\n },\n icon: {\n cursor: \"pointer\",\n visibility: \"hidden\",\n },\n iconVisible: {\n visibility: \"visible\",\n },\n largeText: {\n margin: theme.hvSpacing(\"8px\", 0),\n },\n});\n\nexport default styles;\n"],"mappings":"~~;;;;;;~~AAAA,MAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,~~QADW~~;~~EAErBC~~,YAAY,EAAE,~~UAFO~~;~~EAGrBC~~,UAAU,EAAE;~~AAHS~~,~~CAAvB;;AAMA~~,MAAMC,MAAM,GAAIC,~~KAAD~~,~~KAAY~~;EACzBC,IAAI,EAAE,~~EADmB~~;~~EAEzBC~~,SAAS,EAAE,~~EAFc~~;~~EAGzBC~~,oBAAoB,EAAE;IACpBC,GAAG,EAAE,~~OADe~~;~~IAEpBC~~,MAAM,EAAE;~~EAFY~~,~~CAHG~~;~~EAOzBC~~,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,~~SAAN~~,~~CAAgB~~,~~KAAhB~~,~~EAAuB~~,~~CAAvB~~;~~EADJ~~,~~CAPkB~~;~~EAUzBC~~,IAAI,oBACCd,~~cADD~~,~~CAVqB~~;~~EAazBe~~,SAAS,EAAE;IACTC,KAAK,EAAEX,KAAK,CAACY,~~EAAN~~,~~CAASC~~,~~UAAT~~,~~CAAoBC~~,~~eAApB~~,~~CAAoCH~~;~~EADlC~~,~~CAbc~~;~~EAgBzBI~~,MAAM,EAAE;IACNC,MAAM,EAAE,~~MADF~~;~~IAENC~~,MAAM,EAAE,~~MAFF~~;~~IAGNC~~,KAAK,EAAE,~~MAHD~~;~~IAINC~~,QAAQ,EAAE,~~MAJJ~~;~~IAKNC~~,cAAc,EAAE,~~YALV~~;~~IAONC~~,eAAe,EAAE,~~aAPX~~;~~IAQN~~,~~8BAA8B~~;MAC5BA,eAAe,EAAE,~~aADW~~;~~MAE5B~~,~~WAAW~~;QACTC,UAAU,EAAE;~~MADH~~;~~IAFiB~~;~~EARxB~~,~~CAhBiB~~;~~EA+BzBC~~,IAAI,EAAE;IACJP,MAAM,EAAE,~~SADJ~~;~~IAEJM~~,UAAU,EAAE;~~EAFR~~,~~CA/BmB~~;~~EAmCzBE~~,WAAW,EAAE;IACXF,UAAU,EAAE;~~EADD~~,~~CAnCY~~;~~EAsCzBG~~,SAAS,EAAE;IACTC,MAAM,EAAE1B,KAAK,CAACQ,~~SAAN~~,~~CAAgB~~,~~KAAhB~~,~~EAAuB~~,~~CAAvB~~;~~EADC~~;~~AAtCc~~,~~CAAZ~~,~~CAAf;;AA2CA~~,eAAeT,~~MAAf~~"}
1	+ {"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n root: {},\n inputRoot: {},\n inputBorderContainer: {\n top: \"unset\",\n bottom: 0,\n },\n input: {\n padding: theme.hvSpacing(\"8px\", 0),\n },\n text: {\n ...truncateStyles,\n },\n textEmpty: {\n color: theme.hv.typography.placeholderText.color,\n },\n button: {\n cursor: \"text\",\n height: \"100%\",\n width: \"100%\",\n maxWidth: \"100%\",\n justifyContent: \"flex-start\",\n\n backgroundColor: \"transparent\",\n \"&:hover, &:active, &:focus\": {\n backgroundColor: \"transparent\",\n \"& $icon\": {\n visibility: \"visible\",\n },\n },\n },\n icon: {\n cursor: \"pointer\",\n visibility: \"hidden\",\n },\n iconVisible: {\n visibility: \"visible\",\n },\n largeText: {\n margin: theme.hvSpacing(\"8px\", 0),\n },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,MAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE,CAAC,CAAC;EACRC,SAAS,EAAE,CAAC,CAAC;EACbC,oBAAoB,EAAE;IACpBC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;EACnC,CAAC;EACDC,IAAI,oBACCd,cAAc,CAClB;EACDe,SAAS,EAAE;IACTC,KAAK,EAAEX,KAAK,CAACY,EAAE,CAACC,UAAU,CAACC,eAAe,CAACH;EAC7C,CAAC;EACDI,MAAM,EAAE;IACNC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,MAAM;IAChBC,cAAc,EAAE,YAAY;IAE5BC,eAAe,EAAE,aAAa;IAC9B,4BAA4B,EAAE;MAC5BA,eAAe,EAAE,aAAa;MAC9B,SAAS,EAAE;QACTC,UAAU,EAAE;MACd;IACF;EACF,CAAC;EACDC,IAAI,EAAE;IACJP,MAAM,EAAE,SAAS;IACjBM,UAAU,EAAE;EACd,CAAC;EACDE,WAAW,EAAE;IACXF,UAAU,EAAE;EACd,CAAC;EACDG,SAAS,EAAE;IACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;EAClC;AACF,CAAC,CAAC;AAEF,eAAeT,MAAM"}