datocms-react-ui 0.2.0-y.0 → 0.3.3
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/README.md +4 -4
- package/dist/cjs/Button/index.js +9 -1
- package/dist/cjs/Button/index.js.map +1 -1
- package/dist/cjs/Canvas/index.js.map +1 -1
- package/dist/cjs/ContextInspector/index.js +256 -0
- package/dist/cjs/ContextInspector/index.js.map +1 -0
- package/dist/cjs/ContextInspector/styles.module.css.json +1 -0
- package/dist/cjs/Form/index.js.map +1 -1
- package/dist/cjs/SwitchField/index.js +3 -3
- package/dist/cjs/SwitchField/index.js.map +1 -1
- package/dist/cjs/SwitchInput/index.js.map +1 -1
- package/dist/cjs/TextField/index.js +4 -4
- package/dist/cjs/TextField/index.js.map +1 -1
- package/dist/cjs/TextInput/index.js +1 -2
- package/dist/cjs/TextInput/index.js.map +1 -1
- package/dist/cjs/TextInput/styles.module.css.json +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Button/index.d.ts +12 -0
- package/dist/esm/Button/index.js +7 -0
- package/dist/esm/Button/index.js.map +1 -1
- package/dist/esm/Canvas/index.d.ts +2 -2
- package/dist/esm/Canvas/index.js.map +1 -1
- package/dist/esm/ContextInspector/index.d.ts +6 -0
- package/dist/esm/ContextInspector/index.js +230 -0
- package/dist/esm/ContextInspector/index.js.map +1 -0
- package/dist/esm/ContextInspector/styles.module.css.json +1 -0
- package/dist/esm/Form/index.js.map +1 -1
- package/dist/esm/SwitchField/index.js +3 -3
- package/dist/esm/SwitchField/index.js.map +1 -1
- package/dist/esm/SwitchInput/index.js.map +1 -1
- package/dist/esm/TextField/index.js +4 -4
- package/dist/esm/TextField/index.js.map +1 -1
- package/dist/esm/TextInput/index.d.ts +1 -2
- package/dist/esm/TextInput/index.js +1 -2
- package/dist/esm/TextInput/index.js.map +1 -1
- package/dist/esm/TextInput/styles.module.css.json +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/types/Button/index.d.ts +12 -0
- package/dist/types/Canvas/index.d.ts +2 -2
- package/dist/types/ContextInspector/index.d.ts +6 -0
- package/dist/types/TextInput/index.d.ts +1 -2
- package/dist/types/index.d.ts +1 -0
- package/package.json +3 -3
- package/styles.css +1 -1
- package/types.json +1042 -620
- package/dist/cjs/TextField/styles.module.css.json +0 -1
- package/dist/esm/TextField/styles.module.css.json +0 -1
package/README.md
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
# `datocms-
|
|
1
|
+
# `datocms-plugin-sdk`
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
React component library to mimic the DatoCMS interface inside plugins. You can read all about this package in [our documentation](https://www.datocms.com/docs/plugin-sdk).
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
Using [npm](http://npmjs.org/):
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
|
-
npm install datocms-
|
|
10
|
+
npm install datocms-plugin-sdk
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
Using [yarn](https://yarnpkg.com/):
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
yarn add datocms-
|
|
16
|
+
yarn add datocms-plugin-sdk
|
|
17
17
|
```
|
package/dist/cjs/Button/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Button = void 0;
|
|
6
|
+
exports.ButtonLink = exports.Button = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
@@ -16,4 +16,12 @@ function Button(_a) {
|
|
|
16
16
|
_b), className), disabled: disabled, onClick: onClick, style: style }, children));
|
|
17
17
|
}
|
|
18
18
|
exports.Button = Button;
|
|
19
|
+
function ButtonLink(_a) {
|
|
20
|
+
var _b;
|
|
21
|
+
var children = _a.children, href = _a.href, _c = _a.target, target = _c === void 0 ? '_blank' : _c, className = _a.className, _d = _a.buttonType, buttonType = _d === void 0 ? 'muted' : _d, _e = _a.buttonSize, buttonSize = _e === void 0 ? 'm' : _e, onClick = _a.onClick, fullWidth = _a.fullWidth, style = _a.style;
|
|
22
|
+
return (react_1.default.createElement("a", { href: href, target: target, className: (0, classnames_1.default)(styles_module_css_json_1.default.button, styles_module_css_json_1.default["buttonType-" + buttonType], styles_module_css_json_1.default["buttonSize-" + buttonSize], (_b = {},
|
|
23
|
+
_b[styles_module_css_json_1.default.fullWidth] = fullWidth,
|
|
24
|
+
_b), className), style: style, onClick: onClick }, children));
|
|
25
|
+
}
|
|
26
|
+
exports.ButtonLink = ButtonLink;
|
|
19
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAC3E,0DAA4B;AAC5B,oFAA8C;AAc9C,SAAgB,MAAM,CAAC,EAUT;;QATZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA/BD,wBA+BC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAC3E,0DAA4B;AAC5B,oFAA8C;AAc9C,SAAgB,MAAM,CAAC,EAUT;;QATZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA/BD,wBA+BC;AAcD,SAAgB,UAAU,CAAC,EAUT;;QAThB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,qCACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA9BD,gCA8BC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,oFAA8C;AAE9C,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE;QAC5B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EAArB,CAAqB,CAAC,CAAC;KAC3D;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAQD,SAAgB,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,oFAA8C;AAE9C,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE;QAC5B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EAArB,CAAqB,CAAC,CAAC;KAC3D;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAQD,SAAgB,MAAM,CAAC,EAA6C;QAA3C,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAC3C,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,aAAa,EAAE;YAC3C,IAAM,oBAAkB,GAAI,GAAkC,CAAC;YAC/D,oBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAEtC,CAAA;gBACE,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAA,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,uCACE,SAAS,EAAE,gCAAM,CAAC,MAAM,EACxB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CACrC,UAAC,GAAG,EAAE,EAAM;;gBAAL,CAAC,QAAA,EAAE,CAAC,QAAA;YAAM,OAAA,uBAAM,GAAG,gBAAG,OAAK,WAAW,CAAC,CAAC,CAAG,IAAG,CAAC,OAAG;QAAxC,CAAwC,EACzD;YACE,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAG,CAAC,OAAI,EAAR,CAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACxD,CACF,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AA3BD,wBA2BC"}
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
22
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
23
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
24
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
25
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
26
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
27
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
31
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
32
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
33
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
34
|
+
function step(op) {
|
|
35
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
36
|
+
while (_) try {
|
|
37
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
38
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
39
|
+
switch (op[0]) {
|
|
40
|
+
case 0: case 1: t = op; break;
|
|
41
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
42
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
43
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
44
|
+
default:
|
|
45
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
46
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
47
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
48
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
49
|
+
if (t[2]) _.ops.pop();
|
|
50
|
+
_.trys.pop(); continue;
|
|
51
|
+
}
|
|
52
|
+
op = body.call(thisArg, _);
|
|
53
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
54
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
58
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
59
|
+
if (ar || !(i in from)) {
|
|
60
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
61
|
+
ar[i] = from[i];
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
65
|
+
};
|
|
66
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
67
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
68
|
+
};
|
|
69
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
70
|
+
exports.ContextInspector = void 0;
|
|
71
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
72
|
+
var react_1 = __importStar(require("react"));
|
|
73
|
+
var __1 = require("..");
|
|
74
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
75
|
+
var baseUrl = 'https://github.com/datocms/plugins-sdk/blob/master/packages/sdk/src/types.ts';
|
|
76
|
+
function copyTextToClipboard(text) {
|
|
77
|
+
var textArea = document.createElement('textarea');
|
|
78
|
+
textArea.style.position = 'fixed';
|
|
79
|
+
textArea.style.top = '0';
|
|
80
|
+
textArea.style.left = '0';
|
|
81
|
+
textArea.style.width = '2em';
|
|
82
|
+
textArea.style.height = '2em';
|
|
83
|
+
textArea.style.padding = '0';
|
|
84
|
+
textArea.style.border = 'none';
|
|
85
|
+
textArea.style.outline = 'none';
|
|
86
|
+
textArea.style.boxShadow = 'none';
|
|
87
|
+
textArea.style.background = 'transparent';
|
|
88
|
+
textArea.value = text;
|
|
89
|
+
document.body.appendChild(textArea);
|
|
90
|
+
textArea.focus();
|
|
91
|
+
textArea.select();
|
|
92
|
+
try {
|
|
93
|
+
document.execCommand('copy');
|
|
94
|
+
}
|
|
95
|
+
catch (err) {
|
|
96
|
+
// NOP
|
|
97
|
+
}
|
|
98
|
+
document.body.removeChild(textArea);
|
|
99
|
+
}
|
|
100
|
+
function addFinalPeriod(text) {
|
|
101
|
+
if (['!', '.'].includes(text[text.length - 1])) {
|
|
102
|
+
return text;
|
|
103
|
+
}
|
|
104
|
+
return text + ".";
|
|
105
|
+
}
|
|
106
|
+
function findChildrenById(manifest, id) {
|
|
107
|
+
return manifest.children.find(function (child) { return child.id === id; });
|
|
108
|
+
}
|
|
109
|
+
function findShortText(signature) {
|
|
110
|
+
return (signature.comment && addFinalPeriod(signature.comment.shortText)) || null;
|
|
111
|
+
}
|
|
112
|
+
function findFirstTag(signature, tagName) {
|
|
113
|
+
if (!signature.comment || !signature.comment.tags) {
|
|
114
|
+
return null;
|
|
115
|
+
}
|
|
116
|
+
var tagNode = signature.comment.tags.find(function (tag) { return tag.tag === tagName; });
|
|
117
|
+
if (!tagNode) {
|
|
118
|
+
return null;
|
|
119
|
+
}
|
|
120
|
+
return tagNode.text;
|
|
121
|
+
}
|
|
122
|
+
function findExample(signature) {
|
|
123
|
+
var example = findFirstTag(signature, 'example');
|
|
124
|
+
if (!example) {
|
|
125
|
+
return null;
|
|
126
|
+
}
|
|
127
|
+
var lines = example
|
|
128
|
+
.split(/\n/)
|
|
129
|
+
.filter(function (l, i, all) { return l.length !== 0 || (i !== 0 && i !== all.length - 1); });
|
|
130
|
+
var spacesPerLine = lines.map(function (line) {
|
|
131
|
+
var spaces = line.match(/^\s*/);
|
|
132
|
+
return spaces ? spaces[0].length : 0;
|
|
133
|
+
});
|
|
134
|
+
var commonIndentation = Math.min.apply(Math, spacesPerLine);
|
|
135
|
+
var result = lines.map(function (line) { return line.substring(commonIndentation); }).join('\n');
|
|
136
|
+
return result;
|
|
137
|
+
}
|
|
138
|
+
function buildCtx(manifest, definition) {
|
|
139
|
+
if (definition.type.type === 'intersection') {
|
|
140
|
+
var result_1 = [];
|
|
141
|
+
definition.type.types.forEach(function (elementInIntersection) {
|
|
142
|
+
if (elementInIntersection.type === 'reference') {
|
|
143
|
+
var innerDefinition = findChildrenById(manifest, elementInIntersection.id);
|
|
144
|
+
result_1 = __spreadArray(__spreadArray([], result_1, true), [buildCtx(manifest, innerDefinition)], false);
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
return result_1.flat().filter(function (x) { return x; });
|
|
148
|
+
}
|
|
149
|
+
if (definition.type.type === 'reflection') {
|
|
150
|
+
var properties = definition.type.declaration.children.filter(function (child) {
|
|
151
|
+
return !['mode', 'getSettings', 'setHeight', 'bodyPadding'].includes(child.name);
|
|
152
|
+
});
|
|
153
|
+
if (properties.length === 0) {
|
|
154
|
+
return null;
|
|
155
|
+
}
|
|
156
|
+
return {
|
|
157
|
+
name: definition.name,
|
|
158
|
+
description: findShortText(definition),
|
|
159
|
+
properties: properties.map(function (child) {
|
|
160
|
+
if (child.type && child.type.declaration && child.type.declaration.signatures) {
|
|
161
|
+
child.signatures = child.type.declaration.signatures;
|
|
162
|
+
}
|
|
163
|
+
if (child.signatures) {
|
|
164
|
+
var signature = child.signatures[0];
|
|
165
|
+
return {
|
|
166
|
+
name: child.name,
|
|
167
|
+
type: 'function',
|
|
168
|
+
description: findShortText(signature),
|
|
169
|
+
example: findExample(signature),
|
|
170
|
+
group: definition.name,
|
|
171
|
+
lineNumber: child.sources[0].line,
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
return {
|
|
175
|
+
name: child.name,
|
|
176
|
+
type: 'property',
|
|
177
|
+
description: findShortText(child),
|
|
178
|
+
example: findExample(child),
|
|
179
|
+
groupDescription: findShortText(definition),
|
|
180
|
+
group: definition.name,
|
|
181
|
+
lineNumber: child.sources[0].line,
|
|
182
|
+
};
|
|
183
|
+
}),
|
|
184
|
+
};
|
|
185
|
+
}
|
|
186
|
+
throw new Error("Don\t know how to handle " + definition);
|
|
187
|
+
}
|
|
188
|
+
var ExpandablePane = function (_a) {
|
|
189
|
+
var children = _a.children, label = _a.label;
|
|
190
|
+
var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
|
|
191
|
+
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.panel },
|
|
192
|
+
react_1.default.createElement("button", { className: styles_module_css_json_1.default.panelHandle, onClick: function () { return setOpen(function (open) { return !open; }); } }, label),
|
|
193
|
+
open && react_1.default.createElement("div", { className: styles_module_css_json_1.default.panelBody }, children)));
|
|
194
|
+
};
|
|
195
|
+
function ContextInspector(_a) {
|
|
196
|
+
var _this = this;
|
|
197
|
+
var ctx = _a.ctx;
|
|
198
|
+
var _b = (0, react_1.useState)(null), groups = _b[0], setGroups = _b[1];
|
|
199
|
+
(0, react_1.useEffect)(function () {
|
|
200
|
+
var runner = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
201
|
+
var response, manifest, connectParameters, hook, signature, ctxParameter;
|
|
202
|
+
return __generator(this, function (_a) {
|
|
203
|
+
switch (_a.label) {
|
|
204
|
+
case 0: return [4 /*yield*/, fetch('https://unpkg.com/datocms-plugin-sdk/types.json')];
|
|
205
|
+
case 1:
|
|
206
|
+
response = _a.sent();
|
|
207
|
+
return [4 /*yield*/, response.json()];
|
|
208
|
+
case 2:
|
|
209
|
+
manifest = _a.sent();
|
|
210
|
+
connectParameters = manifest.children.find(function (child) { return child.name === 'FullConnectParameters'; });
|
|
211
|
+
hook = connectParameters.type.declaration.children.find(function (hook) { return hook.signatures[0].name === ctx.mode; });
|
|
212
|
+
signature = hook.signatures[0];
|
|
213
|
+
ctxParameter = signature.parameters.find(function (p) { return p.name === 'ctx'; });
|
|
214
|
+
setGroups(buildCtx(manifest, findChildrenById(manifest, ctxParameter.type.id)));
|
|
215
|
+
return [2 /*return*/];
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
}); };
|
|
219
|
+
runner();
|
|
220
|
+
}, [setGroups]);
|
|
221
|
+
var handleCopy = function (text) {
|
|
222
|
+
copyTextToClipboard(text);
|
|
223
|
+
ctx.notice('Copied to clipboard!');
|
|
224
|
+
};
|
|
225
|
+
var handleRun = function (example) {
|
|
226
|
+
Function("\n \"use strict\";\n return(\n async function(ctx) {\n try {\n " + example + "\n } catch(e) {\n await ctx.alert('Execution failed! See console for errors!');\n console.error(e);\n }\n }\n )\n ")()(ctx);
|
|
227
|
+
};
|
|
228
|
+
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.inspector }, groups &&
|
|
229
|
+
groups.map(function (group) {
|
|
230
|
+
var name = group.name
|
|
231
|
+
.replace('AdditionalMethods', 'Methods')
|
|
232
|
+
.replace('AdditionalProperties', 'Properties')
|
|
233
|
+
.replace('Methods', ' methods')
|
|
234
|
+
.replace('Properties', ' properties')
|
|
235
|
+
.replace('Utilities', ' utilities');
|
|
236
|
+
return (react_1.default.createElement(ExpandablePane, { label: "" + name, key: name },
|
|
237
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.groupDescription }, group.description),
|
|
238
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyGroup }, (group.properties || []).map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: styles_module_css_json_1.default.propertyOrMethod },
|
|
239
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodBody },
|
|
240
|
+
react_1.default.createElement("a", { className: styles_module_css_json_1.default.propertyOrMethodName, href: baseUrl + "#L" + item.lineNumber, target: "_blank", rel: "noreferrer" },
|
|
241
|
+
item.name,
|
|
242
|
+
item.type === 'function' ? '()' : ''),
|
|
243
|
+
react_1.default.createElement("div", null, item.description)),
|
|
244
|
+
item.type === 'property' && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExample },
|
|
245
|
+
react_1.default.createElement("pre", null, JSON.stringify(ctx[item.name], null, 2)),
|
|
246
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExampleActions },
|
|
247
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", onClick: handleCopy.bind(null, JSON.stringify(ctx[item.name], null, 2)) }, "Copy value")))),
|
|
248
|
+
item.example && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExample },
|
|
249
|
+
react_1.default.createElement("pre", null, item.example),
|
|
250
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExampleActions },
|
|
251
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", buttonType: "primary", onClick: handleRun.bind(null, item.example) }, "Run example"),
|
|
252
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", onClick: handleCopy.bind(null, item.example) }, "Copy example")))))); }))));
|
|
253
|
+
})));
|
|
254
|
+
}
|
|
255
|
+
exports.ContextInspector = ContextInspector;
|
|
256
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "inspector": "_inspector_1n8fb_1", "panel": "_panel_1n8fb_5", "panelHandle": "_panelHandle_1n8fb_9", "panelBody": "_panelBody_1n8fb_25", "groupDescription": "_groupDescription_1n8fb_31", "propertyGroup": "_propertyGroup_1n8fb_37", "propertyOrMethod": "_propertyOrMethod_1n8fb_42", "propertyOrMethodBody": "_propertyOrMethodBody_1n8fb_51", "propertyOrMethodExample": "_propertyOrMethodExample_1n8fb_55", "propertyOrMethodName": "_propertyOrMethodName_1n8fb_68", "propertyOrMethodExampleActions": "_propertyOrMethodExampleActions_1n8fb_82" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAUvC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAUvC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,UAAU,EAAE,gCAAM,CAAC,iBAAe,OAAS,CAAC,CAAC,CAAC;IAEnF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,IAAI,QA+Bf"}
|
|
@@ -25,10 +25,10 @@ function SwitchField(_a) {
|
|
|
25
25
|
react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__flex },
|
|
26
26
|
react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__switchInput },
|
|
27
27
|
react_1.default.createElement(__1.SwitchInput, __assign({}, switchInputProps, { name: name, value: value, onChange: onChange }))),
|
|
28
|
-
react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: (0, classnames_1.default)(styles_module_css_json_1.default.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className) }), label)),
|
|
28
|
+
react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: (0, classnames_1.default)(styles_module_css_json_1.default.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className), error: !!error }), label)),
|
|
29
29
|
(hint || error) && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__below },
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
error && react_1.default.createElement(__1.FieldError, null, error),
|
|
31
|
+
hint && react_1.default.createElement(__1.FieldHint, null, hint)))));
|
|
32
32
|
}
|
|
33
33
|
exports.SwitchField = SwitchField;
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AACZ,0DAA4B;AAC5B,oFAAyC;AAezC,SAAgB,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,iBAAiB;YACjC,uCAAK,SAAS,EAAE,gCAAC,CAAC,wBAAwB;gBACxC,8BAAC,eAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AACZ,0DAA4B;AAC5B,oFAAyC;AAezC,SAAgB,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,iBAAiB;YACjC,uCAAK,SAAS,EAAE,gCAAC,CAAC,wBAAwB;gBACxC,8BAAC,eAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,uCAAK,SAAS,EAAE,gCAAC,CAAC,kBAAkB;YACjC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc;YACzC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa,CAClC,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAzCD,kCAyCC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAgBzC,SAAgB,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAAmF;QAEnF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AAnDD,kCAmDC"}
|
|
@@ -20,10 +20,10 @@ var __1 = require("..");
|
|
|
20
20
|
function TextField(_a) {
|
|
21
21
|
var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, textInputProps = _a.textInputProps;
|
|
22
22
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
23
|
-
react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required }), label),
|
|
24
|
-
react_1.default.createElement(__1.TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange })),
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
|
|
24
|
+
react_1.default.createElement(__1.TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
|
|
25
|
+
error && react_1.default.createElement(__1.FieldError, null, error),
|
|
26
|
+
hint && react_1.default.createElement(__1.FieldHint, null, hint)));
|
|
27
27
|
}
|
|
28
28
|
exports.TextField = TextField;
|
|
29
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AAgBZ,SAAgB,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,8BAAC,aAAS,eAAK,cAAc,IAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,KAC3E,KAAK,CACI;QAEZ,8BAAC,aAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,IACd;QAED,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc;QACzC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa,CACrC,CACJ,CAAC;AACJ,CAAC;AAjCD,8BAiCC"}
|
|
@@ -60,8 +60,7 @@ var TextInput = function (_a) {
|
|
|
60
60
|
_b[styles_module_css_json_1.default['TextInput--disabled']] = disabled,
|
|
61
61
|
_b[styles_module_css_json_1.default['TextInput--error']] = error,
|
|
62
62
|
_b));
|
|
63
|
-
return (react_1.default.createElement("
|
|
64
|
-
react_1.default.createElement("input", __assign({ "aria-label": labelText, className: styles_module_css_json_1.default['TextInput__input'], id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps))));
|
|
63
|
+
return (react_1.default.createElement("input", __assign({ className: classNames, "aria-label": labelText, id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps)));
|
|
65
64
|
};
|
|
66
65
|
exports.TextInput = TextInput;
|
|
67
66
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,0DAA4B;AAC5B,oFAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,0DAA4B;AAC5B,oFAAyC;AAkBlC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,gCAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,kDACE,SAAS,EAAE,UAAU,gBACT,SAAS,EACrB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "TextInput": "
|
|
1
|
+
{ "TextInput": "_TextInput_pdyay_1", "TextInput--disabled": "_TextInput--disabled_pdyay_30", "TextInput--error": "_TextInput--error_pdyay_36" }
|
package/dist/cjs/index.js
CHANGED
|
@@ -21,4 +21,5 @@ __exportStar(require("./SwitchField"), exports);
|
|
|
21
21
|
__exportStar(require("./SwitchInput"), exports);
|
|
22
22
|
__exportStar(require("./TextField"), exports);
|
|
23
23
|
__exportStar(require("./TextInput"), exports);
|
|
24
|
+
__exportStar(require("./ContextInspector"), exports);
|
|
24
25
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,yCAAuB;AACvB,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,yCAAuB;AACvB,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,qDAAmC"}
|
|
@@ -11,3 +11,15 @@ export declare type ButtonProps = {
|
|
|
11
11
|
style?: CSSProperties;
|
|
12
12
|
};
|
|
13
13
|
export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, type, }: ButtonProps): JSX.Element;
|
|
14
|
+
export declare type ButtonLinkProps = {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
href: string;
|
|
17
|
+
target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
|
|
18
|
+
className?: string;
|
|
19
|
+
onClick?: MouseEventHandler;
|
|
20
|
+
buttonType?: 'primary' | 'muted' | 'negative';
|
|
21
|
+
buttonSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
22
|
+
fullWidth?: boolean;
|
|
23
|
+
style?: CSSProperties;
|
|
24
|
+
};
|
|
25
|
+
export declare function ButtonLink({ children, href, target, className, buttonType, buttonSize, onClick, fullWidth, style, }: ButtonLinkProps): JSX.Element;
|
package/dist/esm/Button/index.js
CHANGED
|
@@ -9,4 +9,11 @@ export function Button(_a) {
|
|
|
9
9
|
_b[styles.fullWidth] = fullWidth,
|
|
10
10
|
_b), className), disabled: disabled, onClick: onClick, style: style }, children));
|
|
11
11
|
}
|
|
12
|
+
export function ButtonLink(_a) {
|
|
13
|
+
var _b;
|
|
14
|
+
var children = _a.children, href = _a.href, _c = _a.target, target = _c === void 0 ? '_blank' : _c, className = _a.className, _d = _a.buttonType, buttonType = _d === void 0 ? 'muted' : _d, _e = _a.buttonSize, buttonSize = _e === void 0 ? 'm' : _e, onClick = _a.onClick, fullWidth = _a.fullWidth, style = _a.style;
|
|
15
|
+
return (React.createElement("a", { href: href, target: target, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
|
|
16
|
+
_b[styles.fullWidth] = fullWidth,
|
|
17
|
+
_b), className), style: style, onClick: onClick }, children));
|
|
18
|
+
}
|
|
12
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAc9C,MAAM,UAAU,MAAM,CAAC,EAUT;;QATZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAc9C,MAAM,UAAU,MAAM,CAAC,EAUT;;QATZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,UAAU,CAAC,EAUT;;QAThB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { RenderProperties } from 'datocms-
|
|
2
|
+
import { RenderProperties } from 'datocms-plugin-sdk';
|
|
3
3
|
export declare type CanvasProps = {
|
|
4
4
|
ctx: RenderProperties;
|
|
5
5
|
noAutoResizer?: boolean;
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare function Canvas({ ctx, children, noAutoResizer
|
|
8
|
+
export declare function Canvas({ ctx, children, noAutoResizer }: CanvasProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE;QAC5B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EAArB,CAAqB,CAAC,CAAC;KAC3D;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAQD,MAAM,UAAU,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE;QAC5B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EAArB,CAAqB,CAAC,CAAC;KAC3D;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAQD,MAAM,UAAU,MAAM,CAAC,EAA6C;QAA3C,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAC3C,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,aAAa,EAAE;YAC3C,IAAM,oBAAkB,GAAI,GAAkC,CAAC;YAC/D,oBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAEtC,CAAA;gBACE,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAA,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CACrC,UAAC,GAAG,EAAE,EAAM;;gBAAL,CAAC,QAAA,EAAE,CAAC,QAAA;YAAM,OAAA,uBAAM,GAAG,gBAAG,OAAK,WAAW,CAAC,CAAC,CAAG,IAAG,CAAC,OAAG;QAAxC,CAAwC,EACzD;YACE,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAG,CAAC,OAAI,EAAR,CAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACxD,CACF,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
|