@bigbinary/neetoui 5.1.17 → 5.1.18

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.
package/index.cjs.js CHANGED
@@ -19857,14 +19857,15 @@ var ColorPicker = function ColorPicker(_ref) {
19857
19857
  size = _ref$size === void 0 ? TARGET_SIZES.large : _ref$size,
19858
19858
  _ref$onChange = _ref.onChange,
19859
19859
  onChange = _ref$onChange === void 0 ? noop$2 : _ref$onChange,
19860
- _ref$colorPaletteProp = _ref.colorPaletteProps,
19861
- colorPaletteProps = _ref$colorPaletteProp === void 0 ? null : _ref$colorPaletteProp,
19860
+ colorPaletteProps = _ref.colorPaletteProps,
19862
19861
  _ref$showEyeDropper = _ref.showEyeDropper,
19863
19862
  showEyeDropper = _ref$showEyeDropper === void 0 ? false : _ref$showEyeDropper,
19864
19863
  _ref$showHexValue = _ref.showHexValue,
19865
19864
  showHexValue = _ref$showHexValue === void 0 ? false : _ref$showHexValue,
19866
19865
  _ref$showTransparency = _ref.showTransparencyControl,
19867
- showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency;
19866
+ showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency,
19867
+ _ref$showPicker = _ref.showPicker,
19868
+ showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
19868
19869
  var _useState = React$5.useState(color),
19869
19870
  _useState2 = _slicedToArray$2(_useState, 2),
19870
19871
  colorInternal = _useState2[0],
@@ -19972,8 +19973,9 @@ var ColorPicker = function ColorPicker(_ref) {
19972
19973
  position: "bottom-start"
19973
19974
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19974
19975
  className: "neeto-ui-colorpicker__popover"
19975
- }, /*#__PURE__*/React__default["default"].createElement("div", {
19976
- className: "neeto-ui-colorpicker__pointer"
19976
+ }, showPicker && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
19977
+ className: "neeto-ui-colorpicker__pointer",
19978
+ "data-testid": "neeto-color-picker-section"
19977
19979
  }, /*#__PURE__*/React__default["default"].createElement(PickerComponent, {
19978
19980
  color: colorValue,
19979
19981
  onChange: onPickerChange
@@ -19996,9 +19998,11 @@ var ColorPicker = function ColorPicker(_ref) {
19996
19998
  color: colorValue,
19997
19999
  onBlur: onBlur,
19998
20000
  onChange: onColorInputChange
19999
- })))), colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
20000
- className: "neeto-ui-colorpicker__palette-wrapper",
20001
- "data-testid": "color-palette"
20001
+ }))))), colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
20002
+ "data-testid": "color-palette",
20003
+ className: classnames$1("neeto-ui-colorpicker__palette-wrapper", {
20004
+ "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
20005
+ })
20002
20006
  }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps))));
20003
20007
  };
20004
20008