@sanity/google-maps-input 2.19.4 → 2.20.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"LoadError.d.ts","sourceRoot":"","sources":["../../../src/loader/LoadError.tsx"],"names":[],"mappings":";AAGA,aAAK,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,KAAK,CAAA;CAAC,GAAG;IAAC,WAAW,EAAE,IAAI,CAAA;CAAC,CAAA;AAErE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,eAqBrC"}
1
+ {"version":3,"file":"LoadError.d.ts","sourceRoot":"","sources":["../../../src/loader/LoadError.tsx"],"names":[],"mappings":";AAGA,aAAK,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,KAAK,CAAA;CAAC,GAAG;IAAC,WAAW,EAAE,IAAI,CAAA;CAAC,CAAA;AAErE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,eAuBrC"}
@@ -7,9 +7,7 @@ exports.LoadError = LoadError;
7
7
 
8
8
  var React = _interopRequireWildcard(require("react"));
9
9
 
10
- var _LoadError = _interopRequireDefault(require("./LoadError.css"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ var _ui = require("@sanity/ui");
13
11
 
14
12
  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); }
15
13
 
@@ -18,17 +16,28 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
18
16
  function LoadError(props) {
19
17
  var _props$error;
20
18
 
21
- return /*#__PURE__*/React.createElement("div", {
22
- className: _LoadError.default.card
23
- }, /*#__PURE__*/React.createElement("header", {
24
- className: _LoadError.default.cardHeader
25
- }, /*#__PURE__*/React.createElement("h2", {
26
- className: _LoadError.default.cardTitle
27
- }, "Google Maps failed to load")), /*#__PURE__*/React.createElement("div", {
28
- className: _LoadError.default.cardContent
29
- }, props.isAuthError ? /*#__PURE__*/React.createElement(AuthError, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", null, "Error details:"), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.message)))));
19
+ return /*#__PURE__*/React.createElement(_ui.Card, {
20
+ tone: "critical",
21
+ radius: 1
22
+ }, /*#__PURE__*/React.createElement(_ui.Box, {
23
+ as: "header",
24
+ paddingX: 4,
25
+ paddingTop: 4,
26
+ paddingBottom: 1
27
+ }, /*#__PURE__*/React.createElement(_ui.Text, {
28
+ as: "h2",
29
+ weight: "bold"
30
+ }, "Google Maps failed to load")), /*#__PURE__*/React.createElement(_ui.Box, {
31
+ paddingX: 4,
32
+ paddingTop: 4,
33
+ paddingBottom: 1
34
+ }, props.isAuthError ? /*#__PURE__*/React.createElement(AuthError, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ui.Text, {
35
+ as: "h3"
36
+ }, "Error details:"), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement(_ui.Code, {
37
+ size: 1
38
+ }, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.message)))));
30
39
  }
31
40
 
32
41
  function AuthError() {
33
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "The error appears to be related to authentication"), /*#__PURE__*/React.createElement("p", null, "Common causes include:"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Incorrect API key"), /*#__PURE__*/React.createElement("li", null, "Referer not allowed"), /*#__PURE__*/React.createElement("li", null, "Missing authentication scope")), /*#__PURE__*/React.createElement("p", null, "Check the browser developer tools for more information."));
42
+ return /*#__PURE__*/React.createElement(_ui.Text, null, /*#__PURE__*/React.createElement("p", null, "The error appears to be related to authentication"), /*#__PURE__*/React.createElement("p", null, "Common causes include:"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Incorrect API key"), /*#__PURE__*/React.createElement("li", null, "Referer not allowed"), /*#__PURE__*/React.createElement("li", null, "Missing authentication scope")), /*#__PURE__*/React.createElement("p", null, "Check the browser developer tools for more information."));
34
43
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/google-maps-input",
3
- "version": "2.19.4",
3
+ "version": "2.20.0",
4
4
  "description": "Sanity plugin providing input handlers for geo-related input types using Google Maps",
5
5
  "main": "lib/index.js",
6
6
  "types": "./dist/dts",
@@ -19,7 +19,7 @@
19
19
  "sanity-plugin"
20
20
  ],
21
21
  "dependencies": {
22
- "@sanity/field": "2.19.4",
22
+ "@sanity/field": "2.20.0",
23
23
  "@sanity/icons": "^1.1.7",
24
24
  "@sanity/types": "2.19.0",
25
25
  "@sanity/ui": "^0.36.8",
@@ -27,7 +27,7 @@
27
27
  "rxjs": "^6.5.3"
28
28
  },
29
29
  "devDependencies": {
30
- "@sanity/base": "2.19.4",
30
+ "@sanity/base": "2.20.0",
31
31
  "@types/googlemaps": "^3.43.0",
32
32
  "rimraf": "^2.7.1"
33
33
  },
@@ -46,5 +46,5 @@
46
46
  "url": "https://github.com/sanity-io/sanity/issues"
47
47
  },
48
48
  "homepage": "https://www.sanity.io/",
49
- "gitHead": "dd6061018f045ac8bb62bf3c03e43c85a18a1b1e"
49
+ "gitHead": "2e83be2957fa6b97eedcb8d7242849d9bb5669b4"
50
50
  }
@@ -1,41 +0,0 @@
1
- @import 'part:@sanity/base/theme/variables-style';
2
-
3
- .card {
4
- border-radius: 2px;
5
- background-color: color(var(--component-bg) blend(var(--state-danger-color) 10%));
6
- }
7
-
8
- .cardHeader {
9
- padding: var(--medium-padding) var(--medium-padding) var(--extra-small-padding);
10
- }
11
-
12
- .cardTitle {
13
- font-size: var(--font-size-base);
14
- line-height: var(--line-height-base);
15
- margin: 0;
16
- }
17
-
18
- .cardContent {
19
- font-size: var(--font-size-small);
20
- line-height: var(--line-height-small);
21
- padding: var(--extra-small-padding) var(--medium-padding) var(--medium-padding);
22
-
23
- @nest & p, & ul {
24
- margin: var(--small-padding) 0;
25
- }
26
- }
27
-
28
- .stack {
29
- margin: 0 auto;
30
-
31
- @nest & pre {
32
- border: 1px solid var(--hairline-color);
33
- padding: var(--medium-padding);
34
- background: var(--pre-bg);
35
- color: var(--pre-color);
36
- font-family: var(--font-family-monospace);
37
- font-size: var(--font-size-small);
38
- line-height: var(--line-height-small);
39
- overflow: auto;
40
- }
41
- }