@appbuckets/react-ui-forms/esm/HookedColorPicker/HookedColorPicker.js

An utilities package to manage and create Form using AppBuckets ReactUI

import { __rest, __assign } from '../_virtual/_tslib.js';
import * as React from 'react';
import ColorPicker from '@appbuckets/react-ui/ColorPicker';
import { createHookedField } from '../utils/createHookedField.js';

/* --------
 * Component Definition
 * -------- */
var HookedColorPicker = createHookedField({
  displayName: 'HookedColorPicker',
  Component: function HookedColorPickerComponent(props) {
    var meta = props.meta,
      _a = props.rest,
      value = _a.value,
      rest = __rest(_a, ['value']);
    return React.createElement(
      ColorPicker,
      __assign({}, rest, meta.appearance, { color: value, hint: meta.message })
    );
  },
  parseValue: function (_a) {
    var props = _a.props;
    return (props === null || props === void 0 ? void 0 : props.color) || null;
  },
});

export { HookedColorPicker as default };