@sanity/color-input 2.34.0 → 2.34.1-canary.0

package/lib/ColorInput.js

@@ -4,34 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _formBuilder = require("part:@sanity/form-builder");
-
 var _ui = require("@sanity/ui");
-
 var _icons = require("@sanity/icons");
-
 var _components = require("@sanity/base/components");
-
 var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var set = _formBuilder.patches.set,
-    unset = _formBuilder.patches.unset,
-    setIfMissing = _formBuilder.patches.setIfMissing;
+  unset = _formBuilder.patches.unset,
+  setIfMissing = _formBuilder.patches.setIfMissing;
 var DEFAULT_COLOR = {
   hex: '#24a3e3',
   hsl: {
@@ -54,17 +41,14 @@ var DEFAULT_COLOR = {
   },
   source: 'hex'
 };
-
 class ColorInput extends _react.PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "focusRef", /*#__PURE__*/_react.default.createRef());
-
     _defineProperty(this, "emitSetColor", nextColor => {
       var _this$props = this.props,
-          onChange = _this$props.onChange,
-          type = _this$props.type;
+        onChange = _this$props.onChange,
+        type = _this$props.type;
       var fieldPatches = type.fields.filter(field => field.name in nextColor).map(field => {
         var nextFieldValue = nextColor[field.name];
         var isObject = field.type.jsonType === 'object';
@@ -76,31 +60,26 @@ class ColorInput extends _react.PureComponent {
         _type: type.name
       }), set(type.name, ['_type']), set(nextColor.rgb.a, ['alpha']), ...fieldPatches]));
     });
-
     _defineProperty(this, "handleColorChange", (0, _debounce2.default)(this.emitSetColor, 100));
-
     _defineProperty(this, "handleCreateColor", () => {
       this.emitSetColor(DEFAULT_COLOR);
     });
-
     _defineProperty(this, "handleUnset", () => {
       this.props.onChange(_formBuilder.PatchEvent.from(unset()));
     });
   }
-
   focus() {
     // todo: make the ColorPicker component support .focus()
     if (this.focusRef.current && this.focusRef.current.focus) {
       this.focusRef.current.focus();
     }
   }
-
   render() {
     var _this$props2 = this.props,
-        type = _this$props2.type,
-        readOnly = _this$props2.readOnly,
-        value = _this$props2.value,
-        level = _this$props2.level;
+      type = _this$props2.type,
+      readOnly = _this$props2.readOnly,
+      value = _this$props2.value,
+      level = _this$props2.level;
     return /*#__PURE__*/_react.default.createElement(_components.FormField, {
       title: type.title,
       description: type.description,
@@ -121,11 +100,8 @@ class ColorInput extends _react.PureComponent {
       onClick: this.handleCreateColor
     }));
   }
-
 }
-
 exports.default = ColorInput;
-
 _defineProperty(ColorInput, "propTypes", {
   type: _propTypes.default.shape({
     name: _propTypes.default.string,

package/lib/ColorPicker.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _common = require("react-color/lib/components/common");
-
 var _ui = require("@sanity/ui");
-
 var _icons = require("@sanity/icons");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ColorPickerFields = require("./ColorPickerFields");
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var ColorBox = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 var ReadOnlyContainer = (0, _styledComponents.default)(_ui.Flex)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 6rem;\n  background-color: var(--card-bg-color);\n  position: relative;\n  width: 100%;\n"])));
-
 var ColorPicker = _ref => {
   var width = _ref.width,
-      rgb = _ref.rgb,
-      hex = _ref.hex,
-      hsv = _ref.hsv,
-      hsl = _ref.hsl,
-      onChange = _ref.onChange,
-      onUnset = _ref.onUnset,
-      disableAlpha = _ref.disableAlpha,
-      renderers = _ref.renderers,
-      readOnly = _ref.readOnly;
+    rgb = _ref.rgb,
+    hex = _ref.hex,
+    hsv = _ref.hsv,
+    hsl = _ref.hsl,
+    onChange = _ref.onChange,
+    onUnset = _ref.onUnset,
+    disableAlpha = _ref.disableAlpha,
+    renderers = _ref.renderers,
+    readOnly = _ref.readOnly;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width
@@ -137,7 +125,6 @@ var ColorPicker = _ref => {
     tone: "critical"
   })))))));
 };
