@sanity/color-input 2.34.1-canary.0 → 2.34.2-empty-template-cli.0

package/lib/ColorInput.js

@@ -4,21 +4,34 @@ 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: {
@@ -41,14 +54,17 @@ 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';
@@ -60,26 +76,31 @@ 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,
@@ -100,8 +121,11 @@ 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,29 +4,41 @@ 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
@@ -125,6 +137,7 @@ var ColorPicker = _ref => {
     tone: "critical"
   })))))));
 };
+
 ColorPicker.propTypes = {
   width: _propTypes.default.string,
   hex: _propTypes.default.string,
@@ -140,5 +153,7 @@ ColorPicker.propTypes = {
 ColorPicker.defaultProps = {
   disableAlpha: false
 };
+
 var _default = (0, _common.ColorWrap)(ColorPicker);
+
 exports.default = _default;

package/lib/ColorPickerFields.js

@@ -4,21 +4,31 @@ 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%',
@@ -40,6 +50,7 @@ var ColorPickerFields = _ref => {
       textTransform: 'capitalize'
     }
   };
+
   var handleChange = (data, e) => {
     if (data.hex && color.isValidHex(data.hex)) {
       onChange({
@@ -60,6 +71,7 @@ var ColorPickerFields = _ref => {
       } else if (data.a > 100) {
         data.a = 100;
       }
+
       data.a /= 100;
       onChange({
         h: hsl.h,
@@ -70,6 +82,7 @@ var ColorPickerFields = _ref => {
       }, e);
     }
   };
+
   return /*#__PURE__*/_react.default.createElement(_ui.Flex, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     flex: 2,
     marginRight: 1
@@ -119,6 +132,7 @@ var ColorPickerFields = _ref => {
     dragMax: "100"
   })));
 };
+
 exports.ColorPickerFields = ColorPickerFields;
 var _default = ColorPickerFields;
 exports.default = _default;

package/lib/schemas/color.js

@@ -4,12 +4,16 @@ 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 */
 
+/* eslint-disable react/display-name */
 var round = val => Math.round(val * 100);
+
 var _default = {
   name: 'color',
   type: 'object',
@@ -43,15 +47,18 @@ 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,
@@ -68,6 +75,7 @@ var _default = {
         })
       };
     }
+
   }
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/color-input",
-  "version": "2.34.1-canary.0+b3e58b8893",
+  "version": "2.34.2-empty-template-cli.0+184a9350e5",
   "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.1-canary.0+b3e58b8893",
-    "@sanity/types": "2.34.1-canary.0+b3e58b8893",
+    "@sanity/base": "2.34.2-empty-template-cli.0+184a9350e5",
+    "@sanity/types": "2.34.2-empty-template-cli.0+184a9350e5",
     "react": "17.0.1",
     "rimraf": "^2.7.1"
   },
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b3e58b8893c9573844279488896df2313df914f1"
+  "gitHead": "184a9350e50aa05877a3b10e052ce4e2ca743ef0"
 }