npm - @hitachivantara/uikit-react-lab - Versions diffs - 3.49.0 → 3.49.3 - Mend

@hitachivantara/uikit-react-lab 3.49.0 → 3.49.3

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

package/dist/AppSwitcherPanel/Action/Action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.js","names":["getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","PropTypes","string","shape","isRequired","element","oneOf","bool","func","styles"],"sources":["../../../src/AppSwitcherPanel/Action/Action.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] \|\| color \|\| defaultColor;\n\nconst Action = (props) => {\n const {\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n } = props;\n\n const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n const theme = useTheme();\n const color = disabled\n ? theme.hv.palette.atmosphere.atmo5\n : getColor(theme, application.color, theme.hv.palette.accent.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 // eslint-disable-next-line jsx-a11y/alt-text\n <img\n className={classes.iconUrl}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"S\" 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 <HvListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(className, classes.root, {\n [classes.disabled]: disabled,\n [classes.selected]: isSelected,\n })}\n >\n <HvTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={classes.typography}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n <TitleWithTooltip title={name} className={classes.title} />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <Info className={classes.iconInfo} />\n </div>\n </HvTooltip>\n )}\n </HvTypography>\n </HvListItem>\n );\n};\n\nAction.propTypes = {\n /\n Identifier to be applied to the root element.\n /\n id: PropTypes.string,\n\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n A Jss object used to override or extend the component styles.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n disabled: PropTypes.string,\n typography: PropTypes.string,\n selected: PropTypes.string,\n icon: PropTypes.string,\n iconUrl: PropTypes.string,\n title: PropTypes.string,\n iconInfo: PropTypes.string,\n }).isRequired,\n\n /\n The application data to be used to render the Action object.\n /\n application: PropTypes.shape({\n /\n Id of the application.\n /\n id: PropTypes.string,\n /\n Name of the application, this is the value that will be displayed on the component.\n /\n name: PropTypes.string.isRequired,\n /\n The color to be applied to the item's border and to the default icon.\n * You can use either an HEX or color name from the palette.\n /\n color: PropTypes.string,\n /\n URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n /\n iconUrl: PropTypes.string,\n /\n Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n /\n iconElement: PropTypes.element,\n /\n Small description of the application.\n /\n description: PropTypes.string,\n /\n URL where the application is accessible.\n /\n url: PropTypes.string,\n /\n Defines if the application should be opened in the same tab or in a new one.\n /\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /\n If true, the item will be disabled.\n /\n disabled: PropTypes.bool,\n /\n True when the application is selected, false otherwise.\n /\n isSelected: PropTypes.bool,\n }).isRequired,\n\n /\n Callback triggered when the action is clicked.\n /\n onClickCallback: PropTypes.func,\n /\n Must return a boolean stating if the action element is selected or not.\n */\n isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"mappings":"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"}
1	+ {"version":3,"file":"Action.js","names":["getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","useTheme","hv","atmosphere","atmo5","accent","acce1","useState","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","clsx","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","PropTypes","string","shape","isRequired","element","oneOf","bool","func","withStyles","styles"],"sources":["../../../src/AppSwitcherPanel/Action/Action.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] \|\| color \|\| defaultColor;\n\nconst Action = (props) => {\n const {\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n } = props;\n\n const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n const theme = useTheme();\n const color = disabled\n ? theme.hv.palette.atmosphere.atmo5\n : getColor(theme, application.color, theme.hv.palette.accent.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 // eslint-disable-next-line jsx-a11y/alt-text\n <img\n className={classes.iconUrl}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"S\" 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 <HvListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(className, classes.root, {\n [classes.disabled]: disabled,\n [classes.selected]: isSelected,\n })}\n >\n <HvTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={classes.typography}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n <TitleWithTooltip title={name} className={classes.title} />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <Info className={classes.iconInfo} />\n </div>\n </HvTooltip>\n )}\n </HvTypography>\n </HvListItem>\n );\n};\n\nAction.propTypes = {\n /\n Identifier to be applied to the root element.\n /\n id: PropTypes.string,\n\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n A Jss object used to override or extend the component styles.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n disabled: PropTypes.string,\n typography: PropTypes.string,\n selected: PropTypes.string,\n icon: PropTypes.string,\n iconUrl: PropTypes.string,\n title: PropTypes.string,\n iconInfo: PropTypes.string,\n }).isRequired,\n\n /\n The application data to be used to render the Action object.\n /\n application: PropTypes.shape({\n /\n Id of the application.\n /\n id: PropTypes.string,\n /\n Name of the application, this is the value that will be displayed on the component.\n /\n name: PropTypes.string.isRequired,\n /\n The color to be applied to the item's border and to the default icon.\n * You can use either an HEX or color name from the palette.\n /\n color: PropTypes.string,\n /\n URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n /\n iconUrl: PropTypes.string,\n /\n Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n /\n iconElement: PropTypes.element,\n /\n Small description of the application.\n /\n description: PropTypes.string,\n /\n URL where the application is accessible.\n /\n url: PropTypes.string,\n /\n Defines if the application should be opened in the same tab or in a new one.\n /\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /\n If true, the item will be disabled.\n /\n disabled: PropTypes.bool,\n /\n True when the application is selected, false otherwise.\n /\n isSelected: PropTypes.bool,\n }).isRequired,\n\n /\n Callback triggered when the action is clicked.\n /\n onClickCallback: PropTypes.func,\n /\n Must return a boolean stating if the action element is selected or not.\n */\n isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"mappings":"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"}

package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSwitcherPanel.js","names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","styles"],"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) \|\|\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /*\n Identifier to be applied to the root element.\n /\n id: PropTypes.string,\n\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /\n Number of columns to render. One, two, or whatever fits the component's width.\n /\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /\n Title to be displayed on the header of the component.\n /\n title: PropTypes.string,\n /\n The list of applications to be used to render the actions on the component.\n /\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /\n Id of the application.\n /\n id: PropTypes.string,\n /\n Name of the application, this is the value that will be displayed on the component.\n /\n name: PropTypes.string.isRequired,\n /\n URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n /\n iconUrl: PropTypes.string,\n /\n Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n /\n iconElement: PropTypes.element,\n /\n Small description of the application.\n /\n description: PropTypes.string,\n /\n URL where the application is accesible.\n /\n url: PropTypes.string,\n /\n Defines if the application should be opened in the same tab or in a new one.\n /\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /\n If true, the item will be disabled.\n /\n disabled: PropTypes.bool,\n /\n True when the application is selected, false otherwise.\n /\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /\n Triggered when an action is clicked.\n /\n onActionClickedCallback: PropTypes.func,\n /\n Must return a boolean stating if the action element is selected or not.\n /\n isActionSelectedCallback: PropTypes.func,\n\n /\n Element to be added to the header container, if none is provided a label with the title will be added.\n /\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Element to be added to the footer container.\n /\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"mappings":"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"}
1	+ {"version":3,"file":"AppSwitcherPanel.js","names":["AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","useDeprecated","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","clsx","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","deprecatedPropType","withStyles","styles"],"sources":["../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer, useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n const {\n id,\n\n className,\n classes,\n\n layout = \"single\",\n\n title,\n applications,\n\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n\n header,\n footer,\n\n isOpen,\n } = props;\n\n useDeprecated(\"AppSwitcherPanel\", \"Please use the AppSwitcherPanel component in Core\");\n\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = applications.map((application) => {\n if (application.name) {\n return (\n <Action\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: classes.item,\n selected: classes.itemSelected,\n disabled: classes.itemDisabled,\n typography: classes.itemTrigger,\n icon: classes.itemIcon,\n title: classes.itemTitle,\n iconInfo: classes.itemInfoIcon,\n }}\n />\n );\n }\n\n return undefined;\n });\n\n return (\n <div\n id={id}\n className={clsx(className, classes.root, classes[layout], {\n [classes.closed]: isOpen === false,\n [classes.open]: isOpen,\n })}\n >\n {(header && <div className={classes.title}>{header}</div>) \|\|\n (title && <TitleWithTooltip className={classes.title} title={title} />)}\n <HvListContainer disableGutters className={classes.actionsContainer}>\n {panelActions}\n </HvListContainer>\n {footer && <div className={classes.footerContainer}>{footer}</div>}\n </div>\n );\n};\n\nAppSwitcherPanel.propTypes = {\n /*\n Identifier to be applied to the root element.\n /\n id: PropTypes.string,\n\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n root: PropTypes.string,\n single: PropTypes.string,\n dual: PropTypes.string,\n fluid: PropTypes.string,\n title: PropTypes.string,\n actionsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n closed: PropTypes.string,\n open: PropTypes.string,\n\n item: PropTypes.string,\n itemSelected: PropTypes.string,\n itemDisabled: PropTypes.string,\n itemTrigger: PropTypes.string,\n itemIcon: PropTypes.string,\n itemTitle: PropTypes.string,\n itemInfoIcon: PropTypes.string,\n }).isRequired,\n\n /\n Number of columns to render. One, two, or whatever fits the component's width.\n /\n layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n /\n Title to be displayed on the header of the component.\n /\n title: PropTypes.string,\n /\n The list of applications to be used to render the actions on the component.\n /\n applications: PropTypes.arrayOf(\n PropTypes.shape({\n /\n Id of the application.\n /\n id: PropTypes.string,\n /\n Name of the application, this is the value that will be displayed on the component.\n /\n name: PropTypes.string.isRequired,\n /\n URL with the icon location to be used to represent the application.\n * iconUrl will only be used if no iconElement is provided.\n /\n iconUrl: PropTypes.string,\n /\n Element to be added as the icon representing the application.\n * The iconElement will be the primary option to be displayed.\n /\n iconElement: PropTypes.element,\n /\n Small description of the application.\n /\n description: PropTypes.string,\n /\n URL where the application is accesible.\n /\n url: PropTypes.string,\n /\n Defines if the application should be opened in the same tab or in a new one.\n /\n target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n /\n If true, the item will be disabled.\n /\n disabled: PropTypes.bool,\n /\n True when the application is selected, false otherwise.\n /\n isSelected: PropTypes.bool,\n })\n ).isRequired,\n\n /\n Triggered when an action is clicked.\n /\n onActionClickedCallback: PropTypes.func,\n /\n Must return a boolean stating if the action element is selected or not.\n /\n isActionSelectedCallback: PropTypes.func,\n\n /\n Element to be added to the header container, if none is provided a label with the title will be added.\n /\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Element to be added to the footer container.\n /\n footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n */\n isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"mappings":"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"}

package/dist/AppSwitcherPanel/TitleWithTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TitleWithTooltip.js","names":["TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","PropTypes","string"],"sources":["../../src/AppSwitcherPanel/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n const [isOverflowed, setIsOverflowed] = useState(false);\n const textRef = useRef();\n\n useEffect(() => {\n if (textRef?.current) {\n setIsOverflowed(\n textRef.current.scrollWidth > textRef.current.clientWidth \|\|\n textRef.current.scrollHeight > textRef.current.clientHeight\n );\n }\n }, []);\n\n return (\n <HvTooltip\n disableHoverListener={!isOverflowed}\n placement=\"top-start\"\n title={<HvTypography>{title}</HvTypography>}\n >\n <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n {title}\n </HvTypography>\n </HvTooltip>\n );\n};\n\nTitleWithTooltip.propTypes = {\n /*\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n Title to be displayed.\n */\n title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwC,~~qBAAS~~,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,~~oBAAhB~~;EAEA,~~sBAAU~~,YAAM;IACd,~~IAAIA~~,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,~~CAAEC~~,OAAb,EAAsB;~~MACpBF~~,eAAe,CACbC,OAAO,~~CAACC~~,OAAR,CAAgBC,WAAhB,~~GAA8BF~~,OAAO,~~CAACC~~,OAAR,CAAgBE,WAA9C,~~IACEH~~,OAAO,~~CAACC~~,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,~~CAACC~~,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPD,EAOG,EAPH;EASA,oBACE,6BAAC,yBAAD;IACE,oBAAoB,EAAE,~~CAACP~~,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,6BAAC,4BAAD,~~QAAeD~~,KAAf;EAHT,gBAKE,6BAAC,4BAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,~~EAAEG~~,OAA5D;IAAqE,SAAS,~~EAAEJ~~;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,~~CAACW~~,SAAjB,GAA6B;EAC3B;AACF;AACA;~~EACEV~~,SAAS,~~EAAEW~~,~~mBAAUC~~,MAJM;;EAK3B;AACF;AACA;~~EACEX~~,KAAK,~~EAAEU~~,~~mBAAUC~~;AARU,CAA7B;~~eAWeb~~,gB"}
1	+ {"version":3,"file":"TitleWithTooltip.js","names":["TitleWithTooltip","className","title","useState","isOverflowed","setIsOverflowed","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","PropTypes","string"],"sources":["../../src/AppSwitcherPanel/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n const [isOverflowed, setIsOverflowed] = useState(false);\n const textRef = useRef();\n\n useEffect(() => {\n if (textRef?.current) {\n setIsOverflowed(\n textRef.current.scrollWidth > textRef.current.clientWidth \|\|\n textRef.current.scrollHeight > textRef.current.clientHeight\n );\n }\n }, []);\n\n return (\n <HvTooltip\n disableHoverListener={!isOverflowed}\n placement=\"top-start\"\n title={<HvTypography>{title}</HvTypography>}\n >\n <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n {title}\n </HvTypography>\n </HvTooltip>\n );\n};\n\nTitleWithTooltip.propTypes = {\n /*\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n Title to be displayed.\n */\n title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwC,IAAAC,eAAA,EAAS,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,IAAAC,aAAA,GAAhB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEG,OAAb,EAAsB;MACpBJ,eAAe,CACbC,OAAO,CAACG,OAAR,CAAgBC,WAAhB,GAA8BJ,OAAO,CAACG,OAAR,CAAgBE,WAA9C,IACEL,OAAO,CAACG,OAAR,CAAgBG,YAAhB,GAA+BN,OAAO,CAACG,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPD,EAOG,EAPH;EASA,oBACE,6BAAC,yBAAD;IACE,oBAAoB,EAAE,CAACT,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,6BAAC,4BAAD,QAAeF,KAAf;EAHT,gBAKE,6BAAC,4BAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,EAAEI,OAA5D;IAAqE,SAAS,EAAEL;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACc,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEb,SAAS,EAAEc,kBAAA,CAAUC,MAJM;;EAK3B;AACF;AACA;EACEd,KAAK,EAAEa,kBAAA,CAAUC;AARU,CAA7B;eAWehB,gB"}

package/dist/ColorPicker/ColorPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","names":["HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","PropTypes","string","node","bool","shape","isRequired","func","styles"],"sources":["../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n HvPanel,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvBaseDropdown,\n useControlled,\n HvTypography,\n useUniqueId,\n setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/*\n A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n /\nconst HvColorPicker = (props) => {\n const theme = useTheme();\n const {\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = theme.hv.palette.accent.acce1,\n\n expanded,\n defaultExpanded = false,\n } = props;\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n\n const handleToggle = (_evt, s) => {\n setIsOpen(s);\n };\n\n const handleSelect = (val) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const colorArray = useMemo(\n () => [\n theme.hv.palette.semantic.sema4,\n theme.hv.palette.semantic.sema3,\n \"#F6941E\",\n \"#8DC63D\",\n theme.hv.palette.semantic.sema1,\n theme.hv.palette.semantic.sema19,\n \"#05A99C\",\n \"#01ADEF\",\n theme.hv.palette.accent.acce2h,\n \"#0155A5\",\n \"#2E3192\",\n \"#652C90\",\n theme.hv.palette.semantic.sema6,\n \"#EC018B\",\n theme.hv.palette.atmosphere.atmo5,\n theme.hv.palette.accent.acce1,\n ],\n [theme]\n );\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n >\n {(hasLabel \|\| hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={\n <>\n <Checkbox className={classes.headerColorIcon} color={[color]} />\n <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n </>\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() \|\| undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() \|\|\n undefined\n }\n >\n <HvPanel className={classes.panel}>\n <div className={classes.colorPicker}>\n <Picker color={color} onChange={handleSelect} />\n <PresetColors colors={colorArray} onClick={handleSelect} />\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n );\n};\n\nHvColorPicker.propTypes = {\n /\n Id to be applied to the form element root node.\n /\n id: PropTypes.string,\n\n /\n The form element name.\n /\n name: PropTypes.string,\n\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: PropTypes.node,\n /\n @ignore\n /\n \"aria-label\": PropTypes.string,\n /\n @ignore\n /\n \"aria-labelledby\": PropTypes.string,\n /\n Provide additional descriptive text for the form element.\n /\n description: PropTypes.node,\n /\n @ignore\n /\n \"aria-describedby\": PropTypes.string,\n\n /\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n /\n Indicates that user input is required on the form element.\n /\n required: PropTypes.bool,\n\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 root: PropTypes.string,\n labelContainer: PropTypes.string,\n label: PropTypes.string,\n description: PropTypes.string,\n headerColorIcon: PropTypes.string,\n headerColorValue: PropTypes.string,\n panel: PropTypes.string,\n colorPicker: PropTypes.string,\n }).isRequired,\n\n /\n If `true` the color picker starts opened if `false` it starts closed.\n /\n expanded: PropTypes.bool,\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded: PropTypes.bool,\n\n /\n The callback fired when the value changes.\n /\n onChange: PropTypes.func,\n\n /\n The value color, in HEX format.\n /\n value: PropTypes.string,\n\n /\n When uncontrolled, defines the initial value state.\n */\n defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAWA;;AAEA;;AACA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,IAAMC,KAAK,GAAG,qBAAd;EACA,IACEC,EADF,GAoBIF,KApBJ,CACEE,EADF;EAAA,IAEEC,IAFF,GAoBIH,KApBJ,CAEEG,IAFF;EAAA,sBAoBIH,KApBJ,CAIEI,QAJF;EAAA,IAIEA,QAJF,gCAIa,KAJb;EAAA,sBAoBIJ,KApBJ,CAKEK,QALF;EAAA,IAKEA,QALF,gCAKa,KALb;EAAA,IAOEC,KAPF,GAoBIN,KApBJ,CAOEM,KAPF;EAAA,IAQgBC,SARhB,GAoBIP,KApBJ,CAQE,YARF;EAAA,IASqBQ,cATrB,GAoBIR,KApBJ,CASE,iBATF;EAAA,IAUES,WAVF,GAoBIT,KApBJ,CAUES,WAVF;EAAA,IAWsBC,eAXtB,GAoBIV,KApBJ,CAWE,kBAXF;EAAA,IAYEW,SAZF,GAoBIX,KApBJ,CAYEW,SAZF;EAAA,IAaEC,OAbF,GAoBIZ,KApBJ,CAaEY,OAbF;EAAA,IAcEC,KAdF,GAoBIb,KApBJ,CAcEa,KAdF;EAAA,IAeEC,QAfF,GAoBId,KApBJ,CAeEc,QAfF;EAAA,0BAoBId,KApBJ,CAgBEe,YAhBF;EAAA,IAgBEA,YAhBF,oCAgBiBd,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAhBzC;EAAA,IAkBEC,QAlBF,GAoBIpB,KApBJ,CAkBEoB,QAlBF;EAAA,4BAoBIpB,KApBJ,CAmBEqB,eAnBF;EAAA,IAmBEA,eAnBF,sCAmBoB,KAnBpB;;EAsBA,qBAA4B,mCAAcD,QAAd,EAAwBE,OAAO,CAACD,eAAD,CAA/B,CAA5B;EAAA;EAAA,IAAOE,MAAP;EAAA,IAAeC,SAAf;;EACA,sBAA0B,mCAAcX,KAAd,EAAqBE,YAArB,CAA1B;EAAA;EAAA,IAAOU,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,CAAP,EAAa;IAChCL,SAAS,CAACK,CAAD,CAAT;EACD,CAFD;;EAIA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAC5BjB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGiB,GAAG,CAACC,GAAP,CAAR;IACAN,QAAQ,CAACK,GAAG,CAACC,GAAL,CAAR;EACD,CAHD;;EAKA,IAAMC,SAAS,GAAG,iCAAY/B,EAAZ,EAAgB,YAAhB,CAAlB;EAEA,IAAMgC,QAAQ,GAAG5B,KAAK,IAAI,IAA1B;EACA,IAAM6B,cAAc,GAAG1B,WAAW,IAAI,IAAtC;EAEA,IAAM2B,UAAU,GAAG,oBACjB;IAAA,OAAM,CACJnC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBoB,QAAjB,CAA0BC,KADtB,EAEJrC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBoB,QAAjB,CAA0BE,KAFtB,EAGJ,SAHI,EAIJ,SAJI,EAKJtC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBoB,QAAjB,CAA0BG,KALtB,EAMJvC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBoB,QAAjB,CAA0BI,MANtB,EAOJ,SAPI,EAQJ,SARI,EASJxC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBwB,MATpB,EAUJ,SAVI,EAWJ,SAXI,EAYJ,SAZI,EAaJzC,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBoB,QAAjB,CAA0BM,KAbtB,EAcJ,SAdI,EAeJ1C,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiB2B,UAAjB,CAA4BC,KAfxB,EAgBJ5C,KAAK,CAACe,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAhBpB,CAAN;EAAA,CADiB,EAmBjB,CAAClB,KAAD,CAnBiB,CAAnB;;EAsBA,IAAM6C,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;IAC1C,IAAMC,MAAM,GAAGD,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEE,oBAAd,CAAmC,OAAnC,CAAf;;IACA,IAAI,CAAAD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEE,MAAR,IAAiB,CAArB,EAAwB;MACtBF,MAAM,CAAC,CAAD,CAAN,CAAUG,KAAV;IACD;EACF,CALD;;EAOA,oBACE,6BAAC,6BAAD;IACE,EAAE,EAAEjD,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,QAAQ,EAAEE,QAHZ;IAIE,QAAQ,EAAED,QAJZ;IAKE,SAAS,EAAE,mBAAKO,SAAL,EAAgBC,OAAO,CAACwC,IAAxB;EALb,GAOG,CAAClB,QAAQ,IAAIC,cAAb,kBACC;IAAK,SAAS,EAAEvB,OAAO,CAACyC;EAAxB,GACGnB,QAAQ,iBACP,6BAAC,uBAAD;IAAS,EAAE,EAAE,2BAAMD,SAAN,EAAiB,OAAjB,CAAb;IAAwC,KAAK,EAAE3B,KAA/C;IAAsD,SAAS,EAAEM,OAAO,CAACN;EAAzE,EAFJ,EAKG6B,cAAc,iBACb,6BAAC,6BAAD;IAAe,EAAE,EAAE,2BAAMF,SAAN,EAAiB,aAAjB,CAAnB;IAAoD,SAAS,EAAErB,OAAO,CAACH;EAAvE,GACGA,WADH,CANJ,CARJ,eAoBE,6BAAC,8BAAD;IACE,SAAS,EAAEE,SADb;IAEE,QAAQ,EAAEY,MAFZ;IAGE,QAAQ,EAAEI,YAHZ;IAIE,mBAAmB,EAAEmB,iBAJvB;IAKE,WAAW,eACT,yEACE,6BAAC,yBAAD;MAAU,SAAS,EAAElC,OAAO,CAAC0C,eAA7B;MAA8C,KAAK,EAAE,CAAC7B,KAAD;IAArD,EADF,eAEE,6BAAC,4BAAD;MAAc,SAAS,EAAEb,OAAO,CAAC2C;IAAjC,GAAoD9B,KAApD,CAFF,CANJ;IAWE,cAAYlB,SAXd;IAYE,mBACE,CAACD,KAAK,IAAI,2BAAM2B,SAAN,EAAiB,OAAjB,CAAV,EAAqCzB,cAArC,EAAqDgD,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyEC,SAb7E;IAeE,oBACE,CAACjD,WAAW,IAAI,2BAAMwB,SAAN,EAAiB,aAAjB,CAAhB,EAAiDvB,eAAjD,EAAkE8C,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACAC;EAjBJ,gBAoBE,6BAAC,uBAAD;IAAS,SAAS,EAAE9C,OAAO,CAAC+C;EAA5B,gBACE;IAAK,SAAS,EAAE/C,OAAO,CAACgD;EAAxB,gBACE,6BAAC,eAAD;IAAQ,KAAK,EAAEnC,KAAf;IAAsB,QAAQ,EAAEK;EAAhC,EADF,eAEE,6BAAC,qBAAD;IAAc,MAAM,EAAEM,UAAtB;IAAkC,OAAO,EAAEN;EAA3C,EAFF,CADF,CApBF,CApBF,CADF;AAkDD,CAxHD;;AA0HA,wCAAA/B,aAAa,CAAC8D,SAAd,GAA0B;EACxB;AACF;AACA;EACE3D,EAAE,EAAE4D,mBAAUC,MAJU;;EAMxB;AACF;AACA;EACE5D,IAAI,EAAE2D,mBAAUC,MATQ;;EAWxB;AACF;AACA;AACA;AACA;AACA;EACEzD,KAAK,EAAEwD,mBAAUE,IAjBO;;EAkBxB;AACF;AACA;EACE,cAAcF,mBAAUC,MArBA;;EAsBxB;AACF;AACA;EACE,mBAAmBD,mBAAUC,MAzBL;;EA0BxB;AACF;AACA;EACEtD,WAAW,EAAEqD,mBAAUE,IA7BC;;EA8BxB;AACF;AACA;EACE,oBAAoBF,mBAAUC,MAjCN;;EAmCxB;AACF;AACA;EACE1D,QAAQ,EAAEyD,mBAAUG,IAtCI;;EAuCxB;AACF;AACA;EACE7D,QAAQ,EAAE0D,mBAAUG,IA1CI;;EA4CxB;AACF;AACA;EACEtD,SAAS,EAAEmD,mBAAUC,MA/CG;;EAgDxB;AACF;AACA;EACEnD,OAAO,EAAEkD,mBAAUI,KAAV,CAAgB;IACvBd,IAAI,EAAEU,mBAAUC,MADO;IAEvBV,cAAc,EAAES,mBAAUC,MAFH;IAGvBzD,KAAK,EAAEwD,mBAAUC,MAHM;IAIvBtD,WAAW,EAAEqD,mBAAUC,MAJA;IAKvBT,eAAe,EAAEQ,mBAAUC,MALJ;IAMvBR,gBAAgB,EAAEO,mBAAUC,MANL;IAOvBJ,KAAK,EAAEG,mBAAUC,MAPM;IAQvBH,WAAW,EAAEE,mBAAUC;EARA,CAAhB,EASNI,UA5DqB;;EA8DxB;AACF;AACA;EACE/C,QAAQ,EAAE0C,mBAAUG,IAjEI;;EAkExB;AACF;AACA;EACE5C,eAAe,EAAEyC,mBAAUG,IArEH;;EAuExB;AACF;AACA;EACEnD,QAAQ,EAAEgD,mBAAUM,IA1EI;;EA4ExB;AACF;AACA;EACEvD,KAAK,EAAEiD,mBAAUC,MA/EO;;EAiFxB;AACF;AACA;EACEhD,YAAY,EAAE+C,mBAAUC;AApFA,CAA1B;;eAuFe,sBAAWM,eAAX,EAAmB;EAAElE,IAAI,EAAE;AAAR,CAAnB,EAA8CJ,aAA9C,C"}
1	+ {"version":3,"file":"ColorPicker.js","names":["HvColorPicker","props","theme","useTheme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","useControlled","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","useUniqueId","hasLabel","hasDescription","colorArray","useMemo","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","clsx","root","labelContainer","setId","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","PropTypes","string","node","bool","shape","isRequired","func","withStyles","styles"],"sources":["../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n HvPanel,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvBaseDropdown,\n useControlled,\n HvTypography,\n useUniqueId,\n setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/*\n A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n /\nconst HvColorPicker = (props) => {\n const theme = useTheme();\n const {\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = theme.hv.palette.accent.acce1,\n\n expanded,\n defaultExpanded = false,\n } = props;\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n\n const handleToggle = (_evt, s) => {\n setIsOpen(s);\n };\n\n const handleSelect = (val) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const colorArray = useMemo(\n () => [\n theme.hv.palette.semantic.sema4,\n theme.hv.palette.semantic.sema3,\n \"#F6941E\",\n \"#8DC63D\",\n theme.hv.palette.semantic.sema1,\n theme.hv.palette.semantic.sema19,\n \"#05A99C\",\n \"#01ADEF\",\n theme.hv.palette.accent.acce2h,\n \"#0155A5\",\n \"#2E3192\",\n \"#652C90\",\n theme.hv.palette.semantic.sema6,\n \"#EC018B\",\n theme.hv.palette.atmosphere.atmo5,\n theme.hv.palette.accent.acce1,\n ],\n [theme]\n );\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n >\n {(hasLabel \|\| hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={\n <>\n <Checkbox className={classes.headerColorIcon} color={[color]} />\n <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n </>\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() \|\| undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() \|\|\n undefined\n }\n >\n <HvPanel className={classes.panel}>\n <div className={classes.colorPicker}>\n <Picker color={color} onChange={handleSelect} />\n <PresetColors colors={colorArray} onClick={handleSelect} />\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n );\n};\n\nHvColorPicker.propTypes = {\n /\n Id to be applied to the form element root node.\n /\n id: PropTypes.string,\n\n /\n The form element name.\n /\n name: PropTypes.string,\n\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: PropTypes.node,\n /\n @ignore\n /\n \"aria-label\": PropTypes.string,\n /\n @ignore\n /\n \"aria-labelledby\": PropTypes.string,\n /\n Provide additional descriptive text for the form element.\n /\n description: PropTypes.node,\n /\n @ignore\n /\n \"aria-describedby\": PropTypes.string,\n\n /\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n /\n Indicates that user input is required on the form element.\n /\n required: PropTypes.bool,\n\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 root: PropTypes.string,\n labelContainer: PropTypes.string,\n label: PropTypes.string,\n description: PropTypes.string,\n headerColorIcon: PropTypes.string,\n headerColorValue: PropTypes.string,\n panel: PropTypes.string,\n colorPicker: PropTypes.string,\n }).isRequired,\n\n /\n If `true` the color picker starts opened if `false` it starts closed.\n /\n expanded: PropTypes.bool,\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded: PropTypes.bool,\n\n /\n The callback fired when the value changes.\n /\n onChange: PropTypes.func,\n\n /\n The value color, in HEX format.\n /\n value: PropTypes.string,\n\n /\n When uncontrolled, defines the initial value state.\n */\n defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}

package/dist/ColorPicker/Fields/Fields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Fields.js","names":["Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","color","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","PropTypes","shape","number","isRequired"],"sources":["../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign /\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r \|\| data.g \|\| data.b) {\n onChange(\n {\n r: data.r \|\| rgb.r,\n g: data.g \|\| rgb.g,\n b: data.b \|\| rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;AATA;AAWA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EAChD,IAAMC,OAAO,GAAG,~~sBAAhB~~;;EACA,gBAAsC,~~qBAASD~~,GAAT,CAAtC;EAAA;EAAA,~~IAAOE~~,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAAsC,~~qBAASJ~~,GAAG,~~CAACK~~,CAAb,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAA0C,~~qBAASP~~,GAAG,~~CAACQ~~,CAAb,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,iBAAwC,~~qBAASV~~,GAAG,~~CAACW~~,CAAb,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAG,~~oBAApB~~;EACA,IAAMC,WAAW,GAAG,~~oBAApB~~;EACA,~~IAAMC~~,aAAa,GAAG,~~oBAAtB~~;EACA,~~IAAMC~~,YAAY,GAAG,~~oBAArB~~;EAEA,~~sBAAU~~,YAAM;IACd,IAAIC,QAAQ,CAACC,aAAT,~~KAA2BL~~,WAAW,~~CAACM~~,OAA3C,EAAoD;~~MAClDhB~~,cAAc,~~CAACH~~,GAAD,CAAd;IACD;EACF,CAJD,EAIG,CAACA,GAAD,CAJH;EAMA,~~sBAAU~~,YAAM;IACd,~~IAAIiB~~,QAAQ,CAACC,aAAT,~~KAA2BJ~~,WAAW,~~CAACK~~,OAA3C,EAAoD;~~MAClDb~~,cAAc,~~CAACP~~,GAAG,~~CAACK~~,CAAL,CAAd;IACD;;IAED,~~IAAIa~~,QAAQ,CAACC,aAAT,~~KAA2BH~~,aAAa,~~CAACI~~,OAA7C,EAAsD;~~MACpDV~~,gBAAgB,~~CAACV~~,GAAG,~~CAACQ~~,CAAL,CAAhB;IACD;;IAED,~~IAAIU~~,QAAQ,CAACC,aAAT,~~KAA2BF~~,YAAY,~~CAACG~~,OAA5C,EAAqD;~~MACnDP~~,eAAe,~~CAACb~~,GAAG,~~CAACW~~,CAAL,CAAf;IACD;EACF,CAZD,EAYG,~~CAACX~~,GAAD,CAZH;;EAcA,~~IAAMqB~~,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,CAAP,EAAa;IAChC,IAAID,IAAI,~~CAACrB~~,GAAL,~~IAAYuB~~,KAAK,CAACC,UAAN,CAAiBH,IAAI,~~CAACrB~~,GAAtB,CAAhB,EAA4C;MAC1CF,QAAQ,CACN;QACEE,GAAG,~~EAAEqB~~,IAAI,~~CAACrB~~,GADZ;~~QAEEyB~~,MAAM,EAAE;MAFV,CADM,EAKNH,CALM,CAAR;IAOD,CARD,MAQO,IAAID,IAAI,~~CAACjB~~,CAAL,~~IAAUiB~~,IAAI,~~CAACd~~,CAAf,~~IAAoBc~~,IAAI,~~CAACX~~,CAA7B,EAAgC;~~MACrCZ~~,QAAQ,CACN;~~QACEM~~,CAAC,~~EAAEiB~~,IAAI,~~CAACjB~~,CAAL,~~IAAUL~~,GAAG,~~CAACK~~,CADnB;QAEEG,CAAC,~~EAAEc~~,IAAI,~~CAACd~~,CAAL,~~IAAUR~~,GAAG,~~CAACQ~~,CAFnB;QAGEG,CAAC,~~EAAEW~~,IAAI,~~CAACX~~,CAAL,~~IAAUX~~,GAAG,~~CAACW~~,CAHnB;~~QAIEe~~,MAAM,EAAE;MAJV,CADM,EAONH,CAPM,CAAR;IASD;EACF,CApBD;;EAsBA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,KAAP,EAAiB;~~IACnCzB~~,cAAc,~~CAACyB~~,KAAD,CAAd;IACAR,YAAY,CAAC;~~MAAEpB~~,GAAG,~~EAAE4B~~;IAAP,CAAD,EAAiBD,IAAjB,CAAZ;EACD,CAHD;;EAKA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAACF,IAAD,EAAOC,KAAP,EAAcE,SAAd,EAA4B;IAC9C,IAAIA,SAAS,KAAK,GAAlB,~~EAAuBxB~~,cAAc,~~CAACsB~~,KAAD,CAAd;IACvB,IAAIE,SAAS,KAAK,GAAlB,~~EAAuBrB~~,gBAAgB,~~CAACmB~~,KAAD,CAAhB;IACvB,IAAIE,SAAS,KAAK,GAAlB,~~EAAuBlB~~,eAAe,~~CAACgB~~,KAAD,CAAf;IACvBR,YAAY,CACV;~~MACEhB~~,CAAC,~~EAAE0B~~,SAAS,KAAK,GAAd,GAAoBF,KAApB,~~GAA4B7B~~,GAAG,~~CAACK~~,CADrC;MAEEG,CAAC,~~EAAEuB~~,SAAS,KAAK,GAAd,GAAoBF,KAApB,~~GAA4B7B~~,GAAG,~~CAACQ~~,CAFrC;MAGEG,CAAC,~~EAAEoB~~,SAAS,KAAK,GAAd,GAAoBF,KAApB,~~GAA4B7B~~,GAAG,~~CAACW~~;IAHrC,CADU,~~EAMViB~~,IANU,CAAZ;EAQD,CAZD;;EAcA,oBACE;IAAK,SAAS,EAAE,~~mBAAK1B~~,OAAO,~~CAAC8B~~,MAAb;EAAhB,gBACE,6BAAC,uBAAD;IACE,QAAQ,~~EAAElB~~,WADZ;IAEE,SAAS,EAAE,~~mBAAKZ~~,OAAO,~~CAAC+B~~,MAAb,CAFb;IAGE,KAAK,EAAC,KAHR;IAIE,KAAK,~~EAAE9B~~,WAAW,~~CAAC+B~~,OAAZ,CAAoB,GAApB,EAAyB,EAAzB,CAJT;IAKE,QAAQ,~~EAAEP~~,WALZ;IAME,MAAM,EAAE;MAAA,~~OAAMvB~~,cAAc,~~CAACH~~,GAAD,CAApB;IAAA,CANV;IAOE,YAAY;EAPd,EADF,eAUE,6BAAC,uBAAD;IACE,QAAQ,~~EAAEc~~,WADZ;IAEE,SAAS,EAAE,~~mBAAKb~~,OAAO,~~CAACiC~~,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,~~YAAK7B~~,WAAL,CAJP;IAKE,QAAQ,EAAE,~~kBAACsB~~,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,~~OAAMtB~~,cAAc,~~CAACP~~,GAAG,~~CAACK~~,CAAL,CAApB;IAAA,CANV;IAOE,YAAY;EAPd,EAVF,eAmBE,6BAAC,uBAAD;IACE,QAAQ,~~EAAEW~~,aADZ;IAEE,SAAS,EAAE,~~mBAAKd~~,OAAO,~~CAACiC~~,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,~~YAAK1B~~,aAAL,CAJP;IAKE,QAAQ,EAAE,~~kBAACmB~~,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,~~OAAMnB~~,gBAAgB,~~CAACV~~,GAAG,~~CAACQ~~,CAAL,CAAtB;IAAA,CANV;IAOE,YAAY;EAPd,EAnBF,eA4BE,6BAAC,uBAAD;IACE,QAAQ,~~EAAES~~,YADZ;IAEE,SAAS,EAAE,~~mBAAKf~~,OAAO,~~CAACiC~~,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,~~YAAKvB~~,YAAL,CAJP;IAKE,QAAQ,EAAE,~~kBAACgB~~,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,~~OAAMhB~~,eAAe,~~CAACb~~,GAAG,~~CAACW~~,CAAL,CAArB;IAAA,CANV;IAOE,YAAY;EAPd,EA5BF,CADF;AAwCD,CAjHM;;;AAmHP,~~wCAAAb~~,MAAM,~~CAACsC~~,SAAP,GAAmB;~~EACjBpC~~,GAAG,~~EAAEqC~~,~~mBAAUC~~,KAAV,CAAgB;~~IACnBjC~~,CAAC,~~EAAEgC~~,~~mBAAUE~~,MADM;~~IAEnB/B~~,CAAC,~~EAAE6B~~,~~mBAAUE~~,MAFM;~~IAGnB5B~~,CAAC,~~EAAE0B~~,~~mBAAUE~~;EAHM,CAAhB,EAIFC;AALc,CAAnB;~~eAQe1C~~,M"}
1	+ {"version":3,"file":"Fields.js","names":["Fields","onChange","rgb","hex","classes","useStyles","useState","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","useRef","redInputRef","greenInputRef","blueInputRef","useEffect","document","activeElement","current","handleChange","data","e","color","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","clsx","fields","double","replace","single","propTypes","PropTypes","shape","number","isRequired"],"sources":["../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign /\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r \|\| data.g \|\| data.b) {\n onChange(\n {\n r: data.r \|\| rgb.r,\n g: data.g \|\| rgb.g,\n b: data.b \|\| rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;AATA;AAWA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EAChD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,gBAAsC,IAAAC,eAAA,EAASH,GAAT,CAAtC;EAAA;EAAA,IAAOI,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAAsC,IAAAF,eAAA,EAASJ,GAAG,CAACO,CAAb,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAA0C,IAAAL,eAAA,EAASJ,GAAG,CAACU,CAAb,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,iBAAwC,IAAAR,eAAA,EAASJ,GAAG,CAACa,CAAb,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAG,IAAAC,aAAA,GAApB;EACA,IAAMC,WAAW,GAAG,IAAAD,aAAA,GAApB;EACA,IAAME,aAAa,GAAG,IAAAF,aAAA,GAAtB;EACA,IAAMG,YAAY,GAAG,IAAAH,aAAA,GAArB;EAEA,IAAAI,gBAAA,EAAU,YAAM;IACd,IAAIC,QAAQ,CAACC,aAAT,KAA2BP,WAAW,CAACQ,OAA3C,EAAoD;MAClDlB,cAAc,CAACL,GAAD,CAAd;IACD;EACF,CAJD,EAIG,CAACA,GAAD,CAJH;EAMA,IAAAoB,gBAAA,EAAU,YAAM;IACd,IAAIC,QAAQ,CAACC,aAAT,KAA2BL,WAAW,CAACM,OAA3C,EAAoD;MAClDf,cAAc,CAACT,GAAG,CAACO,CAAL,CAAd;IACD;;IAED,IAAIe,QAAQ,CAACC,aAAT,KAA2BJ,aAAa,CAACK,OAA7C,EAAsD;MACpDZ,gBAAgB,CAACZ,GAAG,CAACU,CAAL,CAAhB;IACD;;IAED,IAAIY,QAAQ,CAACC,aAAT,KAA2BH,YAAY,CAACI,OAA5C,EAAqD;MACnDT,eAAe,CAACf,GAAG,CAACa,CAAL,CAAf;IACD;EACF,CAZD,EAYG,CAACb,GAAD,CAZH;;EAcA,IAAMyB,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,CAAP,EAAa;IAChC,IAAID,IAAI,CAACzB,GAAL,IAAY2B,KAAK,CAACC,UAAN,CAAiBH,IAAI,CAACzB,GAAtB,CAAhB,EAA4C;MAC1CF,QAAQ,CACN;QACEE,GAAG,EAAEyB,IAAI,CAACzB,GADZ;QAEE6B,MAAM,EAAE;MAFV,CADM,EAKNH,CALM,CAAR;IAOD,CARD,MAQO,IAAID,IAAI,CAACnB,CAAL,IAAUmB,IAAI,CAAChB,CAAf,IAAoBgB,IAAI,CAACb,CAA7B,EAAgC;MACrCd,QAAQ,CACN;QACEQ,CAAC,EAAEmB,IAAI,CAACnB,CAAL,IAAUP,GAAG,CAACO,CADnB;QAEEG,CAAC,EAAEgB,IAAI,CAAChB,CAAL,IAAUV,GAAG,CAACU,CAFnB;QAGEG,CAAC,EAAEa,IAAI,CAACb,CAAL,IAAUb,GAAG,CAACa,CAHnB;QAIEiB,MAAM,EAAE;MAJV,CADM,EAONH,CAPM,CAAR;IASD;EACF,CApBD;;EAsBA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,KAAP,EAAiB;IACnC3B,cAAc,CAAC2B,KAAD,CAAd;IACAR,YAAY,CAAC;MAAExB,GAAG,EAAEgC;IAAP,CAAD,EAAiBD,IAAjB,CAAZ;EACD,CAHD;;EAKA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAACF,IAAD,EAAOC,KAAP,EAAcE,SAAd,EAA4B;IAC9C,IAAIA,SAAS,KAAK,GAAlB,EAAuB1B,cAAc,CAACwB,KAAD,CAAd;IACvB,IAAIE,SAAS,KAAK,GAAlB,EAAuBvB,gBAAgB,CAACqB,KAAD,CAAhB;IACvB,IAAIE,SAAS,KAAK,GAAlB,EAAuBpB,eAAe,CAACkB,KAAD,CAAf;IACvBR,YAAY,CACV;MACElB,CAAC,EAAE4B,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4BjC,GAAG,CAACO,CADrC;MAEEG,CAAC,EAAEyB,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4BjC,GAAG,CAACU,CAFrC;MAGEG,CAAC,EAAEsB,SAAS,KAAK,GAAd,GAAoBF,KAApB,GAA4BjC,GAAG,CAACa;IAHrC,CADU,EAMVmB,IANU,CAAZ;EAQD,CAZD;;EAcA,oBACE;IAAK,SAAS,EAAE,IAAAI,aAAA,EAAKlC,OAAO,CAACmC,MAAb;EAAhB,gBACE,6BAAC,uBAAD;IACE,QAAQ,EAAErB,WADZ;IAEE,SAAS,EAAE,IAAAoB,aAAA,EAAKlC,OAAO,CAACoC,MAAb,CAFb;IAGE,KAAK,EAAC,KAHR;IAIE,KAAK,EAAEjC,WAAW,CAACkC,OAAZ,CAAoB,GAApB,EAAyB,EAAzB,CAJT;IAKE,QAAQ,EAAER,WALZ;IAME,MAAM,EAAE;MAAA,OAAMzB,cAAc,CAACL,GAAD,CAApB;IAAA,CANV;IAOE,YAAY;EAPd,EADF,eAUE,6BAAC,uBAAD;IACE,QAAQ,EAAEiB,WADZ;IAEE,SAAS,EAAE,IAAAkB,aAAA,EAAKlC,OAAO,CAACsC,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,YAAKhC,WAAL,CAJP;IAKE,QAAQ,EAAE,kBAACwB,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,OAAMxB,cAAc,CAACT,GAAG,CAACO,CAAL,CAApB;IAAA,CANV;IAOE,YAAY;EAPd,EAVF,eAmBE,6BAAC,uBAAD;IACE,QAAQ,EAAEY,aADZ;IAEE,SAAS,EAAE,IAAAiB,aAAA,EAAKlC,OAAO,CAACsC,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,YAAK7B,aAAL,CAJP;IAKE,QAAQ,EAAE,kBAACqB,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,OAAMrB,gBAAgB,CAACZ,GAAG,CAACU,CAAL,CAAtB;IAAA,CANV;IAOE,YAAY;EAPd,EAnBF,eA4BE,6BAAC,uBAAD;IACE,QAAQ,EAAEU,YADZ;IAEE,SAAS,EAAE,IAAAgB,aAAA,EAAKlC,OAAO,CAACsC,MAAb,CAFb;IAGE,KAAK,EAAC,GAHR;IAIE,KAAK,YAAK1B,YAAL,CAJP;IAKE,QAAQ,EAAE,kBAACkB,IAAD,EAAOC,KAAP;MAAA,OAAiBC,WAAW,CAACF,IAAD,EAAOC,KAAP,EAAc,GAAd,CAA5B;IAAA,CALZ;IAME,MAAM,EAAE;MAAA,OAAMlB,eAAe,CAACf,GAAG,CAACa,CAAL,CAArB;IAAA,CANV;IAOE,YAAY;EAPd,EA5BF,CADF;AAwCD,CAjHM;;;AAmHP,wCAAAf,MAAM,CAAC2C,SAAP,GAAmB;EACjBzC,GAAG,EAAE0C,kBAAA,CAAUC,KAAV,CAAgB;IACnBpC,CAAC,EAAEmC,kBAAA,CAAUE,MADM;IAEnBlC,CAAC,EAAEgC,kBAAA,CAAUE,MAFM;IAGnB/B,CAAC,EAAE6B,kBAAA,CAAUE;EAHM,CAAhB,EAIFC;AALc,CAAnB;eAQe/C,M"}

package/dist/ColorPicker/Fields/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n fields: {\n width: \"100%\",\n display: \"flex\",\n paddingTop: 10,\n paddingBottom: 20,\n marginRight: 5,\n },\n single: {\n width: 40,\n paddingLeft: 5,\n \"& input\": {\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n },\n double: {\n width: 80,\n \"& input\": {\n textTransform: \"uppercase\",\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n paddingRight: 20,\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,~~sBAAW~~;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENC,OAAO,EAAE,MAFH;MAGNC,UAAU,EAAE,EAHN;MAINC,aAAa,EAAE,EAJT;MAKNC,WAAW,EAAE;IALP,CADuB;IAQ/BC,MAAM,EAAE;MACNL,KAAK,EAAE,EADD;MAENM,WAAW,EAAE,CAFP;MAGN,WAAW;QACTC,UAAU,EAAE,CADH;QAETH,WAAW,EAAE;MAFJ,CAHL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ;IAPL,CARuB;IAmB/BE,MAAM,EAAE;MACNR,KAAK,EAAE,EADD;MAEN,WAAW;QACTS,aAAa,EAAE,WADN;QAETF,UAAU,EAAE,CAFH;QAGTH,WAAW,EAAE;MAHJ,CAFL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ,CAPL;MAUNI,YAAY,EAAE;IAVR;EAnBuB,CAAP;AAAA,CAAX,CAAf;~~eAiCeZ~~,M"}
1	+ {"version":3,"file":"styles.js","names":["styles","makeStyles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n fields: {\n width: \"100%\",\n display: \"flex\",\n paddingTop: 10,\n paddingBottom: 20,\n marginRight: 5,\n },\n single: {\n width: 40,\n paddingLeft: 5,\n \"& input\": {\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n },\n double: {\n width: 80,\n \"& input\": {\n textTransform: \"uppercase\",\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n paddingRight: 20,\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENC,OAAO,EAAE,MAFH;MAGNC,UAAU,EAAE,EAHN;MAINC,aAAa,EAAE,EAJT;MAKNC,WAAW,EAAE;IALP,CADuB;IAQ/BC,MAAM,EAAE;MACNL,KAAK,EAAE,EADD;MAENM,WAAW,EAAE,CAFP;MAGN,WAAW;QACTC,UAAU,EAAE,CADH;QAETH,WAAW,EAAE;MAFJ,CAHL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ;IAPL,CARuB;IAmB/BE,MAAM,EAAE;MACNR,KAAK,EAAE,EADD;MAEN,WAAW;QACTS,aAAa,EAAE,WADN;QAETF,UAAU,EAAE,CAFH;QAGTH,WAAW,EAAE;MAHJ,CAFL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ,CAPL;MAUNI,YAAY,EAAE;IAVR;EAnBuB,CAAP;AAAA,CAAX,CAAf;eAiCeb,M"}

package/dist/ColorPicker/Picker/Picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Picker.js","names":["Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n const classes = useStyles();\n\n const SaturationPointer = useCallback(\n () => <div className={clsx(classes.saturationPointer)} />,\n [classes.saturationPointer]\n );\n const HueSlider = useCallback(\n () => <div className={clsx(classes.hueSlider)} />,\n [classes.hueSlider]\n );\n\n return (\n <>\n <div className={clsx(classes.pickers)}>\n <div className={clsx(classes.saturation)}>\n <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n </div>\n <div className={clsx(classes.hue)}>\n <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n </div>\n </div>\n <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n </>\n );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAPA;AASA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;EAAA,IAApBC,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACnD,IAAMC,OAAO,GAAG,~~sBAAhB~~;EAEA,IAAMC,iBAAiB,GAAG,~~wBACxB~~;IAAA,oBAAM;MAAK,SAAS,EAAE,~~mBAAKD~~,OAAO,~~CAACE~~,iBAAb;IAAhB,EAAN;EAAA,CADwB,EAExB,~~CAACF~~,OAAO,~~CAACE~~,iBAAT,CAFwB,CAA1B;EAIA,IAAMC,SAAS,GAAG,~~wBAChB~~;IAAA,oBAAM;MAAK,SAAS,EAAE,~~mBAAKH~~,OAAO,~~CAACI~~,SAAb;IAAhB,EAAN;EAAA,CADgB,EAEhB,~~CAACJ~~,OAAO,~~CAACI~~,SAAT,CAFgB,CAAlB;EAKA,oBACE,yEACE;IAAK,SAAS,EAAE,~~mBAAKJ~~,OAAO,~~CAACK~~,OAAb;EAAhB,gBACE;IAAK,SAAS,EAAE,~~mBAAKL~~,OAAO,~~CAACM~~,UAAb;EAAhB,gBACE,6BAAC,kBAAD;IAAY,GAAG,~~EAAET~~,GAAjB;IAAsB,GAAG,EAAEC,GAA3B;IAAgC,QAAQ,EAAEH,QAA1C;IAAoD,OAAO,~~EAAEM~~;EAA7D,EADF,CADF,eAIE;IAAK,SAAS,EAAE,~~mBAAKD~~,OAAO,~~CAACO~~,GAAb;EAAhB,gBACE,6BAAC,WAAD;IAAK,SAAS,EAAC,UAAf;IAA0B,GAAG,~~EAAEV~~,GAA/B;IAAoC,QAAQ,EAAEF,QAA9C;IAAwD,OAAO,~~EAAEQ~~;EAAjE,EADF,CAJF,CADF,eASE,6BAAC,eAAD;IAAQ,GAAG,~~EAAEP~~,GAAb;IAAkB,GAAG,EAAEC,GAAvB;IAA4B,GAAG,EAAEE,GAAjC;IAAsC,QAAQ,EAAEJ;EAAhD,EATF,CADF;AAaD,CAzBD;;eA2Be,~~uBAAUD~~,MAAV,C"}
1	+ {"version":3,"file":"Picker.js","names":["Picker","onChange","rgb","hsl","hsv","hex","classes","useStyles","SaturationPointer","useCallback","clsx","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue","ColorWrap"],"sources":["../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n const classes = useStyles();\n\n const SaturationPointer = useCallback(\n () => <div className={clsx(classes.saturationPointer)} />,\n [classes.saturationPointer]\n );\n const HueSlider = useCallback(\n () => <div className={clsx(classes.hueSlider)} />,\n [classes.hueSlider]\n );\n\n return (\n <>\n <div className={clsx(classes.pickers)}>\n <div className={clsx(classes.saturation)}>\n <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n </div>\n <div className={clsx(classes.hue)}>\n <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n </div>\n </div>\n <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n </>\n );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAPA;AASA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;EAAA,IAApBC,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACnD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;EAEA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EACxB;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,OAAO,CAACK,iBAAb;IAAhB,EAAN;EAAA,CADwB,EAExB,CAACL,OAAO,CAACK,iBAAT,CAFwB,CAA1B;EAIA,IAAMC,SAAS,GAAG,IAAAH,kBAAA,EAChB;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,OAAO,CAACO,SAAb;IAAhB,EAAN;EAAA,CADgB,EAEhB,CAACP,OAAO,CAACO,SAAT,CAFgB,CAAlB;EAKA,oBACE,yEACE;IAAK,SAAS,EAAE,IAAAH,aAAA,EAAKJ,OAAO,CAACQ,OAAb;EAAhB,gBACE;IAAK,SAAS,EAAE,IAAAJ,aAAA,EAAKJ,OAAO,CAACS,UAAb;EAAhB,gBACE,6BAAC,kBAAD;IAAY,GAAG,EAAEZ,GAAjB;IAAsB,GAAG,EAAEC,GAA3B;IAAgC,QAAQ,EAAEH,QAA1C;IAAoD,OAAO,EAAEO;EAA7D,EADF,CADF,eAIE;IAAK,SAAS,EAAE,IAAAE,aAAA,EAAKJ,OAAO,CAACU,GAAb;EAAhB,gBACE,6BAAC,WAAD;IAAK,SAAS,EAAC,UAAf;IAA0B,GAAG,EAAEb,GAA/B;IAAoC,QAAQ,EAAEF,QAA9C;IAAwD,OAAO,EAAEW;EAAjE,EADF,CAJF,CADF,eASE,6BAAC,eAAD;IAAQ,GAAG,EAAEV,GAAb;IAAkB,GAAG,EAAEC,GAAvB;IAA4B,GAAG,EAAEE,GAAjC;IAAsC,QAAQ,EAAEJ;EAAhD,EATF,CADF;AAaD,CAzBD;;eA2Be,IAAAgB,iBAAA,EAAUjB,MAAV,C"}

package/dist/ColorPicker/Picker/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n pickers: {\n display: \"flex\",\n },\n saturation: {\n width: 180,\n height: 180,\n marginRight: 5,\n position: \"relative\",\n overflow: \"visible\",\n },\n saturationPointer: {\n width: \"6px\",\n height: \"6px\",\n boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)`,\n borderRadius: \"50%\",\n transform: \"translate(-3px, -3px)\",\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\",\n },\n hue: {\n width: 15,\n position: \"relative\",\n overflow: \"visible\",\n },\n hueSlider: {\n width: 12,\n height: 6,\n background: \"#fff\",\n boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n marginLeft: 1,\n borderRadius: \"1px\",\n transform: \"translate(0, -2px)\",\n },\n double: {\n flex: \"2\",\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,~~sBAAW~~;EAAA,OAAO;IAC/BC,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CADsB;IAI/BC,UAAU,EAAE;MACVC,KAAK,EAAE,GADG;MAEVC,MAAM,EAAE,GAFE;MAGVC,WAAW,EAAE,CAHH;MAIVC,QAAQ,EAAE,UAJA;MAKVC,QAAQ,EAAE;IALA,CAJmB;IAW/BC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KADU;MAEjBC,MAAM,EAAE,KAFS;MAGjBK,SAAS,6FAHQ;MAKjBC,YAAY,EAAE,KALG;MAMjBC,SAAS,EAAE;IANM,CAXY;IAmB/BC,OAAO,EAAE;MACPC,OAAO,EAAE,OADF;MAEPC,IAAI,EAAE;IAFC,CAnBsB;IAuB/BC,GAAG,EAAE;MACHZ,KAAK,EAAE,EADJ;MAEHG,QAAQ,EAAE,UAFP;MAGHC,QAAQ,EAAE;IAHP,CAvB0B;IA4B/BS,SAAS,EAAE;MACTb,KAAK,EAAE,EADE;MAETC,MAAM,EAAE,CAFC;MAGTa,UAAU,EAAE,MAHH;MAITR,SAAS,EAAE,0BAJF;MAKTS,UAAU,EAAE,CALH;MAMTR,YAAY,EAAE,KANL;MAOTC,SAAS,EAAE;IAPF,CA5BoB;IAqC/BQ,MAAM,EAAE;MACNL,IAAI,EAAE;IADA;EArCuB,CAAP;AAAA,CAAX,CAAf;~~eA0Cef~~,M"}
1	+ {"version":3,"file":"styles.js","names":["styles","makeStyles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n pickers: {\n display: \"flex\",\n },\n saturation: {\n width: 180,\n height: 180,\n marginRight: 5,\n position: \"relative\",\n overflow: \"visible\",\n },\n saturationPointer: {\n width: \"6px\",\n height: \"6px\",\n boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)`,\n borderRadius: \"50%\",\n transform: \"translate(-3px, -3px)\",\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\",\n },\n hue: {\n width: 15,\n position: \"relative\",\n overflow: \"visible\",\n },\n hueSlider: {\n width: 12,\n height: 6,\n background: \"#fff\",\n boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n marginLeft: 1,\n borderRadius: \"1px\",\n transform: \"translate(0, -2px)\",\n },\n double: {\n flex: \"2\",\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CADsB;IAI/BC,UAAU,EAAE;MACVC,KAAK,EAAE,GADG;MAEVC,MAAM,EAAE,GAFE;MAGVC,WAAW,EAAE,CAHH;MAIVC,QAAQ,EAAE,UAJA;MAKVC,QAAQ,EAAE;IALA,CAJmB;IAW/BC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KADU;MAEjBC,MAAM,EAAE,KAFS;MAGjBK,SAAS,6FAHQ;MAKjBC,YAAY,EAAE,KALG;MAMjBC,SAAS,EAAE;IANM,CAXY;IAmB/BC,OAAO,EAAE;MACPC,OAAO,EAAE,OADF;MAEPC,IAAI,EAAE;IAFC,CAnBsB;IAuB/BC,GAAG,EAAE;MACHZ,KAAK,EAAE,EADJ;MAEHG,QAAQ,EAAE,UAFP;MAGHC,QAAQ,EAAE;IAHP,CAvB0B;IA4B/BS,SAAS,EAAE;MACTb,KAAK,EAAE,EADE;MAETC,MAAM,EAAE,CAFC;MAGTa,UAAU,EAAE,MAHH;MAITR,SAAS,EAAE,0BAJF;MAKTS,UAAU,EAAE,CALH;MAMTR,YAAY,EAAE,KANL;MAOTC,SAAS,EAAE;IAPF,CA5BoB;IAqC/BQ,MAAM,EAAE;MACNL,IAAI,EAAE;IADA;EArCuB,CAAP;AAAA,CAAX,CAAf;eA0CehB,M"}

package/dist/ColorPicker/PresetColors/PresetColors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title \|\| \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,~~sBAAhB~~;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;~~IAC9BJ~~,OAAO,CACL;~~MACEG~~,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,~~EAAEH~~,OAAO,CAACF;EAAxB,GACGA,MAAM,~~CAACO~~,GAAP,CAAW,UAACC,gBAAD,EAAsB;IAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;MAAEE,KAAK,EAAEF;IAAT,CAAvC,GAAqEA,gBADvE;IAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;IACA,oBACE;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,~~EAAET~~,OAAO,~~CAACW~~;IAAlC,gBACE,6BAAC,cAAD,6BACMJ,CADN;MAEE,SAAS,~~EAAEP~~,OAAO,~~CAACY~~,MAFrB;MAGE,OAAO,EAAEX,WAHX;MAIE,UAAU,EAAE;QACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;MADC;IAJd,GADF,CADF;EAYD,CAhBA,CADH,CADF;AAqBD,CAlCM;;;AAoCP,~~wCAAAX~~,kBAAkB,~~CAACiB~~,SAAnB,GAA+B;~~EAC7BhB~~,MAAM,~~EAAEiB~~,~~mBAAUC~~,OAAV,CACND,~~mBAAUE~~,SAAV,CAAoB,CAClBF,~~mBAAUG~~,MADQ,EAElBH,~~mBAAUI~~,KAAV,CAAgB;IACdX,KAAK,EAAEO,~~mBAAUG~~,MADH;IAEdR,KAAK,EAAEK,~~mBAAUG~~;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;~~EAU7BrB~~,OAAO,~~EAAEgB~~,~~mBAAUM~~,IAAV,CAAeD;AAVK,CAA/B;~~eAaevB~~,kB"}
1	+ {"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title \|\| \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF;EAAxB,GACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;IAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;MAAEE,KAAK,EAAEF;IAAT,CAAvC,GAAqEA,gBADvE;IAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;IACA,oBACE;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,EAAEV,OAAO,CAACY;IAAlC,gBACE,6BAAC,cAAD,6BACMJ,CADN;MAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;MAGE,OAAO,EAAEX,WAHX;MAIE,UAAU,EAAE;QACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;MADC;IAJd,GADF,CADF;EAYD,CAhBA,CADH,CADF;AAqBD,CAlCM;;;AAoCP,wCAAAZ,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}

package/dist/ColorPicker/PresetColors/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n colors: {\n display: \"flex\",\n flexWrap: \"wrap\",\n position: \"relative\",\n width: \"calc(100% + 5px)\",\n margin: \"-5px -3px\",\n padding: 0,\n },\n swatchWrap: {\n width: \"16px\",\n height: \"16px\",\n margin: 5,\n },\n swatch: {\n borderRadius: \"3px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,~~sBAAW~~;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;~~eAoBeZ~~,M"}
1	+ {"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n colors: {\n display: \"flex\",\n flexWrap: \"wrap\",\n position: \"relative\",\n width: \"calc(100% + 5px)\",\n margin: \"-5px -3px\",\n padding: 0,\n },\n swatchWrap: {\n width: \"16px\",\n height: \"16px\",\n margin: 5,\n },\n swatch: {\n borderRadius: \"3px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}

package/dist/Controls/Controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controls.js","names":["HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","root","onSearch","onSort","section","leftSection","rightSection","map","icon","others","propTypes","PropTypes","string","node","shape","func","arrayOf","label","isRequired","bool","styleCreator","name","withTheme"],"sources":["../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { useControlled, HvMultiButton, HvButton, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). /\nconst HvControls = ({\n id,\n views,\n classes,\n className,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}) => {\n const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n const childrenIndexCut = children?.length > 0 ? Math.round(children.length 0.5) : 0;\n const leftChildren = children.slice(0, childrenIndexCut);\n const rightChildren = children.slice(childrenIndexCut, children?.length \|\| 0);\n return (\n <div id={id} className={clsx(className, classes.root)}>\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n <div className={clsx(classes.section, classes.rightSection)}>\n {rightChildren}\n {!hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views?.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </div>\n </HvControlsContextProvider>\n </div>\n );\n};\n\nHvControls.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Children elements to be rendered\n /\n children: PropTypes.node,\n /\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks: PropTypes.shape({\n /\n Callback used by the .\n /\n setSortBy: PropTypes.func,\n /\n Callback used by the search input to filter data across all fields\n /\n setGlobalFilter: PropTypes.func,\n }),\n /\n Views configuration required for the view buttons\n /\n views: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n icon: PropTypes.node,\n id: PropTypes.string,\n })\n ),\n /\n the classes object to be applied into the root object.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Right box of the controls\n /\n rightSection: PropTypes.string,\n /\n Left box of the controls\n /\n leftSection: PropTypes.string,\n /\n common styles for left and right controls\n /\n section: PropTypes.string,\n }).isRequired,\n /\n What view is selected by default\n /\n defaultView: PropTypes.string,\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView: PropTypes.string,\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange: PropTypes.func,\n /\n if `true` the button to switch views is not rendered\n */\n hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAWb;EAAA,IAVJC,EAUI,QAVJA,EAUI;EAAA,IATJC,KASI,QATJA,KASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,YAKI,QALJA,YAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,iCAFJC,gBAEI;EAAA,IAFJA,gBAEI,sCAFe,KAEf;EAAA,IADJC,YACI,QADJA,YACI;;EACJ,qBAAsC,~~mCAAcJ~~,YAAd,EAA4BC,WAA5B,CAAtC;EAAA;EAAA,~~IAAOI~~,WAAP;EAAA,IAAoBC,cAApB;;EAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,GAAD,EAAMC,KAAN,EAAgB;IAC1CH,cAAc,CAACG,KAAD,CAAd;~~IACAL~~,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,~~CAAGI~~,GAAH,EAAQC,KAAR,CAAZ;EACD,CAHD;;EAKA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;IAAA,~~OAAWZ~~,SAAX,aAAWA,SAAX,uBAAWA,SAAS,~~CAAEa~~,eAAX,CAA2BD,KAA3B,CAAX;EAAA,CAAxB;;EACA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACF,KAAD;IAAA,~~OACpBZ~~,SADoB,aACpBA,SADoB,uBACpBA,SAAS,~~CAAEe~~,SAAX,CAAqB,CACnB;~~MACEnB~~,EAAE,~~EAAEgB~~,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEI,QADb;MAEEC,IAAI,EAAEL,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEK;IAFf,CADmB,CAArB,CADoB;EAAA,CAAtB;;EAOA,IAAMC,gBAAgB,GAAG,~~CAAAf~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,~~CAAEgB~~,MAAV,IAAmB,CAAnB,GAAuBC,IAAI,CAACC,KAAL,~~CAAWlB~~,QAAQ,~~CAACgB~~,MAAT,GAAkB,GAA7B,CAAvB,GAA2D,CAApF;EACA,IAAMG,YAAY,~~GAAGnB~~,QAAQ,~~CAACoB~~,KAAT,CAAe,CAAf,EAAkBL,gBAAlB,CAArB;EACA,IAAMM,aAAa,~~GAAGrB~~,QAAQ,~~CAACoB~~,KAAT,CAAeL,gBAAf,EAAiC,~~CAAAf~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,~~CAAEgB~~,MAAV,KAAoB,CAArD,CAAtB;EACA,oBACE;IAAK,EAAE,~~EAAEvB~~,EAAT;IAAa,SAAS,EAAE,~~mBAAKG~~,SAAL,EAAgBD,OAAO,~~CAAC2B~~,IAAxB;EAAxB,gBACE,6BAAC,0CAAD;IACE,KAAK,EAAE;MACLC,QAAQ,~~EAAEf~~,eADL;~~MAELgB~~,MAAM,~~EAAEb~~;IAFH;EADT,gBAME;IAAK,SAAS,EAAE,~~mBAAKhB~~,OAAO,~~CAAC8B~~,OAAb,~~EAAsB9B~~,OAAO,~~CAAC+B~~,WAA9B;EAAhB,~~GAA6DP~~,YAA7D,CANF,eAOE;IAAK,SAAS,EAAE,~~mBAAKxB~~,OAAO,~~CAAC8B~~,OAAb,~~EAAsB9B~~,OAAO,~~CAACgC~~,YAA9B;EAAhB,~~GACGN~~,aADH,EAEG,~~CAACpB~~,gBAAD,IAAqB,CAAAP,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,~~CAAEsB~~,MAAP,IAAgB,CAArC,iBACC,6BAAC,6BAAD;IAAe,EAAE,EAAE,~~2BAAMvB~~,EAAN,EAAU,mBAAV;EAAnB,GACGC,KADH,aACGA,KADH,uBACGA,KAAK,~~CAAEkC~~,GAAP,CAAW;IAAA,~~IAAOrB~~,KAAP,~~SAAGd~~,EAAH;IAAA,~~IAAcoC~~,IAAd,SAAcA,IAAd;IAAA,IAAuBC,MAAvB;IAAA,oBACV,6BAAC,wBAAD;MACE,EAAE,~~EAAEvB~~,KADN;MAEE,GAAG,EAAEA,KAFP;MAGE,IAAI,MAHN;MAIE,QAAQ,EAAEJ,WAAW,KAAKI,KAJ5B;MAKE,OAAO,EAAE,iBAACD,GAAD;QAAA,OAASD,mBAAmB,CAACC,GAAD,EAAMC,KAAN,CAA5B;MAAA;IALX,~~GAMMuB~~,MANN,GAQGD,IARH,CADU;EAAA,CAAX,CADH,CAHJ,CAPF,CADF,CADF;AA+BD,CA7DD;;AA+DA,~~wCAAArC~~,UAAU,~~CAACuC~~,SAAX,GAAuB;EACrB;~~EACAtC~~,EAAE,~~EAAEuC~~,~~mBAAUC~~,MAFO;;EAGrB;AACF;AACA;~~EACErC~~,SAAS,~~EAAEoC~~,~~mBAAUC~~,MANA;;EAOrB;AACF;AACA;~~EACEjC~~,QAAQ,~~EAAEgC~~,~~mBAAUE~~,IAVC;;EAWrB;AACF;AACA;AACA;~~EACErC~~,SAAS,~~EAAEmC~~,~~mBAAUG~~,KAAV,CAAgB;IACzB;AACJ;AACA;~~IACIvB~~,SAAS,~~EAAEoB~~,~~mBAAUI~~,IAJI;;IAKzB;AACJ;AACA;~~IACI1B~~,eAAe,~~EAAEsB~~,~~mBAAUI~~;EARF,CAAhB,CAfU;;EAyBrB;AACF;AACA;~~EACE1C~~,KAAK,~~EAAEsC~~,~~mBAAUK~~,OAAV,CACLL,~~mBAAUG~~,KAAV,CAAgB;IACdG,KAAK,EAAEN,~~mBAAUC~~,MADH;IAEdJ,IAAI,EAAEG,~~mBAAUE~~,IAFF;~~IAGdzC~~,EAAE,~~EAAEuC~~,~~mBAAUC~~;EAHA,CAAhB,CADK,CA5Bc;;EAmCrB;AACF;AACA;~~EACEtC~~,OAAO,~~EAAEqC~~,~~mBAAUG~~,KAAV,CAAgB;IACvB;AACJ;AACA;~~IACIb~~,IAAI,~~EAAEU~~,~~mBAAUC~~,MAJO;;IAKvB;AACJ;AACA;~~IACIN~~,YAAY,~~EAAEK~~,~~mBAAUC~~,MARD;;IASvB;AACJ;AACA;~~IACIP~~,WAAW,~~EAAEM~~,~~mBAAUC~~,MAZA;;IAavB;AACJ;AACA;~~IACIR~~,OAAO,~~EAAEO~~,~~mBAAUC~~;EAhBI,CAAhB,EAiBNM,UAvDkB;;EAwDrB;AACF;AACA;~~EACExC~~,WAAW,~~EAAEiC~~,~~mBAAUC~~,MA3DF;;EA4DrB;AACF;AACA;AACA;AACA;~~EACEnC~~,YAAY,~~EAAEkC~~,~~mBAAUC~~,MAjEH;;EAkErB;AACF;AACA;~~EACE/B~~,YAAY,~~EAAE8B~~,~~mBAAUI~~,IArEH;;EAsErB;AACF;AACA;~~EACEnC~~,gBAAgB,~~EAAE+B~~,~~mBAAUQ~~;AAzEP,CAAvB;;eA4Ee,~~sBAAWC~~,eAAX,EAAyB;EAAEC,IAAI,EAAE,YAAR;EAAsBC,SAAS,EAAE;AAAjC,CAAzB,~~EAAkEnD~~,UAAlE,C"}
1	+ {"version":3,"file":"Controls.js","names":["HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","useControlled","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","clsx","root","onSearch","onSort","section","leftSection","rightSection","setId","map","icon","others","propTypes","PropTypes","string","node","shape","func","arrayOf","label","isRequired","bool","withStyles","styleCreator","name","withTheme"],"sources":["../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { useControlled, HvMultiButton, HvButton, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). /\nconst HvControls = ({\n id,\n views,\n classes,\n className,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}) => {\n const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n const childrenIndexCut = children?.length > 0 ? Math.round(children.length 0.5) : 0;\n const leftChildren = children.slice(0, childrenIndexCut);\n const rightChildren = children.slice(childrenIndexCut, children?.length \|\| 0);\n return (\n <div id={id} className={clsx(className, classes.root)}>\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n <div className={clsx(classes.section, classes.rightSection)}>\n {rightChildren}\n {!hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views?.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </div>\n </HvControlsContextProvider>\n </div>\n );\n};\n\nHvControls.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Children elements to be rendered\n /\n children: PropTypes.node,\n /\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks: PropTypes.shape({\n /\n Callback used by the .\n /\n setSortBy: PropTypes.func,\n /\n Callback used by the search input to filter data across all fields\n /\n setGlobalFilter: PropTypes.func,\n }),\n /\n Views configuration required for the view buttons\n /\n views: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n icon: PropTypes.node,\n id: PropTypes.string,\n })\n ),\n /\n the classes object to be applied into the root object.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Right box of the controls\n /\n rightSection: PropTypes.string,\n /\n Left box of the controls\n /\n leftSection: PropTypes.string,\n /\n common styles for left and right controls\n /\n section: PropTypes.string,\n }).isRequired,\n /\n What view is selected by default\n /\n defaultView: PropTypes.string,\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView: PropTypes.string,\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange: PropTypes.func,\n /\n if `true` the button to switch views is not rendered\n */\n hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":"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"}

package/dist/Controls/LeftControl/LeftControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftControl.js","names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","HvControlsContext","onSearchHandler","onChangeFilter","e","value","root","propTypes","PropTypes","string","node","shape","sortDropdown","isRequired","func","bool","object","styleCreator","name","withTheme"],"sources":["../../../src/Controls/LeftControl/LeftControl.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvInput, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <div id={id} className={clsx(className, classes.root)} {...others}>\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nHvLeftControl.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /* Children to be rendered. /\n children: PropTypes.node,\n /\n the classes object to be applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the dropdown in charge of sorting.\n /\n sortDropdown: PropTypes.string,\n }).isRequired,\n /* Placeholder text to be show within the search input. /\n placeholder: PropTypes.string,\n /* Callback fired when the user starts to type in the search field. /\n onSearch: PropTypes.func,\n /* Boolean to control whether if the search input should appears or not. /\n hideSearch: PropTypes.bool,\n /\n Extra props to be passed onto the input\n */\n searchProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvLeftControl\", withTheme: true })(HvLeftControl);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAUhB;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,4BALJC,WAKI;EAAA,IALJA,WAKI,iCALU,QAKV;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,KAGT;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADDC,MACC;;EACJ,kBAAsC,~~uBAAWC~~,kCAAX,CAAtC;EAAA,IAAkBC,eAAlB,~~eAAQL~~,QAAR;;EAEA,~~IAAMM~~,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAIC,KAAJ,EAAc;~~IACnCR~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,~~CAAGO~~,CAAH,EAAMC,KAAN,CAAR;IACAH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGG,KAAH,CAAf;EACD,CAHD;;EAKA,oBACE;IAAK,EAAE,~~EAAEb~~,EAAT;IAAa,SAAS,EAAE,~~mBAAKE~~,SAAL,EAAgBD,OAAO,~~CAACa~~,IAAxB;EAAxB,~~GAA2DN~~,MAA3D,GACG,CAACF,UAAD,iBACC,6BAAC,uBAAD;IACE,EAAE,EAAE,~~2BAAMN~~,EAAN,EAAU,cAAV,CADN;IAEE,IAAI,EAAC,QAFP;IAGE,WAAW,EAAEI,WAHf;IAIE,QAAQ,EAAE,~~kBAACQ~~,CAAD,EAAIC,KAAJ;MAAA,OAAcF,cAAc,CAACC,CAAD,EAAIC,KAAJ,CAA5B;IAAA;EAJZ,~~GAKMN~~,WALN,EAFJ,EAUGJ,QAVH,CADF;AAcD,CAhCD;;AAkCA,wCAAAJ,aAAa,~~CAACgB~~,SAAd,GAA0B;EACxB;~~EACAf~~,EAAE,~~EAAEgB~~,~~mBAAUC~~,MAFU;;EAGxB;AACF;AACA;~~EACEf~~,SAAS,~~EAAEc~~,~~mBAAUC~~,MANG;;EAOxB;~~EACAd~~,QAAQ,~~EAAEa~~,~~mBAAUE~~,IARI;;EASxB;AACF;AACA;~~EACEjB~~,OAAO,~~EAAEe~~,~~mBAAUG~~,KAAV,CAAgB;IACvB;AACJ;AACA;~~IACIL~~,IAAI,~~EAAEE~~,~~mBAAUC~~,MAJO;;IAKvB;AACJ;AACA;IACIG,YAAY,EAAEJ,~~mBAAUC~~;EARD,CAAhB,EASNI,UArBqB;;EAsBxB;~~EACAjB~~,WAAW,~~EAAEY~~,~~mBAAUC~~,MAvBC;;EAwBxB;~~EACAZ~~,QAAQ,~~EAAEW~~,~~mBAAUM~~,IAzBI;;EA0BxB;~~EACAhB~~,UAAU,~~EAAEU~~,~~mBAAUO~~,IA3BE;;EA4BxB;AACF;AACA;~~EACEhB~~,WAAW,~~EAAES~~,~~mBAAUQ~~;AA/BC,CAA1B;;eAkCe,~~sBAAWC~~,eAAX,EAAyB;EAAEC,IAAI,EAAE,eAAR;EAAyBC,SAAS,EAAE;AAApC,CAAzB,~~EAAqE5B~~,aAArE,C"}
1	+ {"version":3,"file":"LeftControl.js","names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","useContext","HvControlsContext","onSearchHandler","onChangeFilter","e","value","clsx","root","setId","propTypes","PropTypes","string","node","shape","sortDropdown","isRequired","func","bool","object","withStyles","styleCreator","name","withTheme"],"sources":["../../../src/Controls/LeftControl/LeftControl.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvInput, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <div id={id} className={clsx(className, classes.root)} {...others}>\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nHvLeftControl.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /* Children to be rendered. /\n children: PropTypes.node,\n /\n the classes object to be applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the dropdown in charge of sorting.\n /\n sortDropdown: PropTypes.string,\n }).isRequired,\n /* Placeholder text to be show within the search input. /\n placeholder: PropTypes.string,\n /* Callback fired when the user starts to type in the search field. /\n onSearch: PropTypes.func,\n /* Boolean to control whether if the search input should appears or not. /\n hideSearch: PropTypes.bool,\n /\n Extra props to be passed onto the input\n */\n searchProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvLeftControl\", withTheme: true })(HvLeftControl);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAUhB;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,4BALJC,WAKI;EAAA,IALJA,WAKI,iCALU,QAKV;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,KAGT;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADDC,MACC;;EACJ,kBAAsC,IAAAC,iBAAA,EAAWC,kCAAX,CAAtC;EAAA,IAAkBC,eAAlB,eAAQN,QAAR;;EAEA,IAAMO,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAIC,KAAJ,EAAc;IACnCT,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGQ,CAAH,EAAMC,KAAN,CAAR;IACAH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGG,KAAH,CAAf;EACD,CAHD;;EAKA,oBACE;IAAK,EAAE,EAAEd,EAAT;IAAa,SAAS,EAAE,IAAAe,aAAA,EAAKb,SAAL,EAAgBD,OAAO,CAACe,IAAxB;EAAxB,GAA2DR,MAA3D,GACG,CAACF,UAAD,iBACC,6BAAC,uBAAD;IACE,EAAE,EAAE,IAAAW,qBAAA,EAAMjB,EAAN,EAAU,cAAV,CADN;IAEE,IAAI,EAAC,QAFP;IAGE,WAAW,EAAEI,WAHf;IAIE,QAAQ,EAAE,kBAACS,CAAD,EAAIC,KAAJ;MAAA,OAAcF,cAAc,CAACC,CAAD,EAAIC,KAAJ,CAA5B;IAAA;EAJZ,GAKMP,WALN,EAFJ,EAUGJ,QAVH,CADF;AAcD,CAhCD;;AAkCA,wCAAAJ,aAAa,CAACmB,SAAd,GAA0B;EACxB;EACAlB,EAAE,EAAEmB,kBAAA,CAAUC,MAFU;;EAGxB;AACF;AACA;EACElB,SAAS,EAAEiB,kBAAA,CAAUC,MANG;;EAOxB;EACAjB,QAAQ,EAAEgB,kBAAA,CAAUE,IARI;;EASxB;AACF;AACA;EACEpB,OAAO,EAAEkB,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEG,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIG,YAAY,EAAEJ,kBAAA,CAAUC;EARD,CAAhB,EASNI,UArBqB;;EAsBxB;EACApB,WAAW,EAAEe,kBAAA,CAAUC,MAvBC;;EAwBxB;EACAf,QAAQ,EAAEc,kBAAA,CAAUM,IAzBI;;EA0BxB;EACAnB,UAAU,EAAEa,kBAAA,CAAUO,IA3BE;;EA4BxB;AACF;AACA;EACEnB,WAAW,EAAEY,kBAAA,CAAUQ;AA/BC,CAA1B;;eAkCe,IAAAC,gBAAA,EAAWC,eAAX,EAAyB;EAAEC,IAAI,EAAE,eAAR;EAAyBC,SAAS,EAAE;AAApC,CAAzB,EAAqEhC,aAArE,C"}

package/dist/Controls/RightControl/RightControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.js","names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","HvControlsContext","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","root","sortDropdown","propTypes","PropTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","styleCreator","name","withTheme"],"sources":["../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvDropdown, setId } from \"@hitachivantara/uikit-react-core\";\nimport styleCreator from \"./styles\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nconst HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n return (\n <div id={id} className={clsx(className, classes.root)} {...others}>\n {!hideSortBy && (\n <HvDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={classes.sortDropdown}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nHvRightControl.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /* Children to be rendered. /\n children: PropTypes.node,\n /\n the classes object to be applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the dropdown in charge of sorting.\n /\n sortDropdown: PropTypes.string,\n }).isRequired,\n /* Data collection to be listed on the sort field. /\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n accessor: PropTypes.string,\n label: PropTypes.string,\n selected: PropTypes.bool,\n desc: PropTypes.bool,\n })\n ),\n /* Callback fired when the selected sort item is changed. /\n onSort: PropTypes.func,\n /* Boolean to control whether if the sort input should appears or not. /\n hideSortBy: PropTypes.bool,\n /\n Extra props to be passed onto the dropdown\n */\n sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n HvRightControl\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUjB;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,KAGT;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADDC,MACC;;EACJ,gBAA4C,~~qBAASJ~~,MAAT,CAA5C;EAAA;EAAA,~~IAAOK~~,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,kBAAkC,~~uBAAWC~~,kCAAX,CAAlC;EAAA,IAAgBC,aAAhB,~~eAAQP~~,MAAR;;EAEA,~~IAAMQ~~,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;~~IAClCT~~,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,~~CAAGS~~,KAAH,CAAN;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,KAAH,CAAb,CAFkC,CAGlC;;~~IACAJ~~,iBAAiB,CAAC,~~UAACK~~,UAAD;MAAA,OAChBA,UAAU,CAACC,GAAX,CAAe,UAACC,SAAD;QAAA,uCACVA,SADU;UAEbC,QAAQ,EAAED,SAAS,~~CAACjB~~,EAAV,~~KAAiBc~~,KAAK,~~CAACd~~;QAFpB;MAAA,CAAf,CADgB;IAAA,CAAD,CAAjB;EAMD,CAVD;;EAWA,oBACE;IAAK,EAAE,EAAEA,EAAT;IAAa,SAAS,EAAE,~~mBAAKE~~,SAAL,EAAgBD,OAAO,~~CAACkB~~,IAAxB;EAAxB,~~GAA2DX~~,MAA3D,GACG,CAACF,UAAD,iBACC,6BAAC,0BAAD;IACE,EAAE,EAAE,~~2BAAMN~~,EAAN,EAAU,kBAAV,CADN;IAEE,MAAM,~~EAAES~~,cAFV;IAGE,SAAS,~~EAAER~~,OAAO,~~CAACmB~~,YAHrB;IAIE,QAAQ,~~EAAEP~~,gBAJZ;IAKE,qBAAqB,EAAE;EALzB,~~GAMMN~~,SANN,EAFJ,EAWGJ,QAXH,CADF;AAeD,CAzCD;;AA2CA,wCAAAJ,cAAc,~~CAACsB~~,SAAf,GAA2B;EACzB;~~EACArB~~,EAAE,~~EAAEsB~~,~~mBAAUC~~,MAFW;;EAGzB;AACF;AACA;~~EACErB~~,SAAS,~~EAAEoB~~,~~mBAAUC~~,MANI;;EAOzB;~~EACApB~~,QAAQ,~~EAAEmB~~,~~mBAAUE~~,IARK;;EASzB;AACF;AACA;~~EACEvB~~,OAAO,~~EAAEqB~~,~~mBAAUG~~,KAAV,CAAgB;IACvB;AACJ;AACA;~~IACIN~~,IAAI,~~EAAEG~~,~~mBAAUC~~,MAJO;;IAKvB;AACJ;AACA;IACIH,YAAY,EAAEE,~~mBAAUC~~;EARD,CAAhB,EASNG,UArBsB;;EAsBzB;~~EACAtB~~,MAAM,~~EAAEkB~~,~~mBAAUK~~,OAAV,CACNL,~~mBAAUG~~,KAAV,CAAgB;~~IACdzB~~,EAAE,~~EAAEsB~~,~~mBAAUC~~,MADA;IAEdK,QAAQ,EAAEN,~~mBAAUC~~,MAFN;IAGdM,KAAK,EAAEP,~~mBAAUC~~,MAHH;~~IAIdL~~,QAAQ,~~EAAEI~~,~~mBAAUQ~~,IAJN;IAKdC,IAAI,EAAET,~~mBAAUQ~~;EALF,CAAhB,CADM,CAvBiB;;EAgCzB;~~EACAzB~~,MAAM,~~EAAEiB~~,~~mBAAUU~~,IAjCO;;EAkCzB;~~EACA1B~~,UAAU,~~EAAEgB~~,~~mBAAUQ~~,IAnCG;;EAoCzB;AACF;AACA;~~EACEvB~~,SAAS,~~EAAEe~~,~~mBAAUW~~;AAvCI,CAA3B;;eA0Ce,~~sBAAWC~~,eAAX,EAAyB;EAAEC,IAAI,EAAE,gBAAR;EAA0BC,SAAS,EAAE;AAArC,CAAzB,~~EACbrC~~,cADa,C"}
1	+ {"version":3,"file":"RightControl.js","names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","useState","dropDownValues","setDropdownValues","useContext","HvControlsContext","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","clsx","root","setId","sortDropdown","propTypes","PropTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","withStyles","styleCreator","name","withTheme"],"sources":["../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvDropdown, setId } from \"@hitachivantara/uikit-react-core\";\nimport styleCreator from \"./styles\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nconst HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n return (\n <div id={id} className={clsx(className, classes.root)} {...others}>\n {!hideSortBy && (\n <HvDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={classes.sortDropdown}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nHvRightControl.propTypes = {\n /** Children to be rendered. /\n id: PropTypes.string,\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /* Children to be rendered. /\n children: PropTypes.node,\n /\n the classes object to be applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the dropdown in charge of sorting.\n /\n sortDropdown: PropTypes.string,\n }).isRequired,\n /* Data collection to be listed on the sort field. /\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n accessor: PropTypes.string,\n label: PropTypes.string,\n selected: PropTypes.bool,\n desc: PropTypes.bool,\n })\n ),\n /* Callback fired when the selected sort item is changed. /\n onSort: PropTypes.func,\n /* Boolean to control whether if the sort input should appears or not. /\n hideSortBy: PropTypes.bool,\n /\n Extra props to be passed onto the dropdown\n */\n sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n HvRightControl\n);\n"],"mappings":"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"}

package/dist/Controls/context/ControlsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ControlsContext.js","names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,iBAAiB,gBAAGC,~~eAAMC~~,aAAN,CAAoB,EAApB,CAA1B;;;AAEA,IAAMC,yBAAyB,GAAGH,iBAAiB,CAACI,QAApD;;AACA,IAAMC,yBAAyB,GAAGL,iBAAiB,CAACM,QAApD;;eACQN,iB"}
1	+ {"version":3,"file":"ControlsContext.js","names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,iBAAiB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAA1B;;;AAEA,IAAMC,yBAAyB,GAAGH,iBAAiB,CAACI,QAApD;;AACA,IAAMC,yBAAyB,GAAGL,iBAAiB,CAACM,QAApD;;eACQN,iB"}

package/dist/DotPagination/DotPagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DotPagination.js","names":["getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","root","horizontal","map","radioRoot","event","propTypes","PropTypes","string","shape","isRequired","number","func","styles","name"],"sources":["../../src/DotPagination/DotPagination.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n const { disabled } = options;\n const color = (disabled && [\"atmo3\", \"atmo5\"]) \|\| undefined;\n const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) \|\| undefined;\n\n return {\n radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n };\n};\n\n/*\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n /\nconst HvDotPagination = (props) => {\n const {\n className,\n classes,\n pages = 1,\n page = 0,\n onPageChange,\n getItemAriaLabel,\n ...others\n } = props;\n\n const range = (n) => Array.from(Array(n), (v, i) => i);\n\n const icons = getSelectorIcons(classes, {});\n\n return (\n <HvRadioGroup\n className={clsx(className, classes.root)}\n classes={{ horizontal: classes.horizontal }}\n orientation=\"horizontal\"\n {...others}\n >\n {range(pages).map((i) => (\n <HvRadio\n classes={{ root: classes.radioRoot }}\n key={i}\n value={i}\n checked={page === i}\n onChange={(event) => onPageChange(event, i)}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n aria-label={getItemAriaLabel(i)}\n />\n ))}\n </HvRadioGroup>\n );\n};\n\nHvDotPagination.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 radio button group to overrrite horizontal class margins.\n /\n horizontal: PropTypes.string,\n /\n Styles applied to the radio root ( to override radio group horizontal )\n /\n radioRoot: PropTypes.string,\n }).isRequired,\n /\n The number of pages the component has.\n /\n pages: PropTypes.number,\n /\n The currently selected page.\n /\n page: PropTypes.number,\n /\n Function called when the page changes.\n /\n onPageChange: PropTypes.func,\n /\n Function called to get the respective aria label.\n */\n getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAAUC,OAAV,EAAsB;EACpD,IAAQC,QAAR,GAAqBD,OAArB,CAAQC,QAAR;EACA,IAAMC,KAAK,GAAID,QAAQ,IAAI,CAAC,OAAD,EAAU,OAAV,CAAb,IAAoCE,SAAlD;EACA,IAAMC,YAAY,GAAIH,QAAQ,IAAI,CAAC,OAAD,EAAU,OAAV,CAAb,IAAoCE,SAAzD;EAEA,OAAO;IACLE,KAAK,eAAE,6BAAC,sCAAD;MAAuB,KAAK,EAAEH,KAA9B;MAAqC,SAAS,EAAEH,OAAO,CAACO,IAAxD;MAA8D,QAAQ,EAAC;IAAvE,EADF;IAELC,YAAY,eAAE,6BAAC,4BAAD;MAAa,KAAK,EAAEH,YAApB;MAAkC,SAAS,EAAEL,OAAO,CAACO,IAArD;MAA2D,QAAQ,EAAC;IAApE;EAFT,CAAP;AAID,CATM;AAWP;AACA;AACA;AACA;;;;;AACA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;EACjC,IACEC,SADF,GAQID,KARJ,CACEC,SADF;EAAA,IAEEX,OAFF,GAQIU,KARJ,CAEEV,OAFF;EAAA,mBAQIU,KARJ,CAGEE,KAHF;EAAA,IAGEA,KAHF,6BAGU,CAHV;EAAA,kBAQIF,KARJ,CAIEG,IAJF;EAAA,IAIEA,IAJF,4BAIS,CAJT;EAAA,IAKEC,YALF,GAQIJ,KARJ,CAKEI,YALF;EAAA,IAMEC,gBANF,GAQIL,KARJ,CAMEK,gBANF;EAAA,IAOKC,MAPL,0CAQIN,KARJ;;EAUA,IAAMO,KAAK,GAAG,SAARA,KAAQ,CAACC,CAAD;IAAA,OAAOC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAACD,CAAD,CAAhB,EAAqB,UAACG,CAAD,EAAIC,CAAJ;MAAA,OAAUA,CAAV;IAAA,CAArB,CAAP;EAAA,CAAd;;EAEA,IAAMC,KAAK,GAAGxB,gBAAgB,CAACC,OAAD,EAAU,EAAV,CAA9B;EAEA,oBACE,6BAAC,4BAAD;IACE,SAAS,EAAE,~~mBAAKW~~,SAAL,EAAgBX,OAAO,~~CAACwB~~,IAAxB,CADb;IAEE,OAAO,EAAE;MAAEC,UAAU,~~EAAEzB~~,OAAO,~~CAACyB~~;IAAtB,CAFX;IAGE,WAAW,EAAC;EAHd,~~GAIMT~~,MAJN,GAMGC,KAAK,CAACL,KAAD,CAAL,~~CAAac~~,GAAb,CAAiB,~~UAACJ~~,CAAD;IAAA,oBAChB,6BAAC,uBAAD;MACE,OAAO,EAAE;~~QAAEE~~,IAAI,~~EAAExB~~,OAAO,~~CAAC2B~~;MAAhB,CADX;MAEE,GAAG,~~EAAEL~~,CAFP;MAGE,KAAK,EAAEA,CAHT;MAIE,OAAO,EAAET,IAAI,KAAKS,CAJpB;MAKE,QAAQ,EAAE,~~kBAACM~~,KAAD;QAAA,~~OAAWd~~,YAAY,~~CAACc~~,KAAD,~~EAAQN~~,CAAR,CAAvB;MAAA,CALZ;MAME,IAAI,EAAEC,KAAK,CAACjB,KANd;MAOE,WAAW,EAAEiB,KAAK,CAACf,YAPrB;MAQE,cAAYO,gBAAgB,CAACO,CAAD;IAR9B,EADgB;EAAA,CAAjB,CANH,CADF;AAqBD,CApCD;;AAsCA,wCAAAb,eAAe,~~CAACoB~~,SAAhB,GAA4B;EAC1B;AACF;AACA;~~EACElB~~,SAAS,~~EAAEmB~~,~~mBAAUC~~,MAJK;;EAK1B;AACF;AACA;~~EACE/B~~,OAAO,~~EAAE8B~~,~~mBAAUE~~,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAEM,~~mBAAUC~~,MAJO;;IAKvB;AACJ;AACA;IACIN,UAAU,EAAEK,~~mBAAUC~~,MARC;;IASvB;AACJ;AACA;IACIJ,SAAS,EAAEG,~~mBAAUC~~;EAZE,CAAhB,EAaNE,UArBuB;;EAsB1B;AACF;AACA;~~EACErB~~,KAAK,~~EAAEkB~~,~~mBAAUI~~,MAzBS;;EA0B1B;AACF;AACA;~~EACErB~~,IAAI,~~EAAEiB~~,~~mBAAUI~~,MA7BU;;EA8B1B;AACF;AACA;~~EACEpB~~,YAAY,~~EAAEgB~~,~~mBAAUK~~,IAjCE;;EAkC1B;AACF;AACA;~~EACEpB~~,gBAAgB,~~EAAEe~~,~~mBAAUK~~;AArCF,CAA5B;;eAwCe,~~sBAAWC~~,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,~~EAAgD5B~~,eAAhD,C"}
1	+ {"version":3,"file":"DotPagination.js","names":["getSelectorIcons","classes","options","disabled","color","undefined","checkedColor","radio","icon","radioChecked","HvDotPagination","props","className","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","v","i","icons","clsx","root","horizontal","map","radioRoot","event","propTypes","PropTypes","string","shape","isRequired","number","func","withStyles","styles","name"],"sources":["../../src/DotPagination/DotPagination.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvRadio, HvRadioGroup } from \"@hitachivantara/uikit-react-core\";\nimport { CurrentStep, RadioButtonUnselected } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n const { disabled } = options;\n const color = (disabled && [\"atmo3\", \"atmo5\"]) \|\| undefined;\n const checkedColor = (disabled && [\"atmo3\", \"atmo5\"]) \|\| undefined;\n\n return {\n radio: <RadioButtonUnselected color={color} className={classes.icon} iconSize=\"XS\" />,\n radioChecked: <CurrentStep color={checkedColor} className={classes.icon} iconSize=\"XS\" />,\n };\n};\n\n/*\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n /\nconst HvDotPagination = (props) => {\n const {\n className,\n classes,\n pages = 1,\n page = 0,\n onPageChange,\n getItemAriaLabel,\n ...others\n } = props;\n\n const range = (n) => Array.from(Array(n), (v, i) => i);\n\n const icons = getSelectorIcons(classes, {});\n\n return (\n <HvRadioGroup\n className={clsx(className, classes.root)}\n classes={{ horizontal: classes.horizontal }}\n orientation=\"horizontal\"\n {...others}\n >\n {range(pages).map((i) => (\n <HvRadio\n classes={{ root: classes.radioRoot }}\n key={i}\n value={i}\n checked={page === i}\n onChange={(event) => onPageChange(event, i)}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n aria-label={getItemAriaLabel(i)}\n />\n ))}\n </HvRadioGroup>\n );\n};\n\nHvDotPagination.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 radio button group to overrrite horizontal class margins.\n /\n horizontal: PropTypes.string,\n /\n Styles applied to the radio root ( to override radio group horizontal )\n /\n radioRoot: PropTypes.string,\n }).isRequired,\n /\n The number of pages the component has.\n /\n pages: PropTypes.number,\n /\n The currently selected page.\n /\n page: PropTypes.number,\n /\n Function called when the page changes.\n /\n onPageChange: PropTypes.func,\n /\n Function called to get the respective aria label.\n */\n getItemAriaLabel: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDotPagination\" })(HvDotPagination);\n"],"mappings":"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"}

package/dist/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/*\n The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n /\nconst HvDrawer = ({\n className,\n classes,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n ...others\n}) => {\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n return (\n <Drawer\n className={clsx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n BackdropProps={{\n classes: {\n root: classes.background,\n },\n }}\n onClose={(event, reason) => onClose(event, reason)}\n {...others}\n >\n <HvButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n category=\"ghost\"\n onClick={onClose}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </HvButton>\n {children}\n </Drawer>\n );\n};\n\nHvDrawer.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the background (outside) of the component.\n /\n background: PropTypes.string,\n /\n Style applied to the component (root).\n /\n paper: PropTypes.string,\n /\n Style applied to the close button.\n /\n closeButton: PropTypes.string,\n }).isRequired,\n /\n Components of the Drawer.\n /\n children: PropTypes.node.isRequired,\n /\n Current state of the Drawer.\n /\n open: PropTypes.bool.isRequired,\n /\n Function executed on close.\n * Extended from Modal from material-ui\n \n @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n /\n onClose: PropTypes.func.isRequired,\n /\n The side the drawer opens from.\n /\n anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n /\n Title for the button close.\n */\n buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAUX;EAAA,IATJC,SASI,QATJA,SASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,IAJJC,QAII,QAJJA,OAII;EAAA,uBAHJC,MAGI;EAAA,IAHJA,MAGI,4BAHK,OAGL;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,OAEV;EAAA,IADDC,MACC;;EACJ,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;IAAA,wCAAM,6BAAC,sBAAD;MAAO,IAAI,EAAC;IAAZ,EAAN;EAAA,CAA3B;;EAEA,IAAMC,yBAAyB,GAAGH,WAAW,GACzC,~~iCAAYE~~,kBAAZ,EAAgCF,WAAhC,EAA6C,KAA7C,CADyC,GAEzCE,kBAFJ;EAIA,oBACE,6BAAC,YAAD;IACE,SAAS,EAAE,~~mBAAKR~~,OAAO,~~CAACU~~,IAAb,~~EAAmBX~~,SAAnB,CADb;IAEE,EAAE,EAAEE,EAFN;IAGE,MAAM,EAAEI,MAHV;IAIE,IAAI,EAAEF,IAJR;IAKE,UAAU,EAAE;MACVH,OAAO,EAAE;~~QACPU~~,IAAI,~~EAAEV~~,OAAO,~~CAACW~~;MADP;IADC,CALd;IAUE,aAAa,EAAE;~~MACbX~~,OAAO,EAAE;~~QACPU~~,IAAI,~~EAAEV~~,OAAO,~~CAACY~~;MADP;IADI,CAVjB;IAeE,OAAO,EAAE,iBAACC,KAAD,EAAQC,MAAR;MAAA,~~OAAmBV~~,QAAO,~~CAACS~~,KAAD,EAAQC,MAAR,CAA1B;IAAA;EAfX,~~GAgBMP~~,MAhBN,gBAkBE,6BAAC,wBAAD;IACE,EAAE,EAAE,~~2BAAMN~~,EAAN,EAAU,OAAV,CADN;IAEE,SAAS,EAAED,OAAO,~~CAACe~~,WAFrB;IAGE,QAAQ,EAAC,OAHX;IAIE,OAAO,~~EAAEX~~,QAJX;IAKE,cAAYE;EALd,gBAOE,6BAAC,yBAAD,OAPF,CAlBF,EA2BGJ,QA3BH,CADF;AA+BD,CAhDD;;AAkDA,wCAAAJ,QAAQ,~~CAACkB~~,SAAT,GAAqB;EACnB;AACF;AACA;~~EACEjB~~,SAAS,~~EAAEkB~~,~~mBAAUC~~,MAJF;;EAKnB;AACF;AACA;~~EACEjB~~,EAAE,~~EAAEgB~~,~~mBAAUC~~,MARK;;EASnB;AACF;AACA;~~EACElB~~,OAAO,~~EAAEiB~~,~~mBAAUE~~,KAAV,CAAgB;IACvB;AACJ;AACA;~~IACIT~~,IAAI,~~EAAEO~~,~~mBAAUC~~,MAJO;;IAKvB;AACJ;AACA;~~IACIN~~,UAAU,~~EAAEK~~,~~mBAAUC~~,MARC;;IASvB;AACJ;AACA;~~IACIP~~,KAAK,~~EAAEM~~,~~mBAAUC~~,MAZM;;IAavB;AACJ;AACA;IACIH,WAAW,EAAEE,~~mBAAUC~~;EAhBA,CAAhB,EAiBNE,UA7BgB;;EA8BnB;AACF;AACA;~~EACElB~~,QAAQ,~~EAAEe~~,~~mBAAUI~~,IAAV,CAAeD,UAjCN;;EAkCnB;AACF;AACA;~~EACEjB~~,IAAI,~~EAAEc~~,~~mBAAUK~~,IAAV,CAAeF,UArCF;;EAsCnB;AACF;AACA;AACA;AACA;AACA;AACA;~~EACEhB~~,OAAO,~~EAAEa~~,~~mBAAUM~~,IAAV,CAAeH,UA7CL;;EA8CnB;AACF;AACA;~~EACEf~~,MAAM,~~EAAEY~~,~~mBAAUO~~,KAAV,CAAgB,CAAC,MAAD,EAAS,KAAT,EAAgB,OAAhB,EAAyB,QAAzB,CAAhB,CAjDW;;EAkDnB;AACF;AACA;~~EACElB~~,WAAW,~~EAAEW~~,~~mBAAUC~~;AArDJ,CAArB;;eAwDe,~~sBAAWO~~,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,~~EAAyC5B~~,QAAzC,C"}
1	+ {"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/*\n The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n /\nconst HvDrawer = ({\n className,\n classes,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n ...others\n}) => {\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n return (\n <Drawer\n className={clsx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n BackdropProps={{\n classes: {\n root: classes.background,\n },\n }}\n onClose={(event, reason) => onClose(event, reason)}\n {...others}\n >\n <HvButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n category=\"ghost\"\n onClick={onClose}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </HvButton>\n {children}\n </Drawer>\n );\n};\n\nHvDrawer.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Style applied to the root of the component.\n /\n root: PropTypes.string,\n /\n Style applied to the background (outside) of the component.\n /\n background: PropTypes.string,\n /\n Style applied to the component (root).\n /\n paper: PropTypes.string,\n /\n Style applied to the close button.\n /\n closeButton: PropTypes.string,\n }).isRequired,\n /\n Components of the Drawer.\n /\n children: PropTypes.node.isRequired,\n /\n Current state of the Drawer.\n /\n open: PropTypes.bool.isRequired,\n /\n Function executed on close.\n * Extended from Modal from material-ui\n \n @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n /\n onClose: PropTypes.func.isRequired,\n /\n The side the drawer opens from.\n /\n anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n /\n Title for the button close.\n */\n buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/Drawer/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n background: {\n background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n },\n paper: {\n background: `${theme.hv.palette.atmosphere.atmo1}`,\n padding: \"0px\",\n overflow: \"auto\",\n boxShadow: theme.hv.shadows[1],\n },\n closeButton: {\n padding: 0,\n minWidth: \"inherit\",\n position: \"absolute\",\n top: theme.hvSpacing(\"sm\"),\n right: theme.hvSpacing(\"sm\"),\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,~~mBAAM~~,~~oBAASD~~,KAAK,~~CAACE~~,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;~~MACLL~~,UAAU,YAAKD,KAAK,~~CAACE~~,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,~~EAAEV~~,KAAK,~~CAACE~~,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,~~EAAEf~~,KAAK,~~CAACgB~~,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,~~EAAEjB~~,KAAK,~~CAACgB~~,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;~~eAmBejB~~,M"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n background: {\n background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n },\n paper: {\n background: `${theme.hv.palette.atmosphere.atmo1}`,\n padding: \"0px\",\n overflow: \"auto\",\n boxShadow: theme.hv.shadows[1],\n },\n closeButton: {\n padding: 0,\n minWidth: \"inherit\",\n position: \"absolute\",\n top: theme.hvSpacing(\"sm\"),\n right: theme.hvSpacing(\"sm\"),\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,aAAA,EAAM,IAAAC,cAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}