@hitachivantara/uikit-react-lab 3.38.0

package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","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":"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","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 } 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  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/legacy/AppSwitcherPanel/TitleWithTooltip.js

@@ -0,0 +1,45 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { HvTooltip, HvTypography } from "@hitachivantara/uikit-react-core";
+
+var TitleWithTooltip = function TitleWithTooltip(_ref) {
+  var className = _ref.className,
+      title = _ref.title;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isOverflowed = _useState2[0],
+      setIsOverflowed = _useState2[1];
+
+  var textRef = useRef();
+  useEffect(function () {
+    if (textRef !== null && textRef !== void 0 && textRef.current) {
+      setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /*#__PURE__*/React.createElement(HvTypography, null, title)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText",
+    component: "span",
+    ref: textRef,
+    className: className
+  }, title));
+};
+
+TitleWithTooltip.propTypes = {
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Title to be displayed.
+   */
+  title: PropTypes.string
+};
+export default TitleWithTooltip;
+//# sourceMappingURL=TitleWithTooltip.js.map

package/dist/legacy/AppSwitcherPanel/TitleWithTooltip.js.map

@@ -0,0 +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,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY;;AACjD,kBAAwCN,QAAQ,CAAC,KAAD,CAAhD;AAAA;AAAA,MAAOO,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,OAAO,GAAGV,MAAM,EAAtB;AAEAD,EAAAA,SAAS,CAAC,YAAM;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;;AA0BAF,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/legacy/AppSwitcherPanel/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./AppSwitcherPanel";
+export * from "./AppSwitcherPanel";
+
+export { default as HvAppSwitcherPanelAction } from "./Action";
+export * from "./Action";

package/dist/legacy/AppSwitcherPanel/index.js

@@ -0,0 +1,3 @@
+export { default } from "./AppSwitcherPanel";
+export { default as HvAppSwitcherPanelAction } from "./Action";
+//# sourceMappingURL=index.js.map

package/dist/legacy/AppSwitcherPanel/index.js.map

@@ -0,0 +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/legacy/AppSwitcherPanel/styles.js

@@ -0,0 +1,78 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/es.array.concat.js";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden",
+      // we need to play with the 4px because of the focus ring
+      padding: "".concat(theme.hv.spacing.sm - 4, "px 0 ").concat(theme.hv.spacing.sm - 4, "px ").concat(theme.hv.spacing.sm - 4, "px"),
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    single: {
+      width: 320
+    },
+    dual: {
+      width: 620
+    },
+    fluid: {},
+    closed: {
+      display: "none"
+    },
+    open: {
+      zIndex: "1200",
+      position: "absolute",
+      top: "50px",
+      overflowX: "hidden",
+      boxShadow: theme.hv.shadows[1]
+    },
+    title: {
+      minHeight: 36,
+      // we need to play with the 4px because of the focus ring
+      padding: "4px ".concat(theme.hv.spacing.sm, "px ").concat(theme.hv.spacing.sm - 4, "px 4px"),
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    actionsContainer: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      overflowY: "auto",
+      // we need to play with the 4px because of the focus ring
+      padding: "4px 0 4px 4px"
+    },
+    footerContainer: _objectSpread({
+      display: "flex",
+      alignItems: "center",
+      marginTop: "auto",
+      height: 52,
+      // we need to play with the 4px because of the focus ring
+      padding: "".concat(theme.hv.spacing.sm - 4, "px ").concat(theme.hv.spacing.sm + 4, "px 4px 4px")
+    }, theme.hv.typography.highlightText),
+    item: {},
+    itemSelected: {},
+    itemDisabled: {},
+    itemTypography: {},
+    itemIcon: {},
+    itemTitle: {},
+    itemInfo: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/AppSwitcherPanel/styles.js.map

