@bigbinary/neetoui 6.3.8 → 6.3.9

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
@@ -34,6 +34,7 @@ export interface ColorPickerProps {
34
34
  showHexValue?: boolean;
35
35
  showTransparencyControl?: boolean;
36
36
  showPicker?: boolean;
37
+ dropdownProps?: DropdownProps;
37
38
  }
38
39
 
39
40
  interface PopupProps {
package/index.js CHANGED
@@ -22507,6 +22507,7 @@ var ColorPicker = function ColorPicker(_ref) {
22507
22507
  _ref$onChange = _ref.onChange,
22508
22508
  onChange = _ref$onChange === void 0 ? noop$3 : _ref$onChange,
22509
22509
  colorPaletteProps = _ref.colorPaletteProps,
22510
+ dropdownProps = _ref.dropdownProps,
22510
22511
  _ref$showEyeDropper = _ref.showEyeDropper,
22511
22512
  showEyeDropper = _ref$showEyeDropper === void 0 ? false : _ref$showEyeDropper,
22512
22513
  _ref$showHexValue = _ref.showHexValue,
@@ -22522,11 +22523,6 @@ var ColorPicker = function ColorPicker(_ref) {
22522
22523
  var isInputChanged = useRef(false);
22523
22524
  var _useEyeDropper = useEyeDropper({
22524
22525
  pickRadius: 3
22525
- // cursorActive: CSS Cursors,
22526
- // cursorInactive: CSS Cursors,
22527
- // onPickStart?: () => void
22528
- // onPickEnd?: () => void
22529
- // onPickCancel?: () => void
22530
22526
  }),
22531
22527
  open = _useEyeDropper.open,
22532
22528
  isSupported = _useEyeDropper.isSupported;
@@ -22612,7 +22608,7 @@ var ColorPicker = function ColorPicker(_ref) {
22612
22608
  size: 16
22613
22609
  }))));
22614
22610
  };
22615
- return /*#__PURE__*/React__default.createElement(Dropdown, {
22611
+ return /*#__PURE__*/React__default.createElement(Dropdown, _extends$4({
22616
22612
  className: "neeto-ui-colorpicker__dropdown",
22617
22613
  closeOnSelect: false,
22618
22614
  customTarget: /*#__PURE__*/React__default.createElement(Target, {
@@ -22620,7 +22616,7 @@ var ColorPicker = function ColorPicker(_ref) {
22620
22616
  }),
22621
22617
  label: colorValue,
22622
22618
  position: "bottom-start"
22623
- }, /*#__PURE__*/React__default.createElement("div", {
22619
+ }, dropdownProps), /*#__PURE__*/React__default.createElement("div", {
22624
22620
  className: "neeto-ui-colorpicker__popover"
22625
22621
  }, showPicker && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
22626
22622
  className: "neeto-ui-colorpicker__pointer",
@@ -22643,9 +22639,9 @@ var ColorPicker = function ColorPicker(_ref) {
22643
22639
  className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
22644
22640
  "data-cy": "colorpicker-editable-input"
22645
22641
  }, /*#__PURE__*/React__default.createElement(Oe, {
22642
+ onBlur: onBlur,
22646
22643
  alpha: !!showTransparencyControl,
22647
22644
  color: colorValue,
22648
- onBlur: onBlur,
22649
22645
  onChange: onColorInputChange
22650
22646
  }))))), colorPaletteProps && /*#__PURE__*/React__default.createElement("div", {
22651
22647
  "data-testid": "color-palette",