-
 ColorPicker.propTypes = {
   width: _propTypes.default.string,
   hex: _propTypes.default.string,
@@ -153,7 +140,5 @@ ColorPicker.propTypes = {
 ColorPicker.defaultProps = {
   disableAlpha: false
 };
-
 var _default = (0, _common.ColorWrap)(ColorPicker);
-
 exports.default = _default;

package/lib/ColorPickerFields.js

@@ -4,31 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ColorPickerFields = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var color = _interopRequireWildcard(require("react-color/lib/helpers/color"));
-
 var _common = require("react-color/lib/components/common");
-
 var _ui = require("@sanity/ui");
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var ColorPickerFields = _ref => {
   var onChange = _ref.onChange,
-      rgb = _ref.rgb,
-      hsl = _ref.hsl,
-      hex = _ref.hex,
-      disableAlpha = _ref.disableAlpha;
-
+    rgb = _ref.rgb,
+    hsl = _ref.hsl,
+    hex = _ref.hex,
+    disableAlpha = _ref.disableAlpha;
   var _useTheme = (0, _ui.useTheme)(),
-      sanity = _useTheme.sanity;
-
+    sanity = _useTheme.sanity;
   var inputStyles = {
     input: {
       width: '80%',
@@ -50,7 +40,6 @@ var ColorPickerFields = _ref => {
       textTransform: 'capitalize'
     }
   };
-
   var handleChange = (data, e) => {
     if (data.hex && color.isValidHex(data.hex)) {
       onChange({
@@ -71,7 +60,6 @@ var ColorPickerFields = _ref => {
       } else if (data.a > 100) {
         data.a = 100;
       }
-
       data.a /= 100;
       onChange({
         h: hsl.h,
@@ -82,7 +70,6 @@ var ColorPickerFields = _ref => {
       }, e);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_ui.Flex, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     flex: 2,
     marginRight: 1
@@ -132,7 +119,6 @@ var ColorPickerFields = _ref => {
     dragMax: "100"
   })));
 };
-
 exports.ColorPickerFields = ColorPickerFields;
 var _default = ColorPickerFields;
 exports.default = _default;

package/lib/schemas/color.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ColorInput = _interopRequireDefault(require("../ColorInput"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable react/display-name */
-var round = val => Math.round(val * 100);
 
+var round = val => Math.round(val * 100);
 var _default = {
   name: 'color',
   type: 'object',
@@ -47,18 +43,15 @@ var _default = {
       hex: 'hex',
       hsl: 'hsl'
     },
-
     prepare(_ref) {
       var title = _ref.title,
-          hex = _ref.hex,
-          hsl = _ref.hsl,
-          alpha = _ref.alpha;
+        hex = _ref.hex,
+        hsl = _ref.hsl,
+        alpha = _ref.alpha;
       var subtitle = hex || 'No color set';
-
       if (hsl) {
         subtitle = "H:".concat(round(hsl.l), " S:").concat(round(hsl.l), " L:").concat(round(hsl.l), " A:").concat(round(alpha));
       }
-
       return {
         title: title,
         subtitle: subtitle,
@@ -75,7 +68,6 @@ var _default = {
         })
       };
     }
-
   }
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/color-input",
-  "version": "2.34.0",
+  "version": "2.34.1-canary.0+b3e58b8893",
   "description": "Color input",
   "main": "lib/index.js",
   "author": "Sanity.io <hello@sanity.io>",
@@ -24,8 +24,8 @@
     "react-color": "^2.13.8"
   },
   "devDependencies": {
-    "@sanity/base": "2.34.0",
-    "@sanity/types": "2.34.0",
+    "@sanity/base": "2.34.1-canary.0+b3e58b8893",
+    "@sanity/types": "2.34.1-canary.0+b3e58b8893",
     "react": "17.0.1",
     "rimraf": "^2.7.1"
   },
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "271991702d6db370f2157232d738445e968ee546"
+  "gitHead": "b3e58b8893c9573844279488896df2313df914f1"
 }