datocms-react-ui 0.3.17 → 0.3.21
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/dist/cjs/Button/styles.module.css.json +1 -1
- package/dist/cjs/ButtonGroup/Button/index.js +19 -0
- package/dist/cjs/ButtonGroup/Button/index.js.map +1 -0
- package/dist/cjs/ButtonGroup/Button/styles.module.css.json +1 -0
- package/dist/cjs/ButtonGroup/Group/index.js +29 -0
- package/dist/cjs/ButtonGroup/Group/index.js.map +1 -0
- package/dist/cjs/ButtonGroup/Group/styles.module.css.json +1 -0
- package/dist/cjs/ButtonGroup/index.js +8 -0
- package/dist/cjs/ButtonGroup/index.js.map +1 -0
- package/dist/cjs/Canvas/index.js +13 -25
- package/dist/cjs/Canvas/index.js.map +1 -1
- package/dist/cjs/Canvas/styles.module.css.json +1 -1
- package/dist/cjs/ContextInspector/index.js +3 -3
- package/dist/cjs/ContextInspector/index.js.map +1 -1
- package/dist/cjs/Dropdown/Dropdown.js +166 -0
- package/dist/cjs/Dropdown/Dropdown.js.map +1 -0
- package/dist/cjs/Dropdown/DropdownContext.js +9 -0
- package/dist/cjs/Dropdown/DropdownContext.js.map +1 -0
- package/dist/cjs/Dropdown/Group.js +16 -0
- package/dist/cjs/Dropdown/Group.js.map +1 -0
- package/dist/cjs/Dropdown/Menu.js +250 -0
- package/dist/cjs/Dropdown/Menu.js.map +1 -0
- package/dist/cjs/Dropdown/MenuContext.js +12 -0
- package/dist/cjs/Dropdown/MenuContext.js.map +1 -0
- package/dist/cjs/Dropdown/Option.js +100 -0
- package/dist/cjs/Dropdown/Option.js.map +1 -0
- package/dist/cjs/Dropdown/OptionAction.js +29 -0
- package/dist/cjs/Dropdown/OptionAction.js.map +1 -0
- package/dist/cjs/Dropdown/Portal.js +53 -0
- package/dist/cjs/Dropdown/Portal.js.map +1 -0
- package/dist/cjs/Dropdown/Separator.js +37 -0
- package/dist/cjs/Dropdown/Separator.js.map +1 -0
- package/dist/cjs/Dropdown/Text.js +14 -0
- package/dist/cjs/Dropdown/Text.js.map +1 -0
- package/dist/cjs/Dropdown/index.js +18 -0
- package/dist/cjs/Dropdown/index.js.map +1 -0
- package/dist/cjs/Dropdown/styles.module.css.json +1 -0
- package/dist/cjs/SidebarPanel/index.js +88 -0
- package/dist/cjs/SidebarPanel/index.js.map +1 -0
- package/dist/cjs/SidebarPanel/styles.module.css.json +1 -0
- package/dist/cjs/Spinner/index.js +64 -0
- package/dist/cjs/Spinner/index.js.map +1 -0
- package/dist/cjs/Spinner/styles.module.css.json +1 -0
- package/dist/cjs/Toolbar/Button/index.js +15 -0
- package/dist/cjs/Toolbar/Button/index.js.map +1 -0
- package/dist/cjs/Toolbar/Button/styles.module.css.json +1 -0
- package/dist/cjs/Toolbar/Stack/index.js +19 -0
- package/dist/cjs/Toolbar/Stack/index.js.map +1 -0
- package/dist/cjs/Toolbar/Stack/styles.module.css.json +1 -0
- package/dist/cjs/Toolbar/Title/index.js +15 -0
- package/dist/cjs/Toolbar/Title/index.js.map +1 -0
- package/dist/cjs/Toolbar/Title/styles.module.css.json +1 -0
- package/dist/cjs/Toolbar/Toolbar/index.js +99 -0
- package/dist/cjs/Toolbar/Toolbar/index.js.map +1 -0
- package/dist/cjs/Toolbar/Toolbar/styles.module.css.json +1 -0
- package/dist/cjs/Toolbar/index.js +12 -0
- package/dist/cjs/Toolbar/index.js.map +1 -0
- package/dist/cjs/generateStyleFromCtx/index.js +32 -0
- package/dist/cjs/generateStyleFromCtx/index.js.map +1 -0
- package/dist/cjs/icons.js +38 -0
- package/dist/cjs/icons.js.map +1 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/mergeRefs/index.js +19 -0
- package/dist/cjs/mergeRefs/index.js.map +1 -0
- package/dist/cjs/useClickOutside/index.js +24 -0
- package/dist/cjs/useClickOutside/index.js.map +1 -0
- package/dist/cjs/useMediaQuery/index.js +149 -0
- package/dist/cjs/useMediaQuery/index.js.map +1 -0
- package/dist/esm/Button/styles.module.css.json +1 -1
- package/dist/esm/ButtonGroup/Button/index.d.ts +10 -0
- package/dist/esm/ButtonGroup/Button/index.js +12 -0
- package/dist/esm/ButtonGroup/Button/index.js.map +1 -0
- package/dist/esm/ButtonGroup/Button/styles.module.css.json +1 -0
- package/dist/esm/ButtonGroup/Group/index.d.ts +21 -0
- package/dist/esm/ButtonGroup/Group/index.js +22 -0
- package/dist/esm/ButtonGroup/Group/index.js.map +1 -0
- package/dist/esm/ButtonGroup/Group/styles.module.css.json +1 -0
- package/dist/esm/ButtonGroup/index.d.ts +4 -0
- package/dist/esm/ButtonGroup/index.js +3 -0
- package/dist/esm/ButtonGroup/index.js.map +1 -0
- package/dist/esm/Canvas/index.d.ts +7 -3
- package/dist/esm/Canvas/index.js +13 -26
- package/dist/esm/Canvas/index.js.map +1 -1
- package/dist/esm/Canvas/styles.module.css.json +1 -1
- package/dist/esm/ContextInspector/index.d.ts +1 -5
- package/dist/esm/ContextInspector/index.js +4 -4
- package/dist/esm/ContextInspector/index.js.map +1 -1
- package/dist/esm/Dropdown/Dropdown.d.ts +113 -0
- package/dist/esm/Dropdown/Dropdown.js +140 -0
- package/dist/esm/Dropdown/Dropdown.js.map +1 -0
- package/dist/esm/Dropdown/DropdownContext.d.ts +6 -0
- package/dist/esm/Dropdown/DropdownContext.js +6 -0
- package/dist/esm/Dropdown/DropdownContext.js.map +1 -0
- package/dist/esm/Dropdown/Group.d.ts +6 -0
- package/dist/esm/Dropdown/Group.js +9 -0
- package/dist/esm/Dropdown/Group.js.map +1 -0
- package/dist/esm/Dropdown/Menu.d.ts +6 -0
- package/dist/esm/Dropdown/Menu.js +224 -0
- package/dist/esm/Dropdown/Menu.js.map +1 -0
- package/dist/esm/Dropdown/MenuContext.d.ts +8 -0
- package/dist/esm/Dropdown/MenuContext.js +9 -0
- package/dist/esm/Dropdown/MenuContext.js.map +1 -0
- package/dist/esm/Dropdown/Option.d.ts +13 -0
- package/dist/esm/Dropdown/Option.js +74 -0
- package/dist/esm/Dropdown/Option.js.map +1 -0
- package/dist/esm/Dropdown/OptionAction.d.ts +11 -0
- package/dist/esm/Dropdown/OptionAction.js +22 -0
- package/dist/esm/Dropdown/OptionAction.js.map +1 -0
- package/dist/esm/Dropdown/Portal.d.ts +4 -0
- package/dist/esm/Dropdown/Portal.js +27 -0
- package/dist/esm/Dropdown/Portal.js.map +1 -0
- package/dist/esm/Dropdown/Separator.d.ts +2 -0
- package/dist/esm/Dropdown/Separator.js +11 -0
- package/dist/esm/Dropdown/Separator.js.map +1 -0
- package/dist/esm/Dropdown/Text.d.ts +5 -0
- package/dist/esm/Dropdown/Text.js +7 -0
- package/dist/esm/Dropdown/Text.js.map +1 -0
- package/dist/esm/Dropdown/index.d.ts +9 -0
- package/dist/esm/Dropdown/index.js +9 -0
- package/dist/esm/Dropdown/index.js.map +1 -0
- package/dist/esm/Dropdown/styles.module.css.json +1 -0
- package/dist/esm/SidebarPanel/index.d.ts +43 -0
- package/dist/esm/SidebarPanel/index.js +62 -0
- package/dist/esm/SidebarPanel/index.js.map +1 -0
- package/dist/esm/SidebarPanel/styles.module.css.json +1 -0
- package/dist/esm/Spinner/index.d.ts +27 -0
- package/dist/esm/Spinner/index.js +57 -0
- package/dist/esm/Spinner/index.js.map +1 -0
- package/dist/esm/Spinner/styles.module.css.json +1 -0
- package/dist/esm/Toolbar/Button/index.d.ts +8 -0
- package/dist/esm/Toolbar/Button/index.js +8 -0
- package/dist/esm/Toolbar/Button/index.js.map +1 -0
- package/dist/esm/Toolbar/Button/styles.module.css.json +1 -0
- package/dist/esm/Toolbar/Stack/index.d.ts +8 -0
- package/dist/esm/Toolbar/Stack/index.js +12 -0
- package/dist/esm/Toolbar/Stack/index.js.map +1 -0
- package/dist/esm/Toolbar/Stack/styles.module.css.json +1 -0
- package/dist/esm/Toolbar/Title/index.d.ts +7 -0
- package/dist/esm/Toolbar/Title/index.js +8 -0
- package/dist/esm/Toolbar/Title/index.js.map +1 -0
- package/dist/esm/Toolbar/Title/styles.module.css.json +1 -0
- package/dist/esm/Toolbar/Toolbar/index.d.ts +91 -0
- package/dist/esm/Toolbar/Toolbar/index.js +92 -0
- package/dist/esm/Toolbar/Toolbar/index.js.map +1 -0
- package/dist/esm/Toolbar/Toolbar/styles.module.css.json +1 -0
- package/dist/esm/Toolbar/index.d.ts +8 -0
- package/dist/esm/Toolbar/index.js +5 -0
- package/dist/esm/Toolbar/index.js.map +1 -0
- package/dist/esm/generateStyleFromCtx/index.d.ts +3 -0
- package/dist/esm/generateStyleFromCtx/index.js +28 -0
- package/dist/esm/generateStyleFromCtx/index.js.map +1 -0
- package/dist/esm/icons.d.ts +12 -0
- package/dist/esm/icons.js +27 -0
- package/dist/esm/icons.js.map +1 -0
- package/dist/esm/index.d.ts +6 -0
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mergeRefs/index.d.ts +2 -0
- package/dist/esm/mergeRefs/index.js +15 -0
- package/dist/esm/mergeRefs/index.js.map +1 -0
- package/dist/esm/useClickOutside/index.d.ts +2 -0
- package/dist/esm/useClickOutside/index.js +21 -0
- package/dist/esm/useClickOutside/index.js.map +1 -0
- package/dist/esm/useMediaQuery/index.d.ts +8 -0
- package/dist/esm/useMediaQuery/index.js +140 -0
- package/dist/esm/useMediaQuery/index.js.map +1 -0
- package/dist/types/ButtonGroup/Button/index.d.ts +10 -0
- package/dist/types/ButtonGroup/Group/index.d.ts +21 -0
- package/dist/types/ButtonGroup/index.d.ts +4 -0
- package/dist/types/Canvas/index.d.ts +7 -3
- package/dist/types/ContextInspector/index.d.ts +1 -5
- package/dist/types/Dropdown/Dropdown.d.ts +113 -0
- package/dist/types/Dropdown/DropdownContext.d.ts +6 -0
- package/dist/types/Dropdown/Group.d.ts +6 -0
- package/dist/types/Dropdown/Menu.d.ts +6 -0
- package/dist/types/Dropdown/MenuContext.d.ts +8 -0
- package/dist/types/Dropdown/Option.d.ts +13 -0
- package/dist/types/Dropdown/OptionAction.d.ts +11 -0
- package/dist/types/Dropdown/Portal.d.ts +4 -0
- package/dist/types/Dropdown/Separator.d.ts +2 -0
- package/dist/types/Dropdown/Text.d.ts +5 -0
- package/dist/types/Dropdown/index.d.ts +9 -0
- package/dist/types/SidebarPanel/index.d.ts +43 -0
- package/dist/types/Spinner/index.d.ts +27 -0
- package/dist/types/Toolbar/Button/index.d.ts +8 -0
- package/dist/types/Toolbar/Stack/index.d.ts +8 -0
- package/dist/types/Toolbar/Title/index.d.ts +7 -0
- package/dist/types/Toolbar/Toolbar/index.d.ts +91 -0
- package/dist/types/Toolbar/index.d.ts +8 -0
- package/dist/types/generateStyleFromCtx/index.d.ts +3 -0
- package/dist/types/icons.d.ts +12 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/mergeRefs/index.d.ts +2 -0
- package/dist/types/useClickOutside/index.d.ts +2 -0
- package/dist/types/useMediaQuery/index.d.ts +8 -0
- package/package.json +9 -6
- package/styles.css +1 -1
- package/types.json +4656 -1895
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "button": "
|
|
1
|
+
{ "button": "_button_474wk_1", "disabled": "_disabled_474wk_30", "buttonType-muted": "_buttonType-muted_474wk_34", "buttonType-primary": "_buttonType-primary_474wk_50", "buttonType-negative": "_buttonType-negative_474wk_71", "buttonSize-xxs": "_buttonSize-xxs_474wk_88", "buttonSize-xs": "_buttonSize-xs_474wk_93", "buttonSize-s": "_buttonSize-s_474wk_98", "buttonSize-m": "_buttonSize-m_474wk_103", "buttonSize-l": "_buttonSize-l_474wk_108", "buttonSize-xl": "_buttonSize-xl_474wk_113", "fullWidth": "_fullWidth_474wk_118", "button__leftIcon": "_button__leftIcon_474wk_124", "button__rightIcon": "_button__rightIcon_474wk_125" }
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Button = void 0;
|
|
7
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
10
|
+
function Button(_a) {
|
|
11
|
+
var _b;
|
|
12
|
+
var children = _a.children, style = _a.style, className = _a.className, selected = _a.selected, disabled = _a.disabled, onClick = _a.onClick;
|
|
13
|
+
return (react_1.default.createElement("button", { type: "button", onClick: onClick, disabled: disabled, className: (0, classnames_1.default)(styles_module_css_json_1.default['Button'], (_b = {},
|
|
14
|
+
_b[styles_module_css_json_1.default['Button--selected']] = selected,
|
|
15
|
+
_b[styles_module_css_json_1.default['Button--disabled']] = disabled,
|
|
16
|
+
_b), className), style: style }, children));
|
|
17
|
+
}
|
|
18
|
+
exports.Button = Button;
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAA2E;AAC3E,oFAAyC;AAWzC,SAAgB,MAAM,CAAC,EAOT;;QANZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EACnB,gCAAC,CAAC,QAAQ,CAAC;YAET,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YACjC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,QAAQ;iBAEnC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA1BD,wBA0BC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "Button": "_Button_1h1w1_1", "Button--s": "_Button--s_1h1w1_32", "Button--disabled": "_Button--disabled_1h1w1_36", "Button--selected": "_Button--selected_1h1w1_45" }
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Group = void 0;
|
|
7
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
10
|
+
/**
|
|
11
|
+
* @example Basic example
|
|
12
|
+
*
|
|
13
|
+
* ```js
|
|
14
|
+
* <Canvas ctx={ctx}>
|
|
15
|
+
* <ButtonGroup>
|
|
16
|
+
* <ButtonGroupButton>First</ButtonGroupButton>
|
|
17
|
+
* <ButtonGroupButton selected>Second</ButtonGroupButton>
|
|
18
|
+
* <ButtonGroupButton>Third</ButtonGroupButton>
|
|
19
|
+
* <ButtonGroupButton disabled>Fourth</ButtonGroupButton>
|
|
20
|
+
* </ButtonGroup>
|
|
21
|
+
* </Canvas>;
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
function Group(_a) {
|
|
25
|
+
var children = _a.children, style = _a.style, className = _a.className;
|
|
26
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Group'], className), style: style }, children));
|
|
27
|
+
}
|
|
28
|
+
exports.Group = Group;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Group/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAwD;AACxD,oFAAyC;AAQzC;;;;;;;;;;;;;GAaG;AACH,SAAgB,KAAK,CAAC,EAA0C;QAAxC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IAChD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAC5D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAND,sBAMC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "Group": "_Group_10mj4_1" }
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonGroupButton = exports.ButtonGroup = void 0;
|
|
4
|
+
var Group_1 = require("./Group");
|
|
5
|
+
Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return Group_1.Group; } });
|
|
6
|
+
var Button_1 = require("./Button");
|
|
7
|
+
Object.defineProperty(exports, "ButtonGroupButton", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonGroup/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;AAAtC,oGAAA,KAAK,OAAe;AAE7B,mCAAuD;AAA9C,2GAAA,MAAM,OAAqB"}
|
package/dist/cjs/Canvas/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -33,15 +22,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
33
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
23
|
};
|
|
35
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.Canvas = void 0;
|
|
25
|
+
exports.Canvas = exports.useCtx = exports.CtxContext = void 0;
|
|
37
26
|
var react_1 = __importStar(require("react"));
|
|
38
27
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
28
|
+
var generateStyleFromCtx_1 = require("../generateStyleFromCtx");
|
|
29
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
30
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
31
|
+
exports.CtxContext = (0, react_1.createContext)(null);
|
|
32
|
+
function useCtx() {
|
|
33
|
+
var ctx = (0, react_1.useContext)(exports.CtxContext);
|
|
34
|
+
if (!ctx) {
|
|
35
|
+
throw new Error('useCtx requires <Canvas />!');
|
|
42
36
|
}
|
|
43
|
-
return
|
|
37
|
+
return ctx;
|
|
44
38
|
}
|
|
39
|
+
exports.useCtx = useCtx;
|
|
45
40
|
/**
|
|
46
41
|
* @example Color palette CSS variables
|
|
47
42
|
*
|
|
@@ -546,15 +541,8 @@ function Canvas(_a) {
|
|
|
546
541
|
}
|
|
547
542
|
return undefined;
|
|
548
543
|
}, [mode, noAutoResizer]);
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
var _c;
|
|
552
|
-
var k = _a[0], v = _a[1];
|
|
553
|
-
return __assign(__assign({}, acc), (_b = {}, _b["--" + camelToDash(k)] = v, _b["--" + camelToDash(k + "RgbComponents")] = ((_c = v.match(/rgb\((\d+, \d+, \d+)\)/)) === null || _c === void 0 ? void 0 : _c[1]) || undefined, _b));
|
|
554
|
-
}, {
|
|
555
|
-
padding: ctx.bodyPadding.map(function (p) { return p + "px"; }).join(' '),
|
|
556
|
-
});
|
|
557
|
-
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.canvas, style: style }, children));
|
|
544
|
+
return (react_1.default.createElement(exports.CtxContext.Provider, { value: ctx },
|
|
545
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['themeVariables'], styles_module_css_json_1.default['canvas']), style: (0, generateStyleFromCtx_1.generateStyleFromCtx)(ctx) }, children)));
|
|
558
546
|
}
|
|
559
547
|
exports.Canvas = Canvas;
|
|
560
548
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+E;AAM/E,oFAAyC;AACzC,gEAA+D;AAC/D,0DAAoC;AAIpC,8DAA8D;AACjD,QAAA,UAAU,GAAG,IAAA,qBAAa,EACrC,IAAI,CACL,CAAC;AAEF,SAAgB,MAAM;IACpB,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,kBAAU,CAAC,CAAC;IAEnC,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;KAChD;IAED,OAAO,GAAQ,CAAC;AAClB,CAAC;AARD,wBAQC;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0eG;AAEH,SAAgB,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,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,OAAO;gBACL,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,8BAAC,kBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG;QAC7B,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,gBAAgB,CAAC,EAAE,gCAAC,CAAC,QAAQ,CAAC,CAAC,EACvD,KAAK,EAAE,IAAA,2CAAoB,EAAC,GAAG,CAAC,IAE/B,QAAQ,CACL,CACc,CACvB,CAAC;AACJ,CAAC;AA9BD,wBA8BC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "canvas": "
|
|
1
|
+
{ "themeVariables": "_themeVariables_ovgoa_1", "canvas": "_canvas_ovgoa_68" }
|
|
@@ -197,10 +197,10 @@ var ExpandablePane = function (_a) {
|
|
|
197
197
|
react_1.default.createElement("button", { className: styles_module_css_json_1.default.panelHandle, onClick: function () { return setOpen(function (open) { return !open; }); } }, label),
|
|
198
198
|
open && react_1.default.createElement("div", { className: styles_module_css_json_1.default.panelBody }, children)));
|
|
199
199
|
};
|
|
200
|
-
function ContextInspector(
|
|
200
|
+
function ContextInspector() {
|
|
201
201
|
var _this = this;
|
|
202
|
-
var ctx =
|
|
203
|
-
var
|
|
202
|
+
var ctx = (0, __1.useCtx)();
|
|
203
|
+
var _a = (0, react_1.useState)(null), groups = _a[0], setGroups = _a[1];
|
|
204
204
|
(0, react_1.useEffect)(function () {
|
|
205
205
|
var runner = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
206
206
|
var response, manifest, connectParameters, hook, signature, ctxParameter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAuD;AACvD,6CAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,166 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Dropdown = void 0;
|
|
26
|
+
var react_1 = __importStar(require("react"));
|
|
27
|
+
var useMediaQuery_1 = require("../useMediaQuery");
|
|
28
|
+
var useClickOutside_1 = __importDefault(require("../useClickOutside"));
|
|
29
|
+
var DropdownContext_1 = require("./DropdownContext");
|
|
30
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
31
|
+
/**
|
|
32
|
+
* @example Basic example
|
|
33
|
+
*
|
|
34
|
+
* ```js
|
|
35
|
+
* <Canvas ctx={ctx}>
|
|
36
|
+
* <Dropdown
|
|
37
|
+
* renderTrigger={({ open, onClick }) => (
|
|
38
|
+
* <Button
|
|
39
|
+
* onClick={onClick}
|
|
40
|
+
* rightIcon={open ? <CaretUpIcon /> : <CaretDownIcon />}
|
|
41
|
+
* >
|
|
42
|
+
* Options
|
|
43
|
+
* </Button>
|
|
44
|
+
* )}
|
|
45
|
+
* >
|
|
46
|
+
* <DropdownMenu>
|
|
47
|
+
* <DropdownOption onClick={() => {}}>Edit</DropdownOption>
|
|
48
|
+
* <DropdownOption disabled onClick={() => {}}>
|
|
49
|
+
* Duplicate
|
|
50
|
+
* </DropdownOption>
|
|
51
|
+
* <DropdownSeparator />
|
|
52
|
+
* <DropdownOption red onClick={() => {}}>
|
|
53
|
+
* Delete
|
|
54
|
+
* </DropdownOption>
|
|
55
|
+
* </DropdownMenu>
|
|
56
|
+
* </Dropdown>
|
|
57
|
+
* </Canvas>;
|
|
58
|
+
* ```
|
|
59
|
+
*
|
|
60
|
+
* @example Option actions
|
|
61
|
+
*
|
|
62
|
+
* ```js
|
|
63
|
+
* <Canvas ctx={ctx}>
|
|
64
|
+
* <Dropdown
|
|
65
|
+
* renderTrigger={({ open, onClick }) => (
|
|
66
|
+
* <Button
|
|
67
|
+
* onClick={onClick}
|
|
68
|
+
* rightIcon={open ? <CaretUpIcon /> : <CaretDownIcon />}
|
|
69
|
+
* >
|
|
70
|
+
* Fields
|
|
71
|
+
* </Button>
|
|
72
|
+
* )}
|
|
73
|
+
* >
|
|
74
|
+
* <DropdownMenu>
|
|
75
|
+
* <DropdownOption>
|
|
76
|
+
* First option
|
|
77
|
+
* <DropdownOptionAction icon={<PlusIcon />} onClick={() => {}} />
|
|
78
|
+
* <DropdownOptionAction
|
|
79
|
+
* red
|
|
80
|
+
* icon={<TrashIcon />}
|
|
81
|
+
* onClick={() => {}}
|
|
82
|
+
* />
|
|
83
|
+
* </DropdownOption>
|
|
84
|
+
* <DropdownOption>
|
|
85
|
+
* Second option
|
|
86
|
+
* <DropdownOptionAction icon={<PlusIcon />} onClick={() => {}} />
|
|
87
|
+
* <DropdownOptionAction
|
|
88
|
+
* red
|
|
89
|
+
* icon={<TrashIcon />}
|
|
90
|
+
* onClick={() => {}}
|
|
91
|
+
* />
|
|
92
|
+
* </DropdownOption>
|
|
93
|
+
* </DropdownMenu>
|
|
94
|
+
* </Dropdown>
|
|
95
|
+
* </Canvas>;
|
|
96
|
+
* ```
|
|
97
|
+
*
|
|
98
|
+
* @example Option groups
|
|
99
|
+
*
|
|
100
|
+
* ```js
|
|
101
|
+
* <Canvas ctx={ctx}>
|
|
102
|
+
* <Dropdown
|
|
103
|
+
* renderTrigger={({ open, onClick }) => (
|
|
104
|
+
* <Button
|
|
105
|
+
* onClick={onClick}
|
|
106
|
+
* rightIcon={open ? <CaretUpIcon /> : <CaretDownIcon />}
|
|
107
|
+
* >
|
|
108
|
+
* Fields
|
|
109
|
+
* </Button>
|
|
110
|
+
* )}
|
|
111
|
+
* >
|
|
112
|
+
* <DropdownMenu>
|
|
113
|
+
* <DropdownGroup name="Group 1">
|
|
114
|
+
* <DropdownOption>Foo</DropdownOption>
|
|
115
|
+
* <DropdownOption>Bar</DropdownOption>
|
|
116
|
+
* <DropdownOption>Qux</DropdownOption>
|
|
117
|
+
* </DropdownGroup>
|
|
118
|
+
* <DropdownGroup name="Group 2">
|
|
119
|
+
* <DropdownOption>Foo</DropdownOption>
|
|
120
|
+
* <DropdownOption>Bar</DropdownOption>
|
|
121
|
+
* <DropdownOption>Qux</DropdownOption>
|
|
122
|
+
* </DropdownGroup>
|
|
123
|
+
* <DropdownGroup name="Group 3">
|
|
124
|
+
* <DropdownOption>Foo</DropdownOption>
|
|
125
|
+
* <DropdownOption>Bar</DropdownOption>
|
|
126
|
+
* <DropdownOption>Qux</DropdownOption>
|
|
127
|
+
* </DropdownGroup>
|
|
128
|
+
* </DropdownMenu>
|
|
129
|
+
* </Dropdown>
|
|
130
|
+
* </Canvas>;
|
|
131
|
+
* ```
|
|
132
|
+
*/
|
|
133
|
+
function Dropdown(_a) {
|
|
134
|
+
var renderTrigger = _a.renderTrigger, children = _a.children;
|
|
135
|
+
var isClickOutsideEnabled = (0, react_1.useRef)();
|
|
136
|
+
var _b = (0, react_1.useState)(false), isOpen = _b[0], setOpen = _b[1];
|
|
137
|
+
(0, react_1.useEffect)(function () {
|
|
138
|
+
isClickOutsideEnabled.current = false;
|
|
139
|
+
}, []);
|
|
140
|
+
var handleClickOutside = (0, react_1.useCallback)(function (event) {
|
|
141
|
+
if (isClickOutsideEnabled.current &&
|
|
142
|
+
!event.target.closest(styles_module_css_json_1.default['Dropdown__menu']) &&
|
|
143
|
+
isOpen) {
|
|
144
|
+
setOpen(false);
|
|
145
|
+
}
|
|
146
|
+
}, [setOpen, isOpen, isClickOutsideEnabled]);
|
|
147
|
+
var outsideRef = (0, useClickOutside_1.default)(handleClickOutside);
|
|
148
|
+
var handleClose = (0, react_1.useCallback)(function () {
|
|
149
|
+
setOpen(false);
|
|
150
|
+
}, [setOpen]);
|
|
151
|
+
var handleToggle = (0, react_1.useCallback)(function () {
|
|
152
|
+
setOpen(function (open) { return !open; });
|
|
153
|
+
}, [setOpen]);
|
|
154
|
+
return (react_1.default.createElement(useMediaQuery_1.MediaQuery, { media: "(max-width: 1024px)" }, function (_a) {
|
|
155
|
+
var matches = _a.matches;
|
|
156
|
+
// In small devices click outside is disabled because
|
|
157
|
+
// the menu goes full screen and has a close button.
|
|
158
|
+
isClickOutsideEnabled.current = !matches;
|
|
159
|
+
return (react_1.default.createElement(DropdownContext_1.DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
160
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown'], ref: outsideRef },
|
|
161
|
+
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
162
|
+
isOpen && children)));
|
|
163
|
+
}));
|
|
164
|
+
}
|
|
165
|
+
exports.Dropdown = Dropdown;
|
|
166
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwE;AACxE,kDAA8C;AAC9C,uEAAiD;AACjD,qDAAoD;AACpD,oFAAyC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,SAAgB,QAAQ,CAAC,EAGT;QAFd,aAAa,mBAAA,EACb,QAAQ,cAAA;IAER,IAAM,qBAAqB,GAAG,IAAA,cAAM,GAAW,CAAC;IAC1C,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAC;IAE1C,IAAA,iBAAS,EAAC;QACR,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAK;QACJ,IACE,qBAAqB,CAAC,OAAO;YAC7B,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,gCAAC,CAAC,gBAAgB,CAAC,CAAC;YAC1C,MAAM,EACN;YACA,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,EAAE,qBAAqB,CAAC,CACzC,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,yBAAe,EAAiB,kBAAkB,CAAC,CAAC;IAEvE,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,8BAAC,0BAAU,IAAC,KAAK,EAAC,qBAAqB,IACpC,UAAC,EAAW;YAAT,OAAO,aAAA;QACT,qDAAqD;QACrD,oDAAoD;QACpD,qBAAqB,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC;QAEzC,OAAO,CACL,8BAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;YACzD,uCAAK,SAAS,EAAE,gCAAC,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,UAAU;gBAC3C,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;gBACtD,MAAM,IAAI,QAAQ,CACf,CACmB,CAC5B,CAAC;IACJ,CAAC,CACU,CACd,CAAC;AACJ,CAAC;AApDD,4BAoDC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropdownContext = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
exports.DropdownContext = (0, react_1.createContext)({
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
7
|
+
closeMenu: function () { },
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=DropdownContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContext.js","sourceRoot":"","sources":["../../../src/Dropdown/DropdownContext.tsx"],"names":[],"mappings":";;;AAAA,+BAAsC;AAMzB,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAsB;IAChE,gEAAgE;IAChE,SAAS,EAAE,cAAO,CAAC;CACpB,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Group = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
9
|
+
var Group = function (_a) {
|
|
10
|
+
var children = _a.children, name = _a.name;
|
|
11
|
+
return (react_1.default.createElement("div", null,
|
|
12
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__group__title'] }, name),
|
|
13
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__group__content'] }, children)));
|
|
14
|
+
};
|
|
15
|
+
exports.Group = Group;
|
|
16
|
+
//# sourceMappingURL=Group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/Dropdown/Group.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyC;AACzC,oFAAyC;AAOlC,IAAM,KAAK,GAAG,UAAC,EAA8B;QAA5B,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,8BAA8B,CAAC,IAAG,IAAI,CAAO;QAC/D,uCAAK,SAAS,EAAE,gCAAC,CAAC,gCAAgC,CAAC,IAAG,QAAQ,CAAO,CACjE,CACP,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,KAAK,SAOhB"}
|