@@ -0,0 +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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAIJC,MAAAA,QAAQ,EAAE,QAJN;AAMJ;AACAC,MAAAA,OAAO,YAAKL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA3B,kBAAoCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA1D,gBACLR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CADjB,OAPH;AAWJC,MAAAA,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;AAXzC,KADmB;AAezBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE;AADD,KAfiB;AAkBzBC,IAAAA,IAAI,EAAE;AACJD,MAAAA,KAAK,EAAE;AADH,KAlBmB;AAqBzBE,IAAAA,KAAK,EAAE,EArBkB;AAuBzBC,IAAAA,MAAM,EAAE;AACNf,MAAAA,OAAO,EAAE;AADH,KAvBiB;AA0BzBgB,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,MADJ;AAEJC,MAAAA,QAAQ,EAAE,UAFN;AAGJC,MAAAA,GAAG,EAAE,MAHD;AAIJC,MAAAA,SAAS,EAAE,QAJP;AAKJC,MAAAA,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;AALP,KA1BmB;AAkCzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,EADN;AAGL;AACArB,MAAAA,OAAO,gBAASL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAA1B,gBAAkCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAxD,WAJF;AAMLJ,MAAAA,QAAQ,EAAE,QANL;AAOLuB,MAAAA,UAAU,EAAE,QAPP;AAQLC,MAAAA,YAAY,EAAE;AART,KAlCkB;AA6CzBC,IAAAA,gBAAgB,EAAE;AAChB3B,MAAAA,OAAO,EAAE,MADO;AAEhB4B,MAAAA,QAAQ,EAAE,MAFM;AAGhBC,MAAAA,cAAc,EAAE,YAHA;AAKhBC,MAAAA,SAAS,EAAE,MALK;AAOhB;AACA3B,MAAAA,OAAO,EAAE;AARO,KA7CO;AAwDzB4B,IAAAA,eAAe;AACb/B,MAAAA,OAAO,EAAE,MADI;AAEbgC,MAAAA,UAAU,EAAE,QAFC;AAIbC,MAAAA,SAAS,EAAE,MAJE;AAMbC,MAAAA,MAAM,EAAE,EANK;AAQb;AACA/B,MAAAA,OAAO,YAAKL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA3B,gBAAkCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAxD;AATM,OAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;AAsEzBC,IAAAA,IAAI,EAAE,EAtEmB;AAuEzBC,IAAAA,YAAY,EAAE,EAvEW;AAwEzBC,IAAAA,YAAY,EAAE,EAxEW;AAyEzBC,IAAAA,cAAc,EAAE,EAzES;AA0EzBC,IAAAA,QAAQ,EAAE,EA1Ee;AA2EzBC,IAAAA,SAAS,EAAE,EA3Ec;AA4EzBC,IAAAA,QAAQ,EAAE;AA5Ee,GAAZ;AAAA,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/legacy/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,34 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps } from "@hitachivantara/uikit-react-core";
+
+export type HvColorPickerClassKey = "root";
+
+export interface HvColorPickerProps
+  extends StandardProps<HvFormElementProps, HvColorPickerClassKey, "onChange"> {
+  /**
+   * The value color, in HEX format.
+   */
+  value?: string;
+  /**
+   * The default value color, in HEX format.
+   */
+  defaultValue?: string;
+  /**
+   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
+   */
+  disabled?: boolean;
+  /**
+   * If `true` the dropdown starts opened if `false` it starts closed.
+   */
+  expanded?: boolean;
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded?: boolean;
+  /**
+   * A function to be executed whenever the color changes.
+   */
+  onChange?: (color: string) => void;
+}
+
+export default function HvColorPicker(props: HvColorPickerProps): JSX.Element | null;

package/dist/legacy/ColorPicker/ColorPicker.js

