@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.d.ts CHANGED
@@ -32,6 +32,7 @@ export interface ColorPickerProps {
32
32
  showEyeDropper?: boolean;
33
33
  showHexValue?: boolean;
34
34
  showTransparencyControl?: boolean;
35
+ showPicker?: boolean;
35
36
  }
36
37
 
37
38
  interface PopupProps {
package/index.js CHANGED
@@ -19827,14 +19827,15 @@ var ColorPicker = function ColorPicker(_ref) {
19827
19827
  size = _ref$size === void 0 ? TARGET_SIZES.large : _ref$size,
19828
19828
  _ref$onChange = _ref.onChange,
19829
19829
  onChange = _ref$onChange === void 0 ? noop$2 : _ref$onChange,
19830
- _ref$colorPaletteProp = _ref.colorPaletteProps,
19831
- colorPaletteProps = _ref$colorPaletteProp === void 0 ? null : _ref$colorPaletteProp,
19830
+ colorPaletteProps = _ref.colorPaletteProps,
19832
19831
  _ref$showEyeDropper = _ref.showEyeDropper,
19833
19832
  showEyeDropper = _ref$showEyeDropper === void 0 ? false : _ref$showEyeDropper,
19834
19833
  _ref$showHexValue = _ref.showHexValue,
19835
19834
  showHexValue = _ref$showHexValue === void 0 ? false : _ref$showHexValue,
19836
19835
  _ref$showTransparency = _ref.showTransparencyControl,
19837
- showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency;
19836
+ showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency,
19837
+ _ref$showPicker = _ref.showPicker,
19838
+ showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
19838
19839
  var _useState = useState(color),
19839
19840
  _useState2 = _slicedToArray$2(_useState, 2),
19840
19841
  colorInternal = _useState2[0],
@@ -19942,8 +19943,9 @@ var ColorPicker = function ColorPicker(_ref) {
19942
19943
  position: "bottom-start"
19943
19944
  }, /*#__PURE__*/React__default.createElement("div", {
19944
19945
  className: "neeto-ui-colorpicker__popover"
19945
- }, /*#__PURE__*/React__default.createElement("div", {
19946
- className: "neeto-ui-colorpicker__pointer"
19946
+ }, showPicker && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
19947
+ className: "neeto-ui-colorpicker__pointer",
19948
+ "data-testid": "neeto-color-picker-section"
19947
19949
  }, /*#__PURE__*/React__default.createElement(PickerComponent, {
19948
19950
  color: colorValue,
19949
19951
  onChange: onPickerChange
@@ -19966,9 +19968,11 @@ var ColorPicker = function ColorPicker(_ref) {
19966
19968
  color: colorValue,
19967
19969
  onBlur: onBlur,
19968
19970
  onChange: onColorInputChange
19969
- })))), colorPaletteProps && /*#__PURE__*/React__default.createElement("div", {
19970
- className: "neeto-ui-colorpicker__palette-wrapper",
19971
- "data-testid": "color-palette"
19971
+ }))))), colorPaletteProps && /*#__PURE__*/React__default.createElement("div", {
19972
+ "data-testid": "color-palette",
19973
+ className: classnames$1("neeto-ui-colorpicker__palette-wrapper", {
19974
+ "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
19975
+ })
19972
19976
  }, /*#__PURE__*/React__default.createElement(Palette, colorPaletteProps))));
19973
19977
  };
19974
19978