@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

package/dist/ColorPicker/ColorPicker.js

@@ -1,62 +1,35 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.string.trim.js");
-
 require("core-js/modules/es.array.join.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _Picker = _interopRequireDefault(require("./Picker"));
-
 var _PresetColors = _interopRequireDefault(require("./PresetColors"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * 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.
@@ -64,60 +37,52 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var HvColorPicker = function HvColorPicker(props) {
   var theme = (0, _styles.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;
-
+    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 = (0, _uikitReactCore.useControlled)(expanded, Boolean(defaultExpanded)),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      isOpen = _useControlled2[0],
-      setIsOpen = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    isOpen = _useControlled2[0],
+    setIsOpen = _useControlled2[1];
   var _useControlled3 = (0, _uikitReactCore.useControlled)(value, defaultValue),
-      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
-      color = _useControlled4[0],
-      setColor = _useControlled4[1];
-
+    _useControlled4 = (0, _slicedToArray2.default)(_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 = (0, _uikitReactCore.useUniqueId)(id, "hvdropdown");
   var hasLabel = label != null;
   var hasDescription = description != null;
   var colorArray = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvFormElement, {
     id: id,
     name: name,
@@ -168,18 +133,15 @@ var HvColorPicker = function HvColorPicker(props) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
   /**
    * Id to be applied to the form element root node.
    */
   id: _propTypes.default.string,
-
   /**
    * The form element name.
    */
   name: _propTypes.default.string,
-
   /**
    * The label of the form element.
    *
@@ -187,42 +149,34 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be provided instead.
    */
   label: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-label": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": _propTypes.default.string,
-
   /**
    * Provide additional descriptive text for the form element.
    */
   description: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-describedby": _propTypes.default.string,
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: _propTypes.default.bool,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -236,36 +190,29 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
     panel: _propTypes.default.string,
     colorPicker: _propTypes.default.string
   }).isRequired,
-
   /**
    * If `true` the color picker starts opened if `false` it starts closed.
    */
   expanded: _propTypes.default.bool,
-
   /**
    * When uncontrolled, defines the initial expanded state.
    */
   defaultExpanded: _propTypes.default.bool,
-
   /**
    * The callback fired when the value changes.
    */
   onChange: _propTypes.default.func,
-
   /**
    * The value color, in HEX format.
    */
   value: _propTypes.default.string,
-
   /**
    * When uncontrolled, defines the initial value state.
    */
   defaultValue: _propTypes.default.string
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvColorPicker"
 })(HvColorPicker);
-
 exports.default = _default;
 //# sourceMappingURL=ColorPicker.js.map

package/dist/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["HvColorPicker","props","theme","useTheme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","useControlled","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","useUniqueId","hasLabel","hasDescription","colorArray","useMemo","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","clsx","root","labelContainer","setId","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","PropTypes","string","node","bool","shape","isRequired","func","withStyles","styles"],"sources":["../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\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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"}
+{"version":3,"file":"ColorPicker.js","names":["HvColorPicker","props","theme","useTheme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","useControlled","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","useUniqueId","hasLabel","hasDescription","colorArray","useMemo","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","clsx","root","labelContainer","setId","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","PropTypes","string","node","bool","shape","isRequired","func","withStyles","styles"],"sources":["../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvBaseDropdown,\n  useControlled,\n  HvTypography,\n  useUniqueId,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n  const theme = useTheme();\n  const {\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    classes,\n    value,\n    onChange,\n    defaultValue = theme.hv.palette.accent.acce1,\n\n    expanded,\n    defaultExpanded = false,\n  } = props;\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [color, setColor] = useControlled(value, defaultValue);\n\n  const handleToggle = (_evt, s) => {\n    setIsOpen(s);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val.hex);\n    setColor(val.hex);\n  };\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  const colorArray = useMemo(\n    () => [\n      theme.hv.palette.semantic.sema4,\n      theme.hv.palette.semantic.sema3,\n      \"#F6941E\",\n      \"#8DC63D\",\n      theme.hv.palette.semantic.sema1,\n      theme.hv.palette.semantic.sema19,\n      \"#05A99C\",\n      \"#01ADEF\",\n      theme.hv.palette.accent.acce2h,\n      \"#0155A5\",\n      \"#2E3192\",\n      \"#652C90\",\n      theme.hv.palette.semantic.sema6,\n      \"#EC018B\",\n      theme.hv.palette.atmosphere.atmo5,\n      theme.hv.palette.accent.acce1,\n    ],\n    [theme]\n  );\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n    }\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        className={className}\n        expanded={isOpen}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={\n          <>\n            <Checkbox className={classes.headerColorIcon} color={[color]} />\n            <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n      >\n        <HvPanel className={classes.panel}>\n          <div className={classes.colorPicker}>\n            <Picker color={color} onChange={handleSelect} />\n            <PresetColors colors={colorArray} onClick={handleSelect} />\n          </div>\n        </HvPanel>\n      </HvBaseDropdown>\n    </HvFormElement>\n  );\n};\n\nHvColorPicker.propTypes = {\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    labelContainer: PropTypes.string,\n    label: PropTypes.string,\n    description: PropTypes.string,\n    headerColorIcon: PropTypes.string,\n    headerColorValue: PropTypes.string,\n    panel: PropTypes.string,\n    colorPicker: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * If `true` the color picker starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The value color, in HEX format.\n   */\n  value: PropTypes.string,\n\n  /**\n   * When uncontrolled, defines the initial value state.\n   */\n  defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}

package/dist/ColorPicker/Fields/Fields.js

@@ -1,78 +1,53 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Fields = void 0;
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.string.replace.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var color = _interopRequireWildcard(require("react-color/lib/helpers/color"));
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable no-param-reassign */
+
 // eslint-disable-next-line react/prop-types
 var Fields = function Fields(_ref) {
   var onChange = _ref.onChange,
-      rgb = _ref.rgb,
-      hex = _ref.hex;
+    rgb = _ref.rgb,
+    hex = _ref.hex;
   var classes = (0, _styles.default)();
-
   var _useState = (0, _react.useState)(hex),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      internalHex = _useState2[0],
-      setInternalHex = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    internalHex = _useState2[0],
+    setInternalHex = _useState2[1];
   var _useState3 = (0, _react.useState)(rgb.r),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      internalRed = _useState4[0],
-      setInternalRed = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    internalRed = _useState4[0],
+    setInternalRed = _useState4[1];
   var _useState5 = (0, _react.useState)(rgb.g),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      internalGreen = _useState6[0],
-      setInternalGreen = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    internalGreen = _useState6[0],
+    setInternalGreen = _useState6[1];
   var _useState7 = (0, _react.useState)(rgb.b),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      internalBlue = _useState8[0],
-      setInternalBlue = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    internalBlue = _useState8[0],
+    setInternalBlue = _useState8[1];
   var hexInputRef = (0, _react.useRef)();
   var redInputRef = (0, _react.useRef)();
   var greenInputRef = (0, _react.useRef)();
@@ -86,16 +61,13 @@ var Fields = function Fields(_ref) {
     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({
@@ -111,14 +83,12 @@ var Fields = function Fields(_ref) {
       }, 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);
@@ -129,7 +99,6 @@ var Fields = function Fields(_ref) {
       b: colorPart === "b" ? value : rgb.b
     }, _evt);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx.default)(classes.fields),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvInput, {
@@ -181,7 +150,6 @@ var Fields = function Fields(_ref) {
     })]
   });
 };
-
 exports.Fields = Fields;
 process.env.NODE_ENV !== "production" ? Fields.propTypes = {
   rgb: _propTypes.default.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"Fields.js","names":["Fields","onChange","rgb","hex","classes","useStyles","useState","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","useRef","redInputRef","greenInputRef","blueInputRef","useEffect","document","activeElement","current","handleChange","data","e","color","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","clsx","fields","double","replace","single","propTypes","PropTypes","shape","number","isRequired"],"sources":["../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"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"}
+{"version":3,"file":"Fields.js","names":["Fields","onChange","rgb","hex","classes","useStyles","useState","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","useRef","redInputRef","greenInputRef","blueInputRef","useEffect","document","activeElement","current","handleChange","data","e","color","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","clsx","fields","double","replace","single","propTypes","PropTypes","shape","number","isRequired"],"sources":["../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"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"}

package/dist/ColorPicker/Fields/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Fields.default;
   }
 });
-
 var _Fields = _interopRequireDefault(require("./Fields"));
 //# sourceMappingURL=index.js.map

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

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

package/dist/ColorPicker/Fields/styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styles = require("@mui/styles");
-
 var styles = (0, _styles.makeStyles)(function () {
   return {
     fields: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  fields: {\n    width: \"100%\",\n    display: \"flex\",\n    paddingTop: 10,\n    paddingBottom: 20,\n    marginRight: 5,\n  },\n  single: {\n    width: 40,\n    paddingLeft: 5,\n    \"& input\": {\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n  },\n  double: {\n    width: 80,\n    \"& input\": {\n      textTransform: \"uppercase\",\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n    paddingRight: 20,\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENC,OAAO,EAAE,MAFH;MAGNC,UAAU,EAAE,EAHN;MAINC,aAAa,EAAE,EAJT;MAKNC,WAAW,EAAE;IALP,CADuB;IAQ/BC,MAAM,EAAE;MACNL,KAAK,EAAE,EADD;MAENM,WAAW,EAAE,CAFP;MAGN,WAAW;QACTC,UAAU,EAAE,CADH;QAETH,WAAW,EAAE;MAFJ,CAHL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ;IAPL,CARuB;IAmB/BE,MAAM,EAAE;MACNR,KAAK,EAAE,EADD;MAEN,WAAW;QACTS,aAAa,EAAE,WADN;QAETF,UAAU,EAAE,CAFH;QAGTH,WAAW,EAAE;MAHJ,CAFL;MAON,WAAW;QACTE,WAAW,EAAE;MADJ,CAPL;MAUNI,YAAY,EAAE;IAVR;EAnBuB,CAAP;AAAA,CAAX,CAAf;eAiCeb,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  fields: {\n    width: \"100%\",\n    display: \"flex\",\n    paddingTop: 10,\n    paddingBottom: 20,\n    marginRight: 5,\n  },\n  single: {\n    width: 40,\n    paddingLeft: 5,\n    \"& input\": {\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n  },\n  double: {\n    width: 80,\n    \"& input\": {\n      textTransform: \"uppercase\",\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n    paddingRight: 20,\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAU,EAAC;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACNL,KAAK,EAAE,EAAE;MACTM,WAAW,EAAE,CAAC;MACd,SAAS,EAAE;QACTC,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf;IACF,CAAC;IACDE,MAAM,EAAE;MACNR,KAAK,EAAE,EAAE;MACT,SAAS,EAAE;QACTS,aAAa,EAAE,WAAW;QAC1BF,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf,CAAC;MACDI,YAAY,EAAE;IAChB;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,eAEWb,MAAM;AAAA"}

package/dist/ColorPicker/Picker/Picker.js

@@ -1,50 +1,34 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _common = require("react-color/lib/components/common");
-
 var _Fields = _interopRequireDefault(require("../Fields"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable no-param-reassign */
+
 // eslint-disable-next-line react/prop-types
 var Picker = function Picker(_ref) {
   var onChange = _ref.onChange,
-      rgb = _ref.rgb,
-      hsl = _ref.hsl,
-      hsv = _ref.hsv,
-      hex = _ref.hex;
+    rgb = _ref.rgb,
+    hsl = _ref.hsl,
+    hsv = _ref.hsv,
+    hex = _ref.hex;
   var classes = (0, _styles.default)();
   var SaturationPointer = (0, _react.useCallback)(function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -84,8 +68,6 @@ var Picker = function Picker(_ref) {
     })]
   });
 };
-
 var _default = (0, _common.ColorWrap)(Picker);
-
 exports.default = _default;
 //# sourceMappingURL=Picker.js.map