@@ -0,0 +1,216 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.array.join.js";
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles, useTheme } from "@material-ui/core";
+import { HvPanel, HvLabel, HvInfoMessage, HvFormElement, HvBaseDropdown, useControlled, HvTypography, useUniqueId, setId } from "@hitachivantara/uikit-react-core";
+import { Checkbox } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+import Picker from "./Picker";
+import PresetColors from "./PresetColors";
+/**
+ * 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.
+ * It receives a color string in HEX format and outputs an HEX formatted color.
+ */
+
+var HvColorPicker = function HvColorPicker(props) {
+  var theme = useTheme();
+  var id = props.id,
+      name = props.name,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      label = props.label,
+      ariaLabel = props["aria-label"],
+      ariaLabelledBy = props["aria-labelledby"],
+      description = props.description,
+      ariaDescribedBy = props["aria-describedby"],
+      className = props.className,
+      classes = props.classes,
+      value = props.value,
+      onChange = props.onChange,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? theme.hv.palette.accent.acce1 : _props$defaultValue,
+      expanded = props.expanded,
+      _props$defaultExpande = props.defaultExpanded,
+      defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande;
+
+  var _useControlled = useControlled(expanded, Boolean(defaultExpanded)),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      isOpen = _useControlled2[0],
+      setIsOpen = _useControlled2[1];
+
+  var _useControlled3 = useControlled(value, defaultValue),
+      _useControlled4 = _slicedToArray(_useControlled3, 2),
+      color = _useControlled4[0],
+      setColor = _useControlled4[1];
+
+  var handleToggle = function handleToggle(_evt, s) {
+    setIsOpen(s);
+  };
+
+  var handleSelect = function handleSelect(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val.hex);
+    setColor(val.hex);
+  };
+
+  var elementId = useUniqueId(id, "hvdropdown");
+  var hasLabel = label != null;
+  var hasDescription = description != null;
+  var colorArray = useMemo(function () {
+    return [theme.hv.palette.semantic.sema4, theme.hv.palette.semantic.sema3, "#F6941E", "#8DC63D", theme.hv.palette.semantic.sema1, theme.hv.palette.semantic.sema19, "#05A99C", "#01ADEF", theme.hv.palette.accent.acce2h, "#0155A5", "#2E3192", "#652C90", theme.hv.palette.semantic.sema6, "#EC018B", theme.hv.palette.atmosphere.atmo5, theme.hv.palette.accent.acce1];
+  }, [theme]);
+
+  var setFocusToContent = function setFocusToContent(containerRef) {
+    var inputs = containerRef === null || containerRef === void 0 ? void 0 : containerRef.getElementsByTagName("input");
+
+    if ((inputs === null || inputs === void 0 ? void 0 : inputs.length) > 0) {
+      inputs[0].focus();
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(HvFormElement, {
+    id: id,
+    name: name,
+    disabled: disabled,
+    required: required,
+    className: clsx(className, classes.root)
+  }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
+    className: classes.labelContainer
+  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
+    id: setId(elementId, "label"),
+    label: label,
+    className: classes.label
+  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
+    id: setId(elementId, "description"),
+    className: classes.description
+  }, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, {
+    className: className,
+    expanded: isOpen,
+    onToggle: handleToggle,
+    onContainerCreation: setFocusToContent,
+    placeholder: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+      className: classes.headerColorIcon,
+      color: [color]
+    }), /*#__PURE__*/React.createElement(HvTypography, {
+      className: classes.headerColorValue
+    }, color)),
+    "aria-label": ariaLabel,
+    "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined
+  }, /*#__PURE__*/React.createElement(HvPanel, {
+    className: classes.panel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.colorPicker
+  }, /*#__PURE__*/React.createElement(Picker, {
+    color: color,
+    onChange: handleSelect
+  }), /*#__PURE__*/React.createElement(PresetColors, {
+    colors: colorArray,
+    onClick: handleSelect
+  })))));
+};
+
+HvColorPicker.propTypes = {
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The form element name.
+   */
+  name: PropTypes.string,
+
+  /**
+   * The label of the form element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": PropTypes.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": PropTypes.string,
+
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": PropTypes.string,
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    labelContainer: PropTypes.string,
+    label: PropTypes.string,
+    description: PropTypes.string,
+    headerColorIcon: PropTypes.string,
+    headerColorValue: PropTypes.string,
+    panel: PropTypes.string,
+    colorPicker: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If `true` the color picker starts opened if `false` it starts closed.
+   */
+  expanded: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded: PropTypes.bool,
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The value color, in HEX format.
+   */
+  value: PropTypes.string,
+
+  /**
+   * When uncontrolled, defines the initial value state.
+   */
+  defaultValue: PropTypes.string
+};
+export default withStyles(styles, {
+  name: "HvColorPicker"
+})(HvColorPicker);
+//# sourceMappingURL=ColorPicker.js.map

package/dist/legacy/ColorPicker/ColorPicker.js.map

@@ -0,0 +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","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","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/legacy/ColorPicker/Fields/Fields.js

