npm - @hitachivantara/uikit-react-lab - Versions diffs - 3.43.1 → 3.44.0 - Mend

@hitachivantara/uikit-react-lab 3.43.1 → 3.44.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSwitcherPanel.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","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","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"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,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","useDeprecated","styles","TitleWithTooltip","Action","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","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,EAA6BC,UAA7B,QAA+C,mBAA/C;AAEA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,kCAA/C;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAIC,KAAD,IAAW;AAClC,QAAM;AACJC,IAAAA,EADI;AAGJC,IAAAA,SAHI;AAIJC,IAAAA,OAJI;AAMJC,IAAAA,MAAM,GAAG,QANL;AAQJC,IAAAA,KARI;AASJC,IAAAA,YATI;AAWJC,IAAAA,uBAAuB,GAAG,MAAM,CAAE,CAX9B;AAYJC,IAAAA,wBAAwB,GAAG,MAAM,KAZ7B;AAcJC,IAAAA,MAdI;AAeJC,IAAAA,MAfI;AAiBJC,IAAAA;AAjBI,MAkBFX,KAlBJ;AAoBAL,EAAAA,aAAa,CAAC,kBAAD,EAAqB,mDAArB,CAAb;;AAEA,QAAMiB,aAAa,GAAG,CAACC,KAAD,EAAQC,WAAR,KAAwB;AAC5CP,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGM,KAAH,EAAUC,WAAV,CAAvB;AACD,GAFD;;AAIA,QAAMC,YAAY,GAAGT,YAAY,CAACU,GAAb,CAAkBF,WAAD,IAAiB;AACrD,QAAIA,WAAW,CAACG,IAAhB,EAAsB;AACpB,0BACE,oBAAC,MAAD;AACE,QAAA,GAAG,EAAEH,WAAW,CAACb,EAAZ,IAAmB,GAAEa,WAAW,CAACG,IAAK,IAAGH,WAAW,CAACI,GAAI,EADhE;AAEE,QAAA,WAAW,EAAEJ,WAFf;AAGE,QAAA,eAAe,EAAEF,aAHnB;AAIE,QAAA,kBAAkB,EAAEJ,wBAJtB;AAKE,QAAA,OAAO,EAAE;AACPW,UAAAA,IAAI,EAAEhB,OAAO,CAACiB,IADP;AAEPC,UAAAA,QAAQ,EAAElB,OAAO,CAACmB,YAFX;AAGPC,UAAAA,QAAQ,EAAEpB,OAAO,CAACqB,YAHX;AAIPC,UAAAA,UAAU,EAAEtB,OAAO,CAACuB,WAJb;AAKPC,UAAAA,IAAI,EAAExB,OAAO,CAACyB,QALP;AAMPvB,UAAAA,KAAK,EAAEF,OAAO,CAAC0B,SANR;AAOPC,UAAAA,QAAQ,EAAE3B,OAAO,CAAC4B;AAPX;AALX,QADF;AAiBD;;AAED,WAAOC,SAAP;AACD,GAtBoB,CAArB;AAwBA,sBACE;AACE,IAAA,EAAE,EAAE/B,EADN;AAEE,IAAA,SAAS,EAAEV,IAAI,CAACW,SAAD,EAAYC,OAAO,CAACgB,IAApB,EAA0BhB,OAAO,CAACC,MAAD,CAAjC,EACKO,MAAM,KAAK,KADhB,IACZR,OAAO,CAAC8B,MADI,EAEGtB,MAFH,IAEZR,OAAO,CAAC+B,IAFI;AAFjB,KAOIzB,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACE;AAAxB,KAAgCI,MAAhC,CAAX,IACEJ,KAAK,iBAAI,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAEF,OAAO,CAACE,KAArC;AAA4C,IAAA,KAAK,EAAEA;AAAnD,IARd,eASE,oBAAC,eAAD;AAAiB,IAAA,cAAc,MAA/B;AAAgC,IAAA,SAAS,EAAEF,OAAO,CAACgC;AAAnD,KACGpB,YADH,CATF,EAYGL,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACiC;AAAxB,KAA0C1B,MAA1C,CAZb,CADF;AAgBD,CAnED;;AAqEA,wCAAAX,gBAAgB,CAACsC,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJa;;AAM3B;AACF;AACA;AACEpC,EAAAA,SAAS,EAAEZ,SAAS,CAACgD,MATM;;AAU3B;AACF;AACA;AACEnC,EAAAA,OAAO,EAAEb,SAAS,CAACiD,KAAV,CAAgB;AACvBpB,IAAAA,IAAI,EAAE7B,SAAS,CAACgD,MADO;AAEvBE,IAAAA,MAAM,EAAElD,SAAS,CAACgD,MAFK;AAGvBG,IAAAA,IAAI,EAAEnD,SAAS,CAACgD,MAHO;AAIvBI,IAAAA,KAAK,EAAEpD,SAAS,CAACgD,MAJM;AAKvBjC,IAAAA,KAAK,EAAEf,SAAS,CAACgD,MALM;AAMvBH,IAAAA,gBAAgB,EAAE7C,SAAS,CAACgD,MANL;AAOvBF,IAAAA,eAAe,EAAE9C,SAAS,CAACgD,MAPJ;AAQvBL,IAAAA,MAAM,EAAE3C,SAAS,CAACgD,MARK;AASvBJ,IAAAA,IAAI,EAAE5C,SAAS,CAACgD,MATO;AAWvBlB,IAAAA,IAAI,EAAE9B,SAAS,CAACgD,MAXO;AAYvBhB,IAAAA,YAAY,EAAEhC,SAAS,CAACgD,MAZD;AAavBd,IAAAA,YAAY,EAAElC,SAAS,CAACgD,MAbD;AAcvBZ,IAAAA,WAAW,EAAEpC,SAAS,CAACgD,MAdA;AAevBV,IAAAA,QAAQ,EAAEtC,SAAS,CAACgD,MAfG;AAgBvBT,IAAAA,SAAS,EAAEvC,SAAS,CAACgD,MAhBE;AAiBvBP,IAAAA,YAAY,EAAEzC,SAAS,CAACgD;AAjBD,GAAhB,EAkBNK,UA/BwB;;AAiC3B;AACF;AACA;AACEvC,EAAAA,MAAM,EAAEd,SAAS,CAACsD,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB,CApCmB;;AAsC3B;AACF;AACA;AACEvC,EAAAA,KAAK,EAAEf,SAAS,CAACgD,MAzCU;;AA0C3B;AACF;AACA;AACEhC,EAAAA,YAAY,EAAEhB,SAAS,CAACuD,OAAV,CACZvD,SAAS,CAACiD,KAAV,CAAgB;AACd;AACN;AACA;AACMtC,IAAAA,EAAE,EAAEX,SAAS,CAACgD,MAJA;;AAKd;AACN;AACA;AACMrB,IAAAA,IAAI,EAAE3B,SAAS,CAACgD,MAAV,CAAiBK,UART;;AASd;AACN;AACA;AACA;AACMG,IAAAA,OAAO,EAAExD,SAAS,CAACgD,MAbL;;AAcd;AACN;AACA;AACA;AACMS,IAAAA,WAAW,EAAEzD,SAAS,CAAC0D,OAlBT;;AAmBd;AACN;AACA;AACMC,IAAAA,WAAW,EAAE3D,SAAS,CAACgD,MAtBT;;AAuBd;AACN;AACA;AACMpB,IAAAA,GAAG,EAAE5B,SAAS,CAACgD,MA1BD;;AA2Bd;AACN;AACA;AACMY,IAAAA,MAAM,EAAE5D,SAAS,CAACsD,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CA9BM;;AA+Bd;AACN;AACA;AACMrB,IAAAA,QAAQ,EAAEjC,SAAS,CAAC6D,IAlCN;;AAmCd;AACN;AACA;AACMC,IAAAA,UAAU,EAAE9D,SAAS,CAAC6D;AAtCR,GAAhB,CADY,EAyCZR,UAtFyB;;AAwF3B;AACF;AACA;AACEpC,EAAAA,uBAAuB,EAAEjB,SAAS,CAAC+D,IA3FR;;AA4F3B;AACF;AACA;AACE7C,EAAAA,wBAAwB,EAAElB,SAAS,CAAC+D,IA/FT;;AAiG3B;AACF;AACA;AACE5C,EAAAA,MAAM,EAAEnB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CApGmB;;AAqG3B;AACF;AACA;AACE7C,EAAAA,MAAM,EAAEpB,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAACgD,MAAX,EAAmBhD,SAAS,CAACiE,IAA7B,CAApB,CAxGmB;;AA0G3B;AACF;AACA;AACA;AACA;AACE5C,EAAAA,MAAM,EAAEnB,kBAAkB,CAACF,SAAS,CAAC6D,IAAX;AA/GC,CAA7B;AAkHA,eAAe1D,UAAU,CAACG,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDlB,gBAAnD,CAAf","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"],"file":"AppSwitcherPanel.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"TitleWithTooltip.js","names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","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,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kCAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAA0B;EACjD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;EACA,MAAMS,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIW,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,CAPQ,EAON,EAPM,CAAT;EASA,oBACE,oBAAC,SAAD;IACE,oBAAoB,EAAE,CAACP,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;EAHT,gBAKE,oBAAC,YAAD;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,EAAEJ,SAAS,CAACe,MAJM;;EAK3B;AACF;AACA;EACEV,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf"}
1	+ {"version":3,"sources":["../../../src/AppSwitcherPanel/TitleWithTooltip.js"],"names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kCAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAA0B;AACjD,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;AACA,QAAMS,OAAO,GAAGV,MAAM,EAAtB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;AACpBF,MAAAA,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;AAID;AACF,GAPQ,EAON,EAPM,CAAT;AASA,sBACE,oBAAC,SAAD;AACE,IAAA,oBAAoB,EAAE,CAACP,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;AAHT,kBAKE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC,MAAhD;AAAuD,IAAA,GAAG,EAAEG,OAA5D;AAAqE,IAAA,SAAS,EAAEJ;AAAhF,KACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEV,EAAAA,SAAS,EAAEJ,SAAS,CAACe,MAJM;;AAK3B;AACF;AACA;AACEV,EAAAA,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf","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"],"file":"TitleWithTooltip.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["default","HvAppSwitcherPanelAction"],"~~sources~~":["~~../../../src/AppSwitcherPanel/index.js~~"],"sourcesContent":["export { default } from \"./AppSwitcherPanel\";\nexport { default as HvAppSwitcherPanelAction } from \"./Action\";\n"],"~~mappings~~":"~~AAAA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASA,OAAO,IAAIC,wBAApB,QAAoD,UAApD~~"}
1	+ {"version":3,"sources":["../../../src/AppSwitcherPanel/index.js"],"names":["default","HvAppSwitcherPanelAction"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASA,OAAO,IAAIC,wBAApB,QAAoD,UAApD","sourcesContent":["export { default } from \"./AppSwitcherPanel\";\nexport { default as HvAppSwitcherPanelAction } from \"./Action\";\n"],"file":"index.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"~~sources~~":["~~../../../src~~/~~AppSwitcherPanel~~/~~styles.js~~"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n\n overflow: \"hidden\",\n\n // we need to play with the 4px because of the focus ring\n padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n theme.hv.spacing.sm - 4\n }px`,\n\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n\n single: {\n width: 320,\n },\n dual: {\n width: 620,\n },\n fluid: {},\n\n closed: {\n display: \"none\",\n },\n open: {\n zIndex: \"1200\",\n position: \"absolute\",\n top: \"50px\",\n overflowX: \"hidden\",\n boxShadow: theme.hv.shadows[1],\n },\n\n title: {\n minHeight: 36,\n\n // we need to play with the 4px because of the focus ring\n padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n },\n\n actionsContainer: {\n display: \"flex\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n\n overflowY: \"auto\",\n\n // we need to play with the 4px because of the focus ring\n padding: \"4px 0 4px 4px\",\n },\n\n footerContainer: {\n display: \"flex\",\n alignItems: \"center\",\n\n marginTop: \"auto\",\n\n height: 52,\n\n // we need to play with the 4px because of the focus ring\n padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n ...theme.hv.typography.highlightText,\n },\n\n item: {},\n itemSelected: {},\n itemDisabled: {},\n itemTypography: {},\n itemIcon: {},\n itemTitle: {},\n itemInfo: {},\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAIJC,QAAQ,EAAE,QAJN;IAMJ;IACAC,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAAOR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MACjER,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CACvB,IATG;IAWJC,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;EAXzC,CADmB;EAezBC,MAAM,EAAE;IACNC,KAAK,EAAE;EADD,CAfiB;EAkBzBC,IAAI,EAAE;IACJD,KAAK,EAAE;EADH,CAlBmB;EAqBzBE,KAAK,EAAE,EArBkB;EAuBzBC,MAAM,EAAE;IACNf,OAAO,EAAE;EADH,CAvBiB;EA0BzBgB,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,QAAQ,EAAE,UAFN;IAGJC,GAAG,EAAE,MAHD;IAIJC,SAAS,EAAE,QAJP;IAKJC,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;EALP,CA1BmB;EAkCzBC,KAAK,EAAE;IACLC,SAAS,EAAE,EADN;IAGL;IACArB,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;IAMLJ,QAAQ,EAAE,QANL;IAOLuB,UAAU,EAAE,QAPP;IAQLC,YAAY,EAAE;EART,CAlCkB;EA6CzBC,gBAAgB,EAAE;IAChB3B,OAAO,EAAE,MADO;IAEhB4B,QAAQ,EAAE,MAFM;IAGhBC,cAAc,EAAE,YAHA;IAKhBC,SAAS,EAAE,MALK;IAOhB;IACA3B,OAAO,EAAE;EARO,CA7CO;EAwDzB4B,eAAe;IACb/B,OAAO,EAAE,MADI;IAEbgC,UAAU,EAAE,QAFC;IAIbC,SAAS,EAAE,MAJE;IAMbC,MAAM,EAAE,EANK;IAQb;IACA/B,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;EATpD,GAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;EAsEzBC,IAAI,EAAE,EAtEmB;EAuEzBC,YAAY,EAAE,EAvEW;EAwEzBC,YAAY,EAAE,EAxEW;EAyEzBC,cAAc,EAAE,EAzES;EA0EzBC,QAAQ,EAAE,EA1Ee;EA2EzBC,SAAS,EAAE,EA3Ec;EA4EzBC,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf"}
1	+ {"version":3,"sources":["../../../src/AppSwitcherPanel/styles.js"],"names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,aAAa,EAAE,QAFX;AAIJC,IAAAA,QAAQ,EAAE,QAJN;AAMJ;AACAC,IAAAA,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAAOR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MACjER,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CACvB,IATG;AAWJC,IAAAA,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;AAXzC,GADmB;AAezBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE;AADD,GAfiB;AAkBzBC,EAAAA,IAAI,EAAE;AACJD,IAAAA,KAAK,EAAE;AADH,GAlBmB;AAqBzBE,EAAAA,KAAK,EAAE,EArBkB;AAuBzBC,EAAAA,MAAM,EAAE;AACNf,IAAAA,OAAO,EAAE;AADH,GAvBiB;AA0BzBgB,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,MADJ;AAEJC,IAAAA,QAAQ,EAAE,UAFN;AAGJC,IAAAA,GAAG,EAAE,MAHD;AAIJC,IAAAA,SAAS,EAAE,QAJP;AAKJC,IAAAA,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;AALP,GA1BmB;AAkCzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,EADN;AAGL;AACArB,IAAAA,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;AAMLJ,IAAAA,QAAQ,EAAE,QANL;AAOLuB,IAAAA,UAAU,EAAE,QAPP;AAQLC,IAAAA,YAAY,EAAE;AART,GAlCkB;AA6CzBC,EAAAA,gBAAgB,EAAE;AAChB3B,IAAAA,OAAO,EAAE,MADO;AAEhB4B,IAAAA,QAAQ,EAAE,MAFM;AAGhBC,IAAAA,cAAc,EAAE,YAHA;AAKhBC,IAAAA,SAAS,EAAE,MALK;AAOhB;AACA3B,IAAAA,OAAO,EAAE;AARO,GA7CO;AAwDzB4B,EAAAA,eAAe;AACb/B,IAAAA,OAAO,EAAE,MADI;AAEbgC,IAAAA,UAAU,EAAE,QAFC;AAIbC,IAAAA,SAAS,EAAE,MAJE;AAMbC,IAAAA,MAAM,EAAE,EANK;AAQb;AACA/B,IAAAA,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;AATpD,KAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;AAsEzBC,EAAAA,IAAI,EAAE,EAtEmB;AAuEzBC,EAAAA,YAAY,EAAE,EAvEW;AAwEzBC,EAAAA,YAAY,EAAE,EAxEW;AAyEzBC,EAAAA,cAAc,EAAE,EAzES;AA0EzBC,EAAAA,QAAQ,EAAE,EA1Ee;AA2EzBC,EAAAA,SAAS,EAAE,EA3Ec;AA4EzBC,EAAAA,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n\n overflow: \"hidden\",\n\n // we need to play with the 4px because of the focus ring\n padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n theme.hv.spacing.sm - 4\n }px`,\n\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n },\n\n single: {\n width: 320,\n },\n dual: {\n width: 620,\n },\n fluid: {},\n\n closed: {\n display: \"none\",\n },\n open: {\n zIndex: \"1200\",\n position: \"absolute\",\n top: \"50px\",\n overflowX: \"hidden\",\n boxShadow: theme.hv.shadows[1],\n },\n\n title: {\n minHeight: 36,\n\n // we need to play with the 4px because of the focus ring\n padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n overflow: \"hidden\",\n whiteSpace: \"nowrap\",\n textOverflow: \"ellipsis\",\n },\n\n actionsContainer: {\n display: \"flex\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n\n overflowY: \"auto\",\n\n // we need to play with the 4px because of the focus ring\n padding: \"4px 0 4px 4px\",\n },\n\n footerContainer: {\n display: \"flex\",\n alignItems: \"center\",\n\n marginTop: \"auto\",\n\n height: 52,\n\n // we need to play with the 4px because of the focus ring\n padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n ...theme.hv.typography.highlightText,\n },\n\n item: {},\n itemSelected: {},\n itemDisabled: {},\n itemTypography: {},\n itemIcon: {},\n itemTitle: {},\n itemInfo: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","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","string","node","bool","shape","isRequired","func"],"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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"}
1	+ {"version":3,"sources":["../../../src/ColorPicker/ColorPicker.js"],"names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","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","string","node","bool","shape","isRequired","func"],"mappings":"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","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"],"file":"ColorPicker.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"Fields.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","internalRed","setInternalRed","r","internalGreen","setInternalGreen","g","internalBlue","setInternalBlue","b","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","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~~":"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"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","internalRed","setInternalRed","r","internalGreen","setInternalGreen","g","internalBlue","setInternalBlue","b","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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","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"],"file":"Fields.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["makeStyles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,OAAO,EAAE,MAFH;IAGNC,UAAU,EAAE,EAHN;IAINC,aAAa,EAAE,EAJT;IAKNC,WAAW,EAAE;EALP,CADuB;EAQ/BC,MAAM,EAAE;IACNL,KAAK,EAAE,EADD;IAENM,WAAW,EAAE,CAFP;IAGN,WAAW;MACTC,UAAU,EAAE,CADH;MAETH,WAAW,EAAE;IAFJ,CAHL;IAON,WAAW;MACTE,WAAW,EAAE;IADJ;EAPL,CARuB;EAmB/BE,MAAM,EAAE;IACNR,KAAK,EAAE,EADD;IAEN,WAAW;MACTS,aAAa,EAAE,WADN;MAETF,UAAU,EAAE,CAFH;MAGTH,WAAW,EAAE;IAHJ,CAFL;IAON,WAAW;MACTE,WAAW,EAAE;IADJ,CAPL;IAUNI,YAAY,EAAE;EAVR;AAnBuB,CAAP,CAAD,CAAzB;AAiCA,eAAeZ,MAAf"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/Fields/styles.js"],"names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;AAC/BE,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENC,IAAAA,OAAO,EAAE,MAFH;AAGNC,IAAAA,UAAU,EAAE,EAHN;AAINC,IAAAA,aAAa,EAAE,EAJT;AAKNC,IAAAA,WAAW,EAAE;AALP,GADuB;AAQ/BC,EAAAA,MAAM,EAAE;AACNL,IAAAA,KAAK,EAAE,EADD;AAENM,IAAAA,WAAW,EAAE,CAFP;AAGN,eAAW;AACTC,MAAAA,UAAU,EAAE,CADH;AAETH,MAAAA,WAAW,EAAE;AAFJ,KAHL;AAON,eAAW;AACTE,MAAAA,WAAW,EAAE;AADJ;AAPL,GARuB;AAmB/BE,EAAAA,MAAM,EAAE;AACNR,IAAAA,KAAK,EAAE,EADD;AAEN,eAAW;AACTS,MAAAA,aAAa,EAAE,WADN;AAETF,MAAAA,UAAU,EAAE,CAFH;AAGTH,MAAAA,WAAW,EAAE;AAHJ,KAFL;AAON,eAAW;AACTE,MAAAA,WAAW,EAAE;AADJ,KAPL;AAUNI,IAAAA,YAAY,EAAE;AAVR;AAnBuB,CAAP,CAAD,CAAzB;AAiCA,eAAeZ,MAAf","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"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","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~~":"AAAA;AAEA,OAAOA,IAAP,MAAiB,MAAjB;AACA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,GAAhC,QAA2C,mCAA3C;AAEA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,MAAMC,MAAM,GAAG,CAAC;EAAEC,QAAF;EAAYC,GAAZ;EAAiBC,GAAjB;EAAsBC,GAAtB;EAA2BC;AAA3B,CAAD,KAAsC;EACnD,MAAMC,OAAO,GAAGP,SAAS,EAAzB;EAEA,MAAMQ,iBAAiB,GAAGb,WAAW,CACnC,mBAAM;IAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAT;EAApB,EAD6B,EAEnC,CAACF,OAAO,CAACE,iBAAT,CAFmC,CAArC;EAIA,MAAMC,SAAS,GAAGf,WAAW,CAC3B,mBAAM;IAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAT;EAApB,EADqB,EAE3B,CAACJ,OAAO,CAACI,SAAT,CAF2B,CAA7B;EAKA,oBACE,uDACE;IAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAT;EAApB,gBACE;IAAK,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAT;EAApB,gBACE,oBAAC,UAAD;IAAY,GAAG,EAAET,GAAjB;IAAsB,GAAG,EAAEC,GAA3B;IAAgC,QAAQ,EAAEH,QAA1C;IAAoD,OAAO,EAAEM;EAA7D,EADF,CADF,eAIE;IAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAT;EAApB,gBACE,oBAAC,GAAD;IAAK,SAAS,EAAC,UAAf;IAA0B,GAAG,EAAEV,GAA/B;IAAoC,QAAQ,EAAEF,QAA9C;IAAwD,OAAO,EAAEQ;EAAjE,EADF,CAJF,CADF,eASE,oBAAC,MAAD;IAAQ,GAAG,EAAEP,GAAb;IAAkB,GAAG,EAAEC,GAAvB;IAA4B,GAAG,EAAEE,GAAjC;IAAsC,QAAQ,EAAEJ;EAAhD,EATF,CADF;AAaD,CAzBD;;AA2BA,eAAeL,SAAS,CAACI,MAAD,CAAxB"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"mappings":"AAAA;AAEA,OAAOA,IAAP,MAAiB,MAAjB;AACA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,GAAhC,QAA2C,mCAA3C;AAEA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,GAAZ;AAAiBC,EAAAA,GAAjB;AAAsBC,EAAAA,GAAtB;AAA2BC,EAAAA;AAA3B,CAAD,KAAsC;AACnD,QAAMC,OAAO,GAAGP,SAAS,EAAzB;AAEA,QAAMQ,iBAAiB,GAAGb,WAAW,CACnC,mBAAM;AAAK,IAAA,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAT;AAApB,IAD6B,EAEnC,CAACF,OAAO,CAACE,iBAAT,CAFmC,CAArC;AAIA,QAAMC,SAAS,GAAGf,WAAW,CAC3B,mBAAM;AAAK,IAAA,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAT;AAApB,IADqB,EAE3B,CAACJ,OAAO,CAACI,SAAT,CAF2B,CAA7B;AAKA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAT;AAApB,kBACE;AAAK,IAAA,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAT;AAApB,kBACE,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAET,GAAjB;AAAsB,IAAA,GAAG,EAAEC,GAA3B;AAAgC,IAAA,QAAQ,EAAEH,QAA1C;AAAoD,IAAA,OAAO,EAAEM;AAA7D,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAT;AAApB,kBACE,oBAAC,GAAD;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,GAAG,EAAEV,GAA/B;AAAoC,IAAA,QAAQ,EAAEF,QAA9C;AAAwD,IAAA,OAAO,EAAEQ;AAAjE,IADF,CAJF,CADF,eASE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEP,GAAb;AAAkB,IAAA,GAAG,EAAEC,GAAvB;AAA4B,IAAA,GAAG,EAAEE,GAAjC;AAAsC,IAAA,QAAQ,EAAEJ;AAAhD,IATF,CADF;AAaD,CAzBD;;AA2BA,eAAeL,SAAS,CAACI,MAAD,CAAxB","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"],"file":"Picker.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["makeStyles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,OAAO,EAAE;IACPC,OAAO,EAAE;EADF,CADsB;EAI/BC,UAAU,EAAE;IACVC,KAAK,EAAE,GADG;IAEVC,MAAM,EAAE,GAFE;IAGVC,WAAW,EAAE,CAHH;IAIVC,QAAQ,EAAE,UAJA;IAKVC,QAAQ,EAAE;EALA,CAJmB;EAW/BC,iBAAiB,EAAE;IACjBL,KAAK,EAAE,KADU;IAEjBC,MAAM,EAAE,KAFS;IAGjBK,SAAS,EAAG;AAChB,uCAJqB;IAKjBC,YAAY,EAAE,KALG;IAMjBC,SAAS,EAAE;EANM,CAXY;EAmB/BC,OAAO,EAAE;IACPC,OAAO,EAAE,OADF;IAEPC,IAAI,EAAE;EAFC,CAnBsB;EAuB/BC,GAAG,EAAE;IACHZ,KAAK,EAAE,EADJ;IAEHG,QAAQ,EAAE,UAFP;IAGHC,QAAQ,EAAE;EAHP,CAvB0B;EA4B/BS,SAAS,EAAE;IACTb,KAAK,EAAE,EADE;IAETC,MAAM,EAAE,CAFC;IAGTa,UAAU,EAAE,MAHH;IAITR,SAAS,EAAE,0BAJF;IAKTS,UAAU,EAAE,CALH;IAMTR,YAAY,EAAE,KANL;IAOTC,SAAS,EAAE;EAPF,CA5BoB;EAqC/BQ,MAAM,EAAE;IACNL,IAAI,EAAE;EADA;AArCuB,CAAP,CAAD,CAAzB;AA0CA,eAAef,MAAf"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/Picker/styles.js"],"names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;AAC/BE,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE;AADF,GADsB;AAI/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAE,GADG;AAEVC,IAAAA,MAAM,EAAE,GAFE;AAGVC,IAAAA,WAAW,EAAE,CAHH;AAIVC,IAAAA,QAAQ,EAAE,UAJA;AAKVC,IAAAA,QAAQ,EAAE;AALA,GAJmB;AAW/BC,EAAAA,iBAAiB,EAAE;AACjBL,IAAAA,KAAK,EAAE,KADU;AAEjBC,IAAAA,MAAM,EAAE,KAFS;AAGjBK,IAAAA,SAAS,EAAG;AAChB,uCAJqB;AAKjBC,IAAAA,YAAY,EAAE,KALG;AAMjBC,IAAAA,SAAS,EAAE;AANM,GAXY;AAmB/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE,OADF;AAEPC,IAAAA,IAAI,EAAE;AAFC,GAnBsB;AAuB/BC,EAAAA,GAAG,EAAE;AACHZ,IAAAA,KAAK,EAAE,EADJ;AAEHG,IAAAA,QAAQ,EAAE,UAFP;AAGHC,IAAAA,QAAQ,EAAE;AAHP,GAvB0B;AA4B/BS,EAAAA,SAAS,EAAE;AACTb,IAAAA,KAAK,EAAE,EADE;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTa,IAAAA,UAAU,EAAE,MAHH;AAITR,IAAAA,SAAS,EAAE,0BAJF;AAKTS,IAAAA,UAAU,EAAE,CALH;AAMTR,IAAAA,YAAY,EAAE,KANL;AAOTC,IAAAA,SAAS,EAAE;AAPF,GA5BoB;AAqC/BQ,EAAAA,MAAM,EAAE;AACNL,IAAAA,IAAI,EAAE;AADA;AArCuB,CAAP,CAAD,CAAzB;AA0CA,eAAef,MAAf","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"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;EAAEC,MAAF;EAAUC,OAAO,GAAG,MAAM,CAAE;AAA5B,CAAD,KAAoC;EACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EAEA,MAAMK,WAAW,GAAG,CAACC,GAAD,EAAMC,CAAN,KAAY;IAC9BJ,OAAO,CACL;MACEG,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACF;EAAxB,GACGA,MAAM,CAACO,GAAP,CAAYC,gBAAD,IAAsB;IAChC,MAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;MAAEE,KAAK,EAAEF;IAAT,CAAvC,GAAqEA,gBADvE;IAEA,MAAMG,GAAG,GAAI,GAAEF,CAAC,CAACC,KAAM,GAAED,CAAC,CAACG,KAAF,IAAW,EAAG,EAAvC;IACA,oBACE;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,EAAET,OAAO,CAACW;IAAlC,gBACE,oBAAC,MAAD,eACMJ,CADN;MAEE,SAAS,EAAEP,OAAO,CAACY,MAFrB;MAGE,OAAO,EAAEX,WAHX;MAIE,UAAU,EAAE;QACVY,SAAS,EAAG,4CAA2CN,CAAC,CAACC,KAAM;MADrD;IAJd,GADF,CADF;EAYD,CAhBA,CADH,CADF;AAqBD,CAlCM;AAoCP,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;EAC7BhB,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;IACdV,KAAK,EAAEd,SAAS,CAACuB,MADH;IAEdP,KAAK,EAAEhB,SAAS,CAACuB;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BpB,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,OAAO,GAAG,MAAM,CAAE;AAA5B,CAAD,KAAoC;AACpE,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,QAAMK,WAAW,GAAG,CAACC,GAAD,EAAMC,CAAN,KAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAYC,gBAAD,IAAsB;AAChC,UAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,UAAMG,GAAG,GAAI,GAAEF,CAAC,CAACC,KAAM,GAAED,CAAC,CAACG,KAAF,IAAW,EAAG,EAAvC;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,EAAG,4CAA2CN,CAAC,CAACC,KAAM;AADrD;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCP,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","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"],"file":"PresetColors.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["makeStyles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;EAC/BE,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,QAAQ,EAAE,MAFJ;IAGNC,QAAQ,EAAE,UAHJ;IAINC,KAAK,EAAE,kBAJD;IAKNC,MAAM,EAAE,WALF;IAMNC,OAAO,EAAE;EANH,CADuB;EAS/BC,UAAU,EAAE;IACVH,KAAK,EAAE,MADG;IAEVI,MAAM,EAAE,MAFE;IAGVH,MAAM,EAAE;EAHE,CATmB;EAc/BI,MAAM,EAAE;IACNC,YAAY,EAAE,KADR;IAENC,SAAS,EAAE;EAFL;AAduB,CAAP,CAAD,CAAzB;AAoBA,eAAeZ,MAAf"}
1	+ {"version":3,"sources":["../../../../src/ColorPicker/PresetColors/styles.js"],"names":["makeStyles","styles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;AAC/BE,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,QAAQ,EAAE,MAFJ;AAGNC,IAAAA,QAAQ,EAAE,UAHJ;AAINC,IAAAA,KAAK,EAAE,kBAJD;AAKNC,IAAAA,MAAM,EAAE,WALF;AAMNC,IAAAA,OAAO,EAAE;AANH,GADuB;AAS/BC,EAAAA,UAAU,EAAE;AACVH,IAAAA,KAAK,EAAE,MADG;AAEVI,IAAAA,MAAM,EAAE,MAFE;AAGVH,IAAAA,MAAM,EAAE;AAHE,GATmB;AAc/BI,EAAAA,MAAM,EAAE;AACNC,IAAAA,YAAY,EAAE,KADR;AAENC,IAAAA,SAAS,EAAE;AAFL;AAduB,CAAP,CAAD,CAAzB;AAoBA,eAAeZ,MAAf","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"],"file":"styles.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","headerColorValue","textTransform","headerColorIcon","width","marginLeft","panel","minWidth","display","justifyContent","padding","colorPicker","presetColors","borderTop","labelContainer","alignItems","label","paddingBottom","description"],"~~sources~~":["~~../../../src~~/~~ColorPicker/styles.js~~"],"sourcesContent":["const styles = () => ({\n headerColorValue: {\n textTransform: \"uppercase\",\n },\n headerColorIcon: {\n width: 24,\n \"& svg\": {\n marginLeft: 0,\n },\n },\n panel: {\n width: \"100%\",\n minWidth: 240,\n display: \"flex\",\n justifyContent: \"center\",\n padding: \"20px 15px 20px 20px\",\n },\n colorPicker: {\n width: 205,\n },\n presetColors: {\n borderTop: \"none !important\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n paddingBottom: \"6px\",\n display: \"block\",\n },\n description: {},\n});\n\nexport default styles;\n"],"~~mappings~~":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,gBAAgB,EAAE;IAChBC,aAAa,EAAE;EADC,CADE;EAIpBC,eAAe,EAAE;IACfC,KAAK,EAAE,EADQ;IAEf,SAAS;MACPC,UAAU,EAAE;IADL;EAFM,CAJG;EAUpBC,KAAK,EAAE;IACLF,KAAK,EAAE,MADF;IAELG,QAAQ,EAAE,GAFL;IAGLC,OAAO,EAAE,MAHJ;IAILC,cAAc,EAAE,QAJX;IAKLC,OAAO,EAAE;EALJ,CAVa;EAiBpBC,WAAW,EAAE;IACXP,KAAK,EAAE;EADI,CAjBO;EAoBpBQ,YAAY,EAAE;IACZC,SAAS,EAAE;EADC,CApBM;EAuBpBC,cAAc,EAAE;IACdN,OAAO,EAAE,MADK;IAEdO,UAAU,EAAE;EAFE,CAvBI;EA2BpBC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELT,OAAO,EAAE;EAFJ,CA3Ba;EA+BpBU,WAAW,EAAE;AA/BO,CAAP,CAAf;;AAkCA,eAAelB,MAAf"}
1	+ {"version":3,"sources":["../../../src/ColorPicker/styles.js"],"names":["styles","headerColorValue","textTransform","headerColorIcon","width","marginLeft","panel","minWidth","display","justifyContent","padding","colorPicker","presetColors","borderTop","labelContainer","alignItems","label","paddingBottom","description"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,aAAa,EAAE;AADC,GADE;AAIpBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,KAAK,EAAE,EADQ;AAEf,aAAS;AACPC,MAAAA,UAAU,EAAE;AADL;AAFM,GAJG;AAUpBC,EAAAA,KAAK,EAAE;AACLF,IAAAA,KAAK,EAAE,MADF;AAELG,IAAAA,QAAQ,EAAE,GAFL;AAGLC,IAAAA,OAAO,EAAE,MAHJ;AAILC,IAAAA,cAAc,EAAE,QAJX;AAKLC,IAAAA,OAAO,EAAE;AALJ,GAVa;AAiBpBC,EAAAA,WAAW,EAAE;AACXP,IAAAA,KAAK,EAAE;AADI,GAjBO;AAoBpBQ,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE;AADC,GApBM;AAuBpBC,EAAAA,cAAc,EAAE;AACdN,IAAAA,OAAO,EAAE,MADK;AAEdO,IAAAA,UAAU,EAAE;AAFE,GAvBI;AA2BpBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,KADV;AAELT,IAAAA,OAAO,EAAE;AAFJ,GA3Ba;AA+BpBU,EAAAA,WAAW,EAAE;AA/BO,CAAP,CAAf;;AAkCA,eAAelB,MAAf","sourcesContent":["const styles = () => ({\n headerColorValue: {\n textTransform: \"uppercase\",\n },\n headerColorIcon: {\n width: 24,\n \"& svg\": {\n marginLeft: 0,\n },\n },\n panel: {\n width: \"100%\",\n minWidth: 240,\n display: \"flex\",\n justifyContent: \"center\",\n padding: \"20px 15px 20px 20px\",\n },\n colorPicker: {\n width: 205,\n },\n presetColors: {\n borderTop: \"none !important\",\n },\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n paddingBottom: \"6px\",\n display: \"block\",\n },\n description: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"DotPagination.js","names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","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","string","shape","isRequired","number","func","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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"}
1	+ {"version":3,"sources":["../../../src/DotPagination/DotPagination.js"],"names":["React","PropTypes","clsx","withStyles","HvRadio","HvRadioGroup","CurrentStep","RadioButtonUnselected","styles","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","string","shape","isRequired","number","func","name"],"mappings":"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","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"],"file":"DotPagination.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","root","display","justifyContent","horizontal","marginLeft","width","radioRoot"],"~~sources~~":["~~../../../src/DotPagination/styles.js~~"],"sourcesContent":["const styles = () => ({\n root: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n horizontal: {\n marginLeft: 0,\n width: \"auto\",\n },\n\n radioRoot: {\n marginLeft: \"0\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,cAAc,EAAE;EAFZ,CADc;EAMpBC,UAAU,EAAE;IACVC,UAAU,EAAE,CADF;IAEVC,KAAK,EAAE;EAFG,CANQ;EAWpBC,SAAS,EAAE;IACTF,UAAU,EAAE;EADH;AAXS,CAAP,CAAf;;AAgBA,eAAeL,MAAf"}
1	+ {"version":3,"sources":["../../../src/DotPagination/styles.js"],"names":["styles","root","display","justifyContent","horizontal","marginLeft","width","radioRoot"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,cAAc,EAAE;AAFZ,GADc;AAMpBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,UAAU,EAAE,CADF;AAEVC,IAAAA,KAAK,EAAE;AAFG,GANQ;AAWpBC,EAAAA,SAAS,EAAE;AACTF,IAAAA,UAAU,EAAE;AADH;AAXS,CAAP,CAAf;;AAgBA,eAAeL,MAAf","sourcesContent":["const styles = () => ({\n root: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n horizontal: {\n marginLeft: 0,\n width: \"auto\",\n },\n\n radioRoot: {\n marginLeft: \"0\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","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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"}
1	+ {"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","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"],"file":"Drawer.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["hexToRgb","alpha","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,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;EADP,CADa;EAIzBC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;IAELC,OAAO,EAAE,KAFJ;IAGLC,QAAQ,EAAE,MAHL;IAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;EAJN,CAJkB;EAUzBC,WAAW,EAAE;IACXJ,OAAO,EAAE,CADE;IAEXK,QAAQ,EAAE,SAFC;IAGXC,QAAQ,EAAE,UAHC;IAIXC,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;IAKXC,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;EALI;AAVY,CAAZ,CAAf;;AAmBA,eAAejB,MAAf"}
1	+ {"version":3,"sources":["../../../src/Drawer/styles.js"],"names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,UAAU,EAAE;AACVA,IAAAA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;AADP,GADa;AAIzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAE,MAHL;AAILC,IAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,GAJkB;AAUzBC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,OAAO,EAAE,CADE;AAEXK,IAAAA,QAAQ,EAAE,SAFC;AAGXC,IAAAA,QAAQ,EAAE,UAHC;AAIXC,IAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,IAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,CAAZ,CAAf;;AAmBA,eAAejB,MAAf","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"],"file":"styles.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormComposer.js","names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"sources":["../../../src/FormComposer/FormComposer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/*\n A form composer component used to create a form dynamically, still in development\n /\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /\n Gets the values that are set on each component inside the groups.\n \n @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n /\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /\n Gets the values stored in the state of each component.\n /\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /\n Handler to retrieve the values.\n \n @param {Function} originalHandler - The handler that was originally triggered.\n /\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /\n Stores the value on the state when a child component onChange event is triggered.\n \n @param {} value - Value that will be stored on the state.\n @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n /\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the form composer.\n /\n classes: PropTypes.instanceOf(Object).isRequired,\n /\n Main title to be displayed.\n /\n mainTitle: PropTypes.string,\n /\n The group of component that will be added to the Form composer.\n /\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /\n Shows navigation bar.\n /\n hasNavigation: PropTypes.bool,\n /\n Shows footer.\n /\n hasFooter: PropTypes.bool,\n /\n Content to be shown on the footer.\n /\n footerContent: PropTypes.node,\n};\n\n/\n Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/*\n A form composer component used to create a form dynamically, still in development\n /\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /\n Gets the values that are set on each component inside the groups.\n \n @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n /\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /\n Gets the values stored in the state of each component.\n /\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /\n Handler to retrieve the values.\n \n @param {Function} originalHandler - The handler that was originally triggered.\n /\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /\n Stores the value on the state when a child component onChange event is triggered.\n \n @param {} value - Value that will be stored on the state.\n @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n /\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the form composer.\n /\n classes: PropTypes.instanceOf(Object).isRequired,\n /\n Main title to be displayed.\n /\n mainTitle: PropTypes.string,\n /\n The group of component that will be added to the Form composer.\n /\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /\n Shows navigation bar.\n /\n hasNavigation: PropTypes.bool,\n /\n Shows footer.\n /\n hasFooter: PropTypes.bool,\n /\n Content to be shown on the footer.\n /\n footerContent: PropTypes.node,\n};\n\n/\n Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo2","mainContainer","display","atmo3","navContainer","maxWidth","paddingTop","spacing","md","componentContainer","width","maxHeight","overflowY","padding","title","sm","footer","textAlign"],"~~sources~~":["~~../../../src/FormComposer/styles.js~~"],"sourcesContent":["const styles = (theme) => ({\n root: {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n },\n mainContainer: {\n display: \"flex\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n navContainer: {\n maxWidth: \"200px\",\n paddingTop: `${theme.hv.spacing.md}px`,\n },\n componentContainer: {\n width: \"100%\",\n maxHeight: \"400px\",\n overflowY: \"auto\",\n padding: `${theme.hv.spacing.md}px`,\n },\n title: {\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n footer: {\n padding: `${theme.hv.spacing.sm}px`,\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADzC,CADmB;EAIzBC,aAAa,EAAE;IACbC,OAAO,EAAE,MADI;IAEbN,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;EAFhC,CAJU;EAQzBC,YAAY,EAAE;IACZC,QAAQ,EAAE,OADE;IAEZC,UAAU,EAAG,GAAEZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAFvB,CARW;EAYzBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MADW;IAElBC,SAAS,EAAE,OAFO;IAGlBC,SAAS,EAAE,MAHO;IAIlBC,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAJd,CAZK;EAkBzBM,KAAK,EAAE;IACLD,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG;EAD3B,CAlBkB;EAqBzBC,MAAM,EAAE;IACNH,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG,IAD1B;IAENE,SAAS,EAAE;EAFL;AArBiB,CAAZ,CAAf;;AA2BA,eAAexB,MAAf"}
1	+ {"version":3,"sources":["../../../src/FormComposer/styles.js"],"names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo2","mainContainer","display","atmo3","navContainer","maxWidth","paddingTop","spacing","md","componentContainer","width","maxHeight","overflowY","padding","title","sm","footer","textAlign"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADzC,GADmB;AAIzBC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAE,MADI;AAEbN,IAAAA,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;AAFhC,GAJU;AAQzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAG,GAAEZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;AAFvB,GARW;AAYzBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,KAAK,EAAE,MADW;AAElBC,IAAAA,SAAS,EAAE,OAFO;AAGlBC,IAAAA,SAAS,EAAE,MAHO;AAIlBC,IAAAA,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;AAJd,GAZK;AAkBzBM,EAAAA,KAAK,EAAE;AACLD,IAAAA,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG;AAD3B,GAlBkB;AAqBzBC,EAAAA,MAAM,EAAE;AACNH,IAAAA,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG,IAD1B;AAENE,IAAAA,SAAS,EAAE;AAFL;AArBiB,CAAZ,CAAf;;AA2BA,eAAexB,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n },\n mainContainer: {\n display: \"flex\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n navContainer: {\n maxWidth: \"200px\",\n paddingTop: `${theme.hv.spacing.md}px`,\n },\n componentContainer: {\n width: \"100%\",\n maxHeight: \"400px\",\n overflowY: \"auto\",\n padding: `${theme.hv.spacing.md}px`,\n },\n title: {\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n footer: {\n padding: `${theme.hv.spacing.sm}px`,\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

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