@@ -0,0 +1,154 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+
+/* eslint-disable no-param-reassign */
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import * as color from "react-color/lib/helpers/color";
+import { HvInput } from "@hitachivantara/uikit-react-core";
+import useStyles from "./styles"; // eslint-disable-next-line react/prop-types
+
+export var Fields = function Fields(_ref) {
+  var onChange = _ref.onChange,
+      rgb = _ref.rgb,
+      hex = _ref.hex;
+  var classes = useStyles();
+
+  var _useState = useState(hex),
+      _useState2 = _slicedToArray(_useState, 2),
+      internalHex = _useState2[0],
+      setInternalHex = _useState2[1];
+
+  var _useState3 = useState(rgb.r),
+      _useState4 = _slicedToArray(_useState3, 2),
+      internalRed = _useState4[0],
+      setInternalRed = _useState4[1];
+
+  var _useState5 = useState(rgb.g),
+      _useState6 = _slicedToArray(_useState5, 2),
+      internalGreen = _useState6[0],
+      setInternalGreen = _useState6[1];
+
+  var _useState7 = useState(rgb.b),
+      _useState8 = _slicedToArray(_useState7, 2),
+      internalBlue = _useState8[0],
+      setInternalBlue = _useState8[1];
+
+  var hexInputRef = useRef();
+  var redInputRef = useRef();
+  var greenInputRef = useRef();
+  var blueInputRef = useRef();
+  useEffect(function () {
+    if (document.activeElement !== hexInputRef.current) {
+      setInternalHex(hex);
+    }
+  }, [hex]);
+  useEffect(function () {
+    if (document.activeElement !== redInputRef.current) {
+      setInternalRed(rgb.r);
+    }
+
+    if (document.activeElement !== greenInputRef.current) {
+      setInternalGreen(rgb.g);
+    }
+
+    if (document.activeElement !== blueInputRef.current) {
+      setInternalBlue(rgb.b);
+    }
+  }, [rgb]);
+
+  var handleChange = function handleChange(data, e) {
+    if (data.hex && color.isValidHex(data.hex)) {
+      onChange({
+        hex: data.hex,
+        source: "hex"
+      }, e);
+    } else if (data.r || data.g || data.b) {
+      onChange({
+        r: data.r || rgb.r,
+        g: data.g || rgb.g,
+        b: data.b || rgb.b,
+        source: "rgb"
+      }, e);
+    }
+  };
+
+  var onChangeHex = function onChangeHex(_evt, value) {
+    setInternalHex(value);
+    handleChange({
+      hex: value
+    }, _evt);
+  };
+
+  var onChangeRbg = function onChangeRbg(_evt, value, colorPart) {
+    if (colorPart === "r") setInternalRed(value);
+    if (colorPart === "g") setInternalGreen(value);
+    if (colorPart === "b") setInternalBlue(value);
+    handleChange({
+      r: colorPart === "r" ? value : rgb.r,
+      g: colorPart === "g" ? value : rgb.g,
+      b: colorPart === "b" ? value : rgb.b
+    }, _evt);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.fields)
+  }, /*#__PURE__*/React.createElement(HvInput, {
+    inputRef: hexInputRef,
+    className: clsx(classes.double),
+    label: "HEX",
+    value: internalHex.replace("#", ""),
+    onChange: onChangeHex,
+    onBlur: function onBlur() {
+      return setInternalHex(hex);
+    },
+    disableClear: true
+  }), /*#__PURE__*/React.createElement(HvInput, {
+    inputRef: redInputRef,
+    className: clsx(classes.single),
+    label: "R",
+    value: "".concat(internalRed),
+    onChange: function onChange(_evt, value) {
+      return onChangeRbg(_evt, value, "r");
+    },
+    onBlur: function onBlur() {
+      return setInternalRed(rgb.r);
+    },
+    disableClear: true
+  }), /*#__PURE__*/React.createElement(HvInput, {
+    inputRef: greenInputRef,
+    className: clsx(classes.single),
+    label: "G",
+    value: "".concat(internalGreen),
+    onChange: function onChange(_evt, value) {
+      return onChangeRbg(_evt, value, "g");
+    },
+    onBlur: function onBlur() {
+      return setInternalGreen(rgb.g);
+    },
+    disableClear: true
+  }), /*#__PURE__*/React.createElement(HvInput, {
+    inputRef: blueInputRef,
+    className: clsx(classes.single),
+    label: "B",
+    value: "".concat(internalBlue),
+    onChange: function onChange(_evt, value) {
+      return onChangeRbg(_evt, value, "b");
+    },
+    onBlur: function onBlur() {
+      return setInternalBlue(rgb.b);
+    },
+    disableClear: true
+  }));
+};
+Fields.propTypes = {
+  rgb: PropTypes.shape({
+    r: PropTypes.number,
+    g: PropTypes.number,
+    b: PropTypes.number
+  }).isRequired
+};
+export default Fields;
+//# sourceMappingURL=Fields.js.map

package/dist/legacy/ColorPicker/Fields/Fields.js.map

@@ -0,0 +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","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","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/legacy/ColorPicker/Fields/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Fields";
+//# sourceMappingURL=index.js.map

package/dist/legacy/ColorPicker/Fields/index.js.map

@@ -0,0 